@beyondcorp/beyond-ui 1.2.30 → 1.2.35

package/dist/components/Marketplace/MarketplaceComponent.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import type { Product } from './types';
-interface MarketplaceComponentProps {
+export interface MarketplaceComponentProps {
     userRole?: 'buyer' | 'seller' | 'admin';
     onProductClick?: (product: Product) => void;
+    className?: string;
 }
+/**
+ * Main marketplace component orchestrating all marketplace functionality
+ * Refactored to use modular components and custom hooks for better maintainability
+ */
 export declare const MarketplaceComponent: React.FC<MarketplaceComponentProps>;
-export {};

package/dist/components/Marketplace/MarketplaceComponent.js

@@ -1,107 +1,56 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Menu, Package, Search, ShoppingCart, Bell, Users, DollarSign, Eye, Star } from 'lucide-react';
-import { Button } from '../Button/Button.js';
-import { Input } from '../Input/Input.js';
-import { Card, CardContent } from '../Card/Card.js';
-import { Badge } from '../Badge/Badge.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../Avatar/Avatar.js';
-import { StatsCard } from '../StatsCard/StatsCard.js';
-import { showToast } from '../Toast/Toast.js';
+import { sampleProducts } from './data/sampleData.js';
+import { MarketplaceHeader } from './components/MarketplaceHeader.js';
+import { MarketplaceDashboard } from './components/MarketplaceDashboard.js';
 import { MarketplaceSidebar } from './MarketplaceSidebar.js';
 import { AllProductsView } from './AllProductsView.js';
 import { SingleProductView } from './SingleProductView.js';
 import { CheckoutCompact } from './CheckoutCompact.js';
-import { sampleProducts } from './data/sampleData.js';
+import { useMarketplaceState } from './hooks/useMarketplaceState.js';
+import { useCart } from './hooks/useCart.js';
+import { useProductNavigation } from './hooks/useProductNavigation.js';
+import { useSearch } from './hooks/useSearch.js';
 
-const MarketplaceComponent = ({ userRole = 'buyer', onProductClick, }) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
-    const [currentView, setCurrentView] = useState('dashboard');
-    const [selectedProduct, setSelectedProduct] = useState(null);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [cartItems, setCartItems] = useState([]);
-    const [showCheckout, setShowCheckout] = useState(false);
-    const [filters, setFilters] = useState({
-        categories: [],
-        brands: [],
-        priceRange: [0, 1000],
-        rating: 0,
-        inStock: false,
-        vendors: [],
+/**
+ * Main marketplace component orchestrating all marketplace functionality
+ * Refactored to use modular components and custom hooks for better maintainability
+ */
+const MarketplaceComponent = ({ userRole = 'buyer', onProductClick, className = '', }) => {
+    // State management hook
+    const { sidebarCollapsed, currentView, selectedProduct, searchQuery, cartItems, showCheckout, filters, setSidebarCollapsed, setCurrentView, setSelectedProduct, setSearchQuery, setCartItems, setShowCheckout, setFilters, toggleSidebar, clearCart, resetFilters, } = useMarketplaceState();
+    // Cart management hook
+    const { addToCart, removeFromCart, updateQuantity, getCartTotal, getCartItemCount, isInCart, getCartItem, } = useCart({ cartItems, setCartItems });
+    // Navigation hook
+    const { navigateToProduct, navigateToProducts, navigateToDashboard, navigateToCheckout, } = useProductNavigation({
+        setSelectedProduct,
+        setCurrentView,
+        onProductClick,
+    });
+    // Search hook
+    const { searchResults, isSearching, handleSearch, clearSearch, } = useSearch({
+        products: sampleProducts,
+        searchQuery,
+        setSearchQuery,
+        setCurrentView,
     });
+    // Derived data
     const featuredProducts = sampleProducts.slice(0, 4);
+    const trendingProducts = sampleProducts.slice(4, 8);
     const recentlyViewed = sampleProducts.slice(8, 12);
-    const handleProductClick = (product) => {
-        setSelectedProduct(product);
-        setCurrentView('product');
-        onProductClick?.(product);
+    const cartItemCount = getCartItemCount();
+    // Event handlers
+    const handleCartClick = () => {
+        setShowCheckout(!showCheckout);
     };
-    const handleAddToCart = (product, quantity = 1) => {
-        setCartItems(prev => {
-            const existingItem = prev.find(item => item.product.id === product.id);
-            if (existingItem) {
-                return prev.map(item => item.product.id === product.id
-                    ? { ...item, quantity: item.quantity + quantity }
-                    : item);
-            }
-            return [...prev, { product, quantity }];
-        });
-        showToast.success(`${product.name} added to cart!`);
+    const handleCheckoutComplete = (items) => {
+        clearCart();
+        setShowCheckout(false);
     };
-    const handleSearch = (query) => {
-        setSearchQuery(query);
-        if (query.trim()) {
-            setCurrentView('products');
-        }
+    const handleBuyNow = (product, quantity) => {
+        addToCart(product, quantity);
+        setShowCheckout(true);
     };
-    const renderHeader = () => (jsx("header", { className: "bg-white border-b border-gray-200 sticky top-0 z-40", children: jsx("div", { className: "px-6 py-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-4", children: [jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSidebarCollapsed(!sidebarCollapsed), className: "lg:hidden", children: jsx(Menu, { className: "h-5 w-5" }) }), jsxs("div", { className: "flex items-center space-x-3", children: [jsx("div", { className: "w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center", children: jsx(Package, { className: "h-5 w-5 text-white" }) }), jsxs("div", { children: [jsx("h1", { className: "font-bold text-xl text-gray-900", children: "MarketPlace" }), jsx("p", { className: "text-xs text-gray-500", children: "Your digital marketplace" })] })] })] }), jsx("div", { className: "flex-1 max-w-2xl mx-8", children: jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { placeholder: "Search products, brands, categories...", value: searchQuery, onChange: (e) => handleSearch(e.target.value), className: "pl-10 bg-gray-50 border-gray-200 focus:bg-white" })] }) }), jsxs("div", { className: "flex items-center space-x-3", children: [jsx("div", { className: "relative", children: jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setShowCheckout(!showCheckout), className: "relative", children: [jsx(ShoppingCart, { className: "h-5 w-5" }), cartItems.length > 0 && (jsx(Badge, { variant: "danger", className: "absolute -top-1 -right-1 h-5 w-5 text-xs p-0 flex items-center justify-center", children: cartItems.reduce((sum, item) => sum + item.quantity, 0) }))] }) }), jsxs(Button, { variant: "ghost", size: "sm", className: "relative", children: [jsx(Bell, { className: "h-5 w-5" }), jsx(Badge, { variant: "danger", className: "absolute -top-1 -right-1 h-4 w-4 text-xs p-0 flex items-center justify-center", children: "3" })] }), jsxs("div", { className: "flex items-center space-x-3 pl-3 border-l border-gray-200", children: [jsxs("div", { className: "hidden sm:block text-right", children: [jsx("p", { className: "text-sm font-medium text-gray-900", children: "John Doe" }), jsx("p", { className: "text-xs text-gray-500 capitalize", children: userRole })] }), jsxs(Avatar, { size: "sm", children: [jsx(AvatarImage, { src: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64" }), jsx(AvatarFallback, { children: "JD" })] })] })] })] }) }) }));
-    const renderDashboard = () => (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [jsx(StatsCard, { title: "Total Products", value: "2,543", trend: {
-                            direction: "up",
-                            value: "+12%",
-                            label: "from last month"
-                        }, icon: jsx(Package, { className: "h-6 w-6 text-primary-600" }) }), jsx(StatsCard, { title: "Active Sellers", value: "156", trend: {
-                            direction: "up",
-                            value: "+8%",
-                            label: "from last month"
-                        }, icon: jsx(Users, { className: "h-6 w-6 text-success-600" }) }), jsx(StatsCard, { title: "Total Sales", value: "$45,231", trend: {
-                            direction: "up",
-                            value: "+15%",
-                            label: "from last month"
-                        }, icon: jsx(DollarSign, { className: "h-6 w-6 text-warning-600" }) }), jsx(StatsCard, { title: "Page Views", value: "89,432", trend: {
-                            direction: "up",
-                            value: "+23%",
-                            label: "from last month"
-                        }, icon: jsx(Eye, { className: "h-6 w-6 text-danger-600" }) })] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center justify-between mb-6", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Featured Categories" }), jsx(Button, { variant: "outline", onClick: () => setCurrentView('products'), children: "View All" })] }), jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
-                            { name: 'Electronics', count: 156, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=400' },
-                            { name: 'Fashion', count: 234, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=400' },
-                            { name: 'Home & Garden', count: 178, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=400' },
-                            { name: 'Sports', count: 145, image: 'https://images.pexels.com/photos/863988/pexels-photo-863988.jpeg?auto=compress&cs=tinysrgb&w=400' },
-                        ].map((category) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", children: jsx("img", { src: category.image, alt: category.name, className: "w-full h-full object-cover" }) }), jsxs(CardContent, { className: "p-4 text-center", children: [jsx("h3", { className: "font-medium text-gray-900 mb-1", children: category.name }), jsxs("p", { className: "text-sm text-gray-600", children: [category.count, " products"] })] })] }, category.name))) })] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center justify-between mb-6", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Featured Products" }), jsx(Button, { variant: "outline", onClick: () => setCurrentView('products'), children: "View All" })] }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: featuredProducts.map((product) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsxs("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", onClick: () => handleProductClick(product), children: [jsx("img", { src: product.images[0], alt: product.name, className: "w-full h-full object-cover" }), product.discount && (jsxs(Badge, { variant: "danger", className: "absolute top-2 left-2", children: ["-", product.discount, "%"] }))] }), jsxs(CardContent, { className: "p-4", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2 line-clamp-2", children: product.name }), jsxs("div", { className: "flex items-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsxs("span", { className: "text-sm text-gray-600", children: [product.rating, " (", product.reviewCount, ")"] })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.originalPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.originalPrice.toFixed(2)] }))] }), jsx(Button, { size: "sm", onClick: (e) => {
-                                                        e.stopPropagation();
-                                                        handleAddToCart(product);
-                                                    }, children: "Add to Cart" })] })] })] }, product.id))) })] }), jsxs("div", { children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-6", children: "Top Sellers" }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
-                            { name: 'TechWorld Store', rating: 4.8, products: 89, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=64' },
-                            { name: 'Fashion Hub', rating: 4.6, products: 76, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=64' },
-                            { name: 'Home Essentials', rating: 4.7, products: 65, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=64' },
-                        ].map((vendor) => (jsx(Card, { className: "hover:shadow-lg transition-shadow", children: jsxs(CardContent, { className: "p-6 text-center", children: [jsxs(Avatar, { size: "lg", className: "mx-auto mb-4", children: [jsx(AvatarImage, { src: vendor.image }), jsx(AvatarFallback, { children: vendor.name[0] })] }), jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: vendor.name }), jsxs("div", { className: "flex items-center justify-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsx("span", { className: "text-sm text-gray-600", children: vendor.rating })] }), jsxs("p", { className: "text-sm text-gray-600 mb-4", children: [vendor.products, " products"] }), jsx(Button, { variant: "outline", size: "sm", children: "Visit Store" })] }) }, vendor.name))) })] }), recentlyViewed.length > 0 && (jsxs("div", { children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-6", children: "Recently Viewed" }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: recentlyViewed.map((product) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", onClick: () => handleProductClick(product), children: jsx("img", { src: product.images[0], alt: product.name, className: "w-full h-full object-cover" }) }), jsxs(CardContent, { className: "p-4", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2 line-clamp-2", children: product.name }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), jsx(Button, { size: "sm", onClick: (e) => {
-                                                        e.stopPropagation();
-                                                        handleAddToCart(product);
-                                                    }, children: jsx(ShoppingCart, { className: "h-4 w-4" }) })] })] })] }, product.id))) })] }))] }));
-    return (jsxs("div", { className: "min-h-screen bg-gray-50", children: [renderHeader(), jsxs("div", { className: "flex", children: [(currentView === 'products' || currentView === 'dashboard') && (jsx(MarketplaceSidebar, { filters: filters, onFiltersChange: setFilters, onClearFilters: () => setFilters({
-                            categories: [],
-                            brands: [],
-                            priceRange: [0, 1000],
-                            rating: 0,
-                            inStock: false,
-                            vendors: [],
-                        }), collapsed: sidebarCollapsed, onToggleCollapse: () => setSidebarCollapsed(!sidebarCollapsed) })), jsxs("main", { className: "flex-1 p-6", children: [currentView === 'dashboard' && renderDashboard(), currentView === 'products' && (jsx(AllProductsView, { onProductClick: handleProductClick, onAddToCart: handleAddToCart })), currentView === 'product' && selectedProduct && (jsx(SingleProductView, { productId: selectedProduct.id, onAddToCart: handleAddToCart, onBuyNow: (product, quantity) => {
-                                    handleAddToCart(product, quantity);
-                                    setShowCheckout(true);
-                                } }))] }), showCheckout && (jsx("div", { className: "fixed right-4 top-20 z-50", children: jsx(CheckoutCompact, { cartItems: cartItems, onClose: () => setShowCheckout(false), onCheckout: (items) => {
-                                showToast.success('Order placed successfully!');
-                                setCartItems([]);
-                                setShowCheckout(false);
-                            } }) }))] })] }));
+    return (jsxs("div", { className: `min-h-screen bg-gray-50 ${className}`, children: [jsx(MarketplaceHeader, { searchQuery: searchQuery, onSearchChange: handleSearch, cartItemCount: cartItemCount, onCartClick: handleCartClick, onMenuToggle: toggleSidebar, userRole: userRole }), jsxs("div", { className: "flex", children: [(currentView === 'products' || currentView === 'dashboard') && (jsx(MarketplaceSidebar, { filters: filters, onFiltersChange: setFilters, onClearFilters: resetFilters, collapsed: sidebarCollapsed, onToggleCollapse: toggleSidebar })), jsxs("main", { className: "flex-1 p-6", children: [currentView === 'dashboard' && (jsx(MarketplaceDashboard, { featuredProducts: featuredProducts, trendingProducts: trendingProducts, recentlyViewed: recentlyViewed, onProductClick: navigateToProduct, onAddToCart: addToCart, onViewAllProducts: navigateToProducts })), currentView === 'products' && (jsx(AllProductsView, { onProductClick: navigateToProduct, onAddToCart: addToCart })), currentView === 'product' && selectedProduct && (jsx(SingleProductView, { productId: selectedProduct.id, onAddToCart: addToCart, onBuyNow: handleBuyNow }))] }), showCheckout && (jsx("div", { className: "fixed right-4 top-20 z-50", children: jsx(CheckoutCompact, { cartItems: cartItems, onClose: () => setShowCheckout(false), onCheckout: handleCheckoutComplete }) }))] })] }));
 };
 
 export { MarketplaceComponent };

package/dist/components/Marketplace/MarketplaceComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceComponent.js","sources":["../../../src/components/Marketplace/MarketplaceComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Search, ShoppingCart, User, Bell, Menu, TrendingUp, Star, Eye, Package, DollarSign, Users, BarChart3, Filter, Grid2x2 as Grid, List } from 'lucide-react';\nimport { Button } from '../Button';\nimport { Input } from '../Input';\nimport { Card, CardHeader, CardTitle, CardContent } from '../Card';\nimport { Badge } from '../Badge';\nimport { Avatar, AvatarImage, AvatarFallback } from '../Avatar';\nimport { StatsCard } from '../StatsCard';\nimport { showToast } from '../Toast';\nimport { MarketplaceSidebar } from './MarketplaceSidebar';\nimport { AllProductsView } from './AllProductsView';\nimport { SingleProductView } from './SingleProductView';\nimport { CheckoutCompact } from './CheckoutCompact';\nimport type { Product, FilterOptions, CartItem } from './types';\nimport { sampleProducts } from './data/sampleData';\n\ninterface MarketplaceComponentProps {\n  userRole?: 'buyer' | 'seller' | 'admin';\n  onProductClick?: (product: Product) => void;\n}\n\nexport const MarketplaceComponent: React.FC<MarketplaceComponentProps> = ({\n  userRole = 'buyer',\n  onProductClick,\n}) => {\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);\n  const [currentView, setCurrentView] = useState<'dashboard' | 'products' | 'product' | 'checkout'>('dashboard');\n  const [selectedProduct, setSelectedProduct] = useState<Product | null>(null);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [cartItems, setCartItems] = useState<CartItem[]>([]);\n  const [showCheckout, setShowCheckout] = useState(false);\n  const [filters, setFilters] = useState<FilterOptions>({\n    categories: [],\n    brands: [],\n    priceRange: [0, 1000],\n    rating: 0,\n    inStock: false,\n    vendors: [],\n  });\n\n  const featuredProducts = sampleProducts.slice(0, 4);\n  const trendingProducts = sampleProducts.slice(4, 8);\n  const recentlyViewed = sampleProducts.slice(8, 12);\n\n  const handleProductClick = (product: Product) => {\n    setSelectedProduct(product);\n    setCurrentView('product');\n    onProductClick?.(product);\n  };\n\n  const handleAddToCart = (product: Product, quantity: number = 1) => {\n    setCartItems(prev => {\n      const existingItem = prev.find(item => item.product.id === product.id);\n      if (existingItem) {\n        return prev.map(item =>\n          item.product.id === product.id\n            ? { ...item, quantity: item.quantity + quantity }\n            : item\n        );\n      }\n      return [...prev, { product, quantity }];\n    });\n    showToast.success(`${product.name} added to cart!`);\n  };\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    if (query.trim()) {\n      setCurrentView('products');\n    }\n  };\n\n  const renderHeader = () => (\n    <header className=\"bg-white border-b border-gray-200 sticky top-0 z-40\">\n      <div className=\"px-6 py-4\">\n        <div className=\"flex items-center justify-between\">\n          {/* Left Section */}\n          <div className=\"flex items-center space-x-4\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setSidebarCollapsed(!sidebarCollapsed)}\n              className=\"lg:hidden\"\n            >\n              <Menu className=\"h-5 w-5\" />\n            </Button>\n            \n            <div className=\"flex items-center space-x-3\">\n              <div className=\"w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center\">\n                <Package className=\"h-5 w-5 text-white\" />\n              </div>\n              <div>\n                <h1 className=\"font-bold text-xl text-gray-900\">MarketPlace</h1>\n                <p className=\"text-xs text-gray-500\">Your digital marketplace</p>\n              </div>\n            </div>\n          </div>\n\n          {/* Center Section - Search */}\n          <div className=\"flex-1 max-w-2xl mx-8\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400\" />\n              <Input\n                placeholder=\"Search products, brands, categories...\"\n                value={searchQuery}\n                onChange={(e) => handleSearch(e.target.value)}\n                className=\"pl-10 bg-gray-50 border-gray-200 focus:bg-white\"\n              />\n            </div>\n          </div>\n\n          {/* Right Section */}\n          <div className=\"flex items-center space-x-3\">\n            {/* Cart */}\n            <div className=\"relative\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setShowCheckout(!showCheckout)}\n                className=\"relative\"\n              >\n                <ShoppingCart className=\"h-5 w-5\" />\n                {cartItems.length > 0 && (\n                  <Badge \n                    variant=\"danger\" \n                    className=\"absolute -top-1 -right-1 h-5 w-5 text-xs p-0 flex items-center justify-center\"\n                  >\n                    {cartItems.reduce((sum, item) => sum + item.quantity, 0)}\n                  </Badge>\n                )}\n              </Button>\n            </div>\n\n            {/* Notifications */}\n            <Button variant=\"ghost\" size=\"sm\" className=\"relative\">\n              <Bell className=\"h-5 w-5\" />\n              <Badge \n                variant=\"danger\" \n                className=\"absolute -top-1 -right-1 h-4 w-4 text-xs p-0 flex items-center justify-center\"\n              >\n                3\n              </Badge>\n            </Button>\n\n            {/* User Profile */}\n            <div className=\"flex items-center space-x-3 pl-3 border-l border-gray-200\">\n              <div className=\"hidden sm:block text-right\">\n                <p className=\"text-sm font-medium text-gray-900\">John Doe</p>\n                <p className=\"text-xs text-gray-500 capitalize\">{userRole}</p>\n              </div>\n              <Avatar size=\"sm\">\n                <AvatarImage src=\"https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64\" />\n                <AvatarFallback>JD</AvatarFallback>\n              </Avatar>\n            </div>\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n\n  const renderDashboard = () => (\n    <div className=\"space-y-8\">\n      {/* Stats Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n        <StatsCard\n          title=\"Total Products\"\n          value=\"2,543\"\n          trend={{\n            direction: \"up\",\n            value: \"+12%\",\n            label: \"from last month\"\n          }}\n          icon={<Package className=\"h-6 w-6 text-primary-600\" />}\n        />\n        <StatsCard\n          title=\"Active Sellers\"\n          value=\"156\"\n          trend={{\n            direction: \"up\",\n            value: \"+8%\",\n            label: \"from last month\"\n          }}\n          icon={<Users className=\"h-6 w-6 text-success-600\" />}\n        />\n        <StatsCard\n          title=\"Total Sales\"\n          value=\"$45,231\"\n          trend={{\n            direction: \"up\",\n            value: \"+15%\",\n            label: \"from last month\"\n          }}\n          icon={<DollarSign className=\"h-6 w-6 text-warning-600\" />}\n        />\n        <StatsCard\n          title=\"Page Views\"\n          value=\"89,432\"\n          trend={{\n            direction: \"up\",\n            value: \"+23%\",\n            label: \"from last month\"\n          }}\n          icon={<Eye className=\"h-6 w-6 text-danger-600\" />}\n        />\n      </div>\n\n      {/* Featured Categories */}\n      <div>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-gray-900\">Featured Categories</h2>\n          <Button variant=\"outline\" onClick={() => setCurrentView('products')}>\n            View All\n          </Button>\n        </div>\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n          {[\n            { name: 'Electronics', count: 156, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=400' },\n            { name: 'Fashion', count: 234, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=400' },\n            { name: 'Home & Garden', count: 178, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=400' },\n            { name: 'Sports', count: 145, image: 'https://images.pexels.com/photos/863988/pexels-photo-863988.jpeg?auto=compress&cs=tinysrgb&w=400' },\n          ].map((category) => (\n            <Card key={category.name} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n              <div className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\">\n                <img\n                  src={category.image}\n                  alt={category.name}\n                  className=\"w-full h-full object-cover\"\n                />\n              </div>\n              <CardContent className=\"p-4 text-center\">\n                <h3 className=\"font-medium text-gray-900 mb-1\">{category.name}</h3>\n                <p className=\"text-sm text-gray-600\">{category.count} products</p>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Featured Products */}\n      <div>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-gray-900\">Featured Products</h2>\n          <Button variant=\"outline\" onClick={() => setCurrentView('products')}>\n            View All\n          </Button>\n        </div>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n          {featuredProducts.map((product) => (\n            <Card key={product.id} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n              <div \n                className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\"\n                onClick={() => handleProductClick(product)}\n              >\n                <img\n                  src={product.images[0]}\n                  alt={product.name}\n                  className=\"w-full h-full object-cover\"\n                />\n                {product.discount && (\n                  <Badge variant=\"danger\" className=\"absolute top-2 left-2\">\n                    -{product.discount}%\n                  </Badge>\n                )}\n              </div>\n              <CardContent className=\"p-4\">\n                <h3 className=\"font-medium text-gray-900 mb-2 line-clamp-2\">\n                  {product.name}\n                </h3>\n                <div className=\"flex items-center space-x-1 mb-2\">\n                  <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n                  <span className=\"text-sm text-gray-600\">\n                    {product.rating} ({product.reviewCount})\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center space-x-2\">\n                    <span className=\"text-lg font-bold text-gray-900\">\n                      ${product.price.toFixed(2)}\n                    </span>\n                    {product.originalPrice && (\n                      <span className=\"text-sm text-gray-500 line-through\">\n                        ${product.originalPrice.toFixed(2)}\n                      </span>\n                    )}\n                  </div>\n                  <Button\n                    size=\"sm\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleAddToCart(product);\n                    }}\n                  >\n                    Add to Cart\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Vendor Spotlight */}\n      <div>\n        <h2 className=\"text-2xl font-bold text-gray-900 mb-6\">Top Sellers</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n          {[\n            { name: 'TechWorld Store', rating: 4.8, products: 89, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=64' },\n            { name: 'Fashion Hub', rating: 4.6, products: 76, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=64' },\n            { name: 'Home Essentials', rating: 4.7, products: 65, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=64' },\n          ].map((vendor) => (\n            <Card key={vendor.name} className=\"hover:shadow-lg transition-shadow\">\n              <CardContent className=\"p-6 text-center\">\n                <Avatar size=\"lg\" className=\"mx-auto mb-4\">\n                  <AvatarImage src={vendor.image} />\n                  <AvatarFallback>{vendor.name[0]}</AvatarFallback>\n                </Avatar>\n                <h3 className=\"font-semibold text-gray-900 mb-2\">{vendor.name}</h3>\n                <div className=\"flex items-center justify-center space-x-1 mb-2\">\n                  <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n                  <span className=\"text-sm text-gray-600\">{vendor.rating}</span>\n                </div>\n                <p className=\"text-sm text-gray-600 mb-4\">{vendor.products} products</p>\n                <Button variant=\"outline\" size=\"sm\">\n                  Visit Store\n                </Button>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Recently Viewed */}\n      {recentlyViewed.length > 0 && (\n        <div>\n          <h2 className=\"text-2xl font-bold text-gray-900 mb-6\">Recently Viewed</h2>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            {recentlyViewed.map((product) => (\n              <Card key={product.id} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n                <div \n                  className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\"\n                  onClick={() => handleProductClick(product)}\n                >\n                  <img\n                    src={product.images[0]}\n                    alt={product.name}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </div>\n                <CardContent className=\"p-4\">\n                  <h3 className=\"font-medium text-gray-900 mb-2 line-clamp-2\">\n                    {product.name}\n                  </h3>\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-lg font-bold text-gray-900\">\n                      ${product.price.toFixed(2)}\n                    </span>\n                    <Button\n                      size=\"sm\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleAddToCart(product);\n                      }}\n                    >\n                      <ShoppingCart className=\"h-4 w-4\" />\n                    </Button>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div className=\"min-h-screen bg-gray-50\">\n      {/* Header */}\n      {renderHeader()}\n\n      <div className=\"flex\">\n        {/* Sidebar */}\n        {(currentView === 'products' || currentView === 'dashboard') && (\n          <MarketplaceSidebar\n            filters={filters}\n            onFiltersChange={setFilters}\n            onClearFilters={() => setFilters({\n              categories: [],\n              brands: [],\n              priceRange: [0, 1000],\n              rating: 0,\n              inStock: false,\n              vendors: [],\n            })}\n            collapsed={sidebarCollapsed}\n            onToggleCollapse={() => setSidebarCollapsed(!sidebarCollapsed)}\n          />\n        )}\n\n        {/* Main Content */}\n        <main className=\"flex-1 p-6\">\n          {currentView === 'dashboard' && renderDashboard()}\n          \n          {currentView === 'products' && (\n            <AllProductsView\n              onProductClick={handleProductClick}\n              onAddToCart={handleAddToCart}\n            />\n          )}\n          \n          {currentView === 'product' && selectedProduct && (\n            <SingleProductView\n              productId={selectedProduct.id}\n              onAddToCart={handleAddToCart}\n              onBuyNow={(product, quantity) => {\n                handleAddToCart(product, quantity);\n                setShowCheckout(true);\n              }}\n            />\n          )}\n        </main>\n\n        {/* Checkout Sidebar */}\n        {showCheckout && (\n          <div className=\"fixed right-4 top-20 z-50\">\n            <CheckoutCompact\n              cartItems={cartItems}\n              onClose={() => setShowCheckout(false)}\n              onCheckout={(items) => {\n                showToast.success('Order placed successfully!');\n                setCartItems([]);\n                setShowCheckout(false);\n              }}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"MarketplaceComponent.js","sources":["../../../src/components/Marketplace/MarketplaceComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { sampleProducts } from './data/sampleData';\nimport { MarketplaceHeader } from './components/MarketplaceHeader';\nimport { MarketplaceDashboard } from './components/MarketplaceDashboard';\nimport { MarketplaceSidebar } from './MarketplaceSidebar';\nimport { AllProductsView } from './AllProductsView';\nimport { SingleProductView } from './SingleProductView';\nimport { CheckoutCompact } from './CheckoutCompact';\nimport { useMarketplaceState } from './hooks/useMarketplaceState';\nimport { useCart } from './hooks/useCart';\nimport { useProductNavigation } from './hooks/useProductNavigation';\nimport { useSearch } from './hooks/useSearch';\nimport type { Product } from './types';\n\nexport interface MarketplaceComponentProps {\n  userRole?: 'buyer' | 'seller' | 'admin';\n  onProductClick?: (product: Product) => void;\n  className?: string;\n}\n\n/**\n * Main marketplace component orchestrating all marketplace functionality\n * Refactored to use modular components and custom hooks for better maintainability\n */\nexport const MarketplaceComponent: React.FC<MarketplaceComponentProps> = ({\n  userRole = 'buyer',\n  onProductClick,\n  className = '',\n}) => {\n  // State management hook\n  const {\n    sidebarCollapsed,\n    currentView,\n    selectedProduct,\n    searchQuery,\n    cartItems,\n    showCheckout,\n    filters,\n    setSidebarCollapsed,\n    setCurrentView,\n    setSelectedProduct,\n    setSearchQuery,\n    setCartItems,\n    setShowCheckout,\n    setFilters,\n    toggleSidebar,\n    clearCart,\n    resetFilters,\n  } = useMarketplaceState();\n\n  // Cart management hook\n  const {\n    addToCart,\n    removeFromCart,\n    updateQuantity,\n    getCartTotal,\n    getCartItemCount,\n    isInCart,\n    getCartItem,\n  } = useCart({ cartItems, setCartItems });\n\n  // Navigation hook\n  const {\n    navigateToProduct,\n    navigateToProducts,\n    navigateToDashboard,\n    navigateToCheckout,\n  } = useProductNavigation({\n    setSelectedProduct,\n    setCurrentView,\n    onProductClick,\n  });\n\n  // Search hook\n  const {\n    searchResults,\n    isSearching,\n    handleSearch,\n    clearSearch,\n  } = useSearch({\n    products: sampleProducts,\n    searchQuery,\n    setSearchQuery,\n    setCurrentView,\n  });\n\n  // Derived data\n  const featuredProducts = sampleProducts.slice(0, 4);\n  const trendingProducts = sampleProducts.slice(4, 8);\n  const recentlyViewed = sampleProducts.slice(8, 12);\n  const cartItemCount = getCartItemCount();\n\n  // Event handlers\n  const handleCartClick = () => {\n    setShowCheckout(!showCheckout);\n  };\n\n  const handleCheckoutComplete = (items: any[]) => {\n    clearCart();\n    setShowCheckout(false);\n  };\n\n  const handleBuyNow = (product: Product, quantity: number) => {\n    addToCart(product, quantity);\n    setShowCheckout(true);\n  };\n\n  return (\n    <div className={`min-h-screen bg-gray-50 ${className}`}>\n      {/* Header */}\n      <MarketplaceHeader\n        searchQuery={searchQuery}\n        onSearchChange={handleSearch}\n        cartItemCount={cartItemCount}\n        onCartClick={handleCartClick}\n        onMenuToggle={toggleSidebar}\n        userRole={userRole}\n      />\n\n      <div className=\"flex\">\n        {/* Sidebar */}\n        {(currentView === 'products' || currentView === 'dashboard') && (\n          <MarketplaceSidebar\n            filters={filters}\n            onFiltersChange={setFilters}\n            onClearFilters={resetFilters}\n            collapsed={sidebarCollapsed}\n            onToggleCollapse={toggleSidebar}\n          />\n        )}\n\n        {/* Main Content */}\n        <main className=\"flex-1 p-6\">\n          {currentView === 'dashboard' && (\n            <MarketplaceDashboard\n              featuredProducts={featuredProducts}\n              trendingProducts={trendingProducts}\n              recentlyViewed={recentlyViewed}\n              onProductClick={navigateToProduct}\n              onAddToCart={addToCart}\n              onViewAllProducts={navigateToProducts}\n            />\n          )}\n          \n          {currentView === 'products' && (\n            <AllProductsView\n              onProductClick={navigateToProduct}\n              onAddToCart={addToCart}\n            />\n          )}\n          \n          {currentView === 'product' && selectedProduct && (\n            <SingleProductView\n              productId={selectedProduct.id}\n              onAddToCart={addToCart}\n              onBuyNow={handleBuyNow}\n            />\n          )}\n        </main>\n\n        {/* Checkout Sidebar */}\n        {showCheckout && (\n          <div className=\"fixed right-4 top-20 z-50\">\n            <CheckoutCompact\n              cartItems={cartItems}\n              onClose={() => setShowCheckout(false)}\n              onCheckout={handleCheckoutComplete}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Marketplace/components/CategoryCard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CategoryCardProps {
+    name: string;
+    count: number;
+    image: string;
+    onClick?: (categoryName: string) => void;
+    className?: string;
+}
+/**
+ * Reusable category card component for displaying product categories
+ * Used in dashboard and category browsing sections
+ */
+export declare const CategoryCard: React.FC<CategoryCardProps>;

package/dist/components/Marketplace/components/CategoryCard.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardContent } from '../../Card/Card.js';
+
+/**
+ * Reusable category card component for displaying product categories
+ * Used in dashboard and category browsing sections
+ */
+const CategoryCard = ({ name, count, image, onClick, className = '', }) => {
+    const handleClick = () => {
+        onClick?.(name);
+    };
+    return (jsxs(Card, { className: `hover:shadow-lg transition-shadow cursor-pointer ${className}`, onClick: handleClick, children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", children: jsx("img", { src: image, alt: name, className: "w-full h-full object-cover" }) }), jsxs(CardContent, { className: "p-4 text-center", children: [jsx("h3", { className: "font-medium text-gray-900 mb-1", children: name }), jsxs("p", { className: "text-sm text-gray-600", children: [count, " products"] })] })] }));
+};
+
+export { CategoryCard };
+//# sourceMappingURL=CategoryCard.js.map

package/dist/components/Marketplace/components/CategoryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCard.js","sources":["../../../../src/components/Marketplace/components/CategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardContent } from '../../Card';\n\nexport interface CategoryCardProps {\n  name: string;\n  count: number;\n  image: string;\n  onClick?: (categoryName: string) => void;\n  className?: string;\n}\n\n/**\n * Reusable category card component for displaying product categories\n * Used in dashboard and category browsing sections\n */\nexport const CategoryCard: React.FC<CategoryCardProps> = ({\n  name,\n  count,\n  image,\n  onClick,\n  className = '',\n}) => {\n  const handleClick = () => {\n    onClick?.(name);\n  };\n\n  return (\n    <Card \n      className={`hover:shadow-lg transition-shadow cursor-pointer ${className}`}\n      onClick={handleClick}\n    >\n      <div className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\">\n        <img\n          src={image}\n          alt={name}\n          className=\"w-full h-full object-cover\"\n        />\n      </div>\n      <CardContent className=\"p-4 text-center\">\n        <h3 className=\"font-medium text-gray-900 mb-1\">{name}</h3>\n        <p className=\"text-sm text-gray-600\">{count} products</p>\n      </CardContent>\n    </Card>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":";;;AAWA;;;AAGG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GAAG,EAAE,GACf,KAAI;IACH,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,OAAO,GAAG,IAAI,CAAC;AACjB,IAAA,CAAC;IAED,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,iDAAA,EAAoD,SAAS,CAAA,CAAE,EAC1E,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CAEpBC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wDAAwD,EAAA,QAAA,EACrEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,4BAA4B,EAAA,CACtC,EAAA,CACE,EACND,IAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAE,IAAI,EAAA,CAAM,EAC1DD,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAE,KAAK,EAAA,WAAA,CAAA,EAAA,CAAc,CAAA,EAAA,CAC7C,CAAA,EAAA,CACT;AAEX;;;;"}

package/dist/components/Marketplace/components/MarketplaceDashboard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Product } from '../types';
+export interface MarketplaceDashboardProps {
+    featuredProducts: Product[];
+    trendingProducts: Product[];
+    recentlyViewed: Product[];
+    onProductClick: (product: Product) => void;
+    onAddToCart: (product: Product, quantity?: number) => void;
+    onViewAllProducts: () => void;
+    className?: string;
+}
+/**
+ * Marketplace dashboard component showing overview, featured products, and vendor spotlight
+ * Extracted from main marketplace component for better modularity
+ */
+export declare const MarketplaceDashboard: React.FC<MarketplaceDashboardProps>;

package/dist/components/Marketplace/components/MarketplaceDashboard.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Package, Users, DollarSign, Eye, Star, ShoppingCart } from 'lucide-react';
+import { Button } from '../../Button/Button.js';
+import { Card, CardContent } from '../../Card/Card.js';
+import { Badge } from '../../Badge/Badge.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../Avatar/Avatar.js';
+import { StatsCard } from '../../StatsCard/StatsCard.js';
+
+/**
+ * Marketplace dashboard component showing overview, featured products, and vendor spotlight
+ * Extracted from main marketplace component for better modularity
+ */
+const MarketplaceDashboard = ({ featuredProducts, trendingProducts, recentlyViewed, onProductClick, onAddToCart, onViewAllProducts, className = '', }) => {
+    const categories = [
+        { name: 'Electronics', count: 156, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=400' },
+        { name: 'Fashion', count: 234, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=400' },
+        { name: 'Home & Garden', count: 178, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=400' },
+        { name: 'Sports', count: 145, image: 'https://images.pexels.com/photos/863988/pexels-photo-863988.jpeg?auto=compress&cs=tinysrgb&w=400' },
+    ];
+    const vendors = [
+        { name: 'TechWorld Store', rating: 4.8, products: 89, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=64' },
+        { name: 'Fashion Hub', rating: 4.6, products: 76, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=64' },
+        { name: 'Home Essentials', rating: 4.7, products: 65, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=64' },
+    ];
+    return (jsxs("div", { className: `space-y-8 ${className}`, children: [jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [jsx(StatsCard, { title: "Total Products", value: "2,543", trend: {
+                            direction: "up",
+                            value: "+12%",
+                            label: "from last month"
+                        }, icon: jsx(Package, { className: "h-6 w-6 text-primary-600" }) }), jsx(StatsCard, { title: "Active Sellers", value: "156", trend: {
+                            direction: "up",
+                            value: "+8%",
+                            label: "from last month"
+                        }, icon: jsx(Users, { className: "h-6 w-6 text-success-600" }) }), jsx(StatsCard, { title: "Total Sales", value: "$45,231", trend: {
+                            direction: "up",
+                            value: "+15%",
+                            label: "from last month"
+                        }, icon: jsx(DollarSign, { className: "h-6 w-6 text-warning-600" }) }), jsx(StatsCard, { title: "Page Views", value: "89,432", trend: {
+                            direction: "up",
+                            value: "+23%",
+                            label: "from last month"
+                        }, icon: jsx(Eye, { className: "h-6 w-6 text-danger-600" }) })] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center justify-between mb-6", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Featured Categories" }), jsx(Button, { variant: "outline", onClick: onViewAllProducts, children: "View All" })] }), jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: categories.map((category) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", children: jsx("img", { src: category.image, alt: category.name, className: "w-full h-full object-cover" }) }), jsxs(CardContent, { className: "p-4 text-center", children: [jsx("h3", { className: "font-medium text-gray-900 mb-1", children: category.name }), jsxs("p", { className: "text-sm text-gray-600", children: [category.count, " products"] })] })] }, category.name))) })] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center justify-between mb-6", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Featured Products" }), jsx(Button, { variant: "outline", onClick: onViewAllProducts, children: "View All" })] }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: featuredProducts.map((product) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsxs("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden relative", onClick: () => onProductClick(product), children: [jsx("img", { src: product.images[0], alt: product.name, className: "w-full h-full object-cover" }), product.discount && (jsxs(Badge, { variant: "danger", className: "absolute top-2 left-2", children: ["-", product.discount, "%"] }))] }), jsxs(CardContent, { className: "p-4", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2 line-clamp-2", children: product.name }), jsxs("div", { className: "flex items-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsxs("span", { className: "text-sm text-gray-600", children: [product.rating, " (", product.reviewCount, ")"] })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.originalPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.originalPrice.toFixed(2)] }))] }), jsx(Button, { size: "sm", onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        onAddToCart(product);
+                                                    }, children: "Add to Cart" })] })] })] }, product.id))) })] }), jsxs("div", { children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-6", children: "Top Sellers" }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: vendors.map((vendor) => (jsx(Card, { className: "hover:shadow-lg transition-shadow", children: jsxs(CardContent, { className: "p-6 text-center", children: [jsxs(Avatar, { size: "lg", className: "mx-auto mb-4", children: [jsx(AvatarImage, { src: vendor.image }), jsx(AvatarFallback, { children: vendor.name[0] })] }), jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: vendor.name }), jsxs("div", { className: "flex items-center justify-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsx("span", { className: "text-sm text-gray-600", children: vendor.rating })] }), jsxs("p", { className: "text-sm text-gray-600 mb-4", children: [vendor.products, " products"] }), jsx(Button, { variant: "outline", size: "sm", children: "Visit Store" })] }) }, vendor.name))) })] }), recentlyViewed.length > 0 && (jsxs("div", { children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-6", children: "Recently Viewed" }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: recentlyViewed.map((product) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow cursor-pointer", children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", onClick: () => onProductClick(product), children: jsx("img", { src: product.images[0], alt: product.name, className: "w-full h-full object-cover" }) }), jsxs(CardContent, { className: "p-4", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2 line-clamp-2", children: product.name }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), jsx(Button, { size: "sm", onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        onAddToCart(product);
+                                                    }, children: jsx(ShoppingCart, { className: "h-4 w-4" }) })] })] })] }, product.id))) })] }))] }));
+};
+
+export { MarketplaceDashboard };
+//# sourceMappingURL=MarketplaceDashboard.js.map

package/dist/components/Marketplace/components/MarketplaceDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceDashboard.js","sources":["../../../../src/components/Marketplace/components/MarketplaceDashboard.tsx"],"sourcesContent":["import React from 'react';\nimport { Package, Users, DollarSign, Eye, TrendingUp, Star, ShoppingCart } from 'lucide-react';\nimport { Button } from '../../Button';\nimport { Card, CardContent } from '../../Card';\nimport { Badge } from '../../Badge';\nimport { Avatar, AvatarImage, AvatarFallback } from '../../Avatar';\nimport { StatsCard } from '../../StatsCard';\nimport type { Product } from '../types';\n\nexport interface MarketplaceDashboardProps {\n  featuredProducts: Product[];\n  trendingProducts: Product[];\n  recentlyViewed: Product[];\n  onProductClick: (product: Product) => void;\n  onAddToCart: (product: Product, quantity?: number) => void;\n  onViewAllProducts: () => void;\n  className?: string;\n}\n\n/**\n * Marketplace dashboard component showing overview, featured products, and vendor spotlight\n * Extracted from main marketplace component for better modularity\n */\nexport const MarketplaceDashboard: React.FC<MarketplaceDashboardProps> = ({\n  featuredProducts,\n  trendingProducts,\n  recentlyViewed,\n  onProductClick,\n  onAddToCart,\n  onViewAllProducts,\n  className = '',\n}) => {\n  const categories = [\n    { name: 'Electronics', count: 156, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=400' },\n    { name: 'Fashion', count: 234, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=400' },\n    { name: 'Home & Garden', count: 178, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=400' },\n    { name: 'Sports', count: 145, image: 'https://images.pexels.com/photos/863988/pexels-photo-863988.jpeg?auto=compress&cs=tinysrgb&w=400' },\n  ];\n\n  const vendors = [\n    { name: 'TechWorld Store', rating: 4.8, products: 89, image: 'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=64' },\n    { name: 'Fashion Hub', rating: 4.6, products: 76, image: 'https://images.pexels.com/photos/1926769/pexels-photo-1926769.jpeg?auto=compress&cs=tinysrgb&w=64' },\n    { name: 'Home Essentials', rating: 4.7, products: 65, image: 'https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=64' },\n  ];\n\n  return (\n    <div className={`space-y-8 ${className}`}>\n      {/* Stats Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n        <StatsCard\n          title=\"Total Products\"\n          value=\"2,543\"\n          trend={{\n            direction: \"up\",\n            value: \"+12%\",\n            label: \"from last month\"\n          }}\n          icon={<Package className=\"h-6 w-6 text-primary-600\" />}\n        />\n        <StatsCard\n          title=\"Active Sellers\"\n          value=\"156\"\n          trend={{\n            direction: \"up\",\n            value: \"+8%\",\n            label: \"from last month\"\n          }}\n          icon={<Users className=\"h-6 w-6 text-success-600\" />}\n        />\n        <StatsCard\n          title=\"Total Sales\"\n          value=\"$45,231\"\n          trend={{\n            direction: \"up\",\n            value: \"+15%\",\n            label: \"from last month\"\n          }}\n          icon={<DollarSign className=\"h-6 w-6 text-warning-600\" />}\n        />\n        <StatsCard\n          title=\"Page Views\"\n          value=\"89,432\"\n          trend={{\n            direction: \"up\",\n            value: \"+23%\",\n            label: \"from last month\"\n          }}\n          icon={<Eye className=\"h-6 w-6 text-danger-600\" />}\n        />\n      </div>\n\n      {/* Featured Categories */}\n      <div>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-gray-900\">Featured Categories</h2>\n          <Button variant=\"outline\" onClick={onViewAllProducts}>\n            View All\n          </Button>\n        </div>\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n          {categories.map((category) => (\n            <Card key={category.name} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n              <div className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\">\n                <img\n                  src={category.image}\n                  alt={category.name}\n                  className=\"w-full h-full object-cover\"\n                />\n              </div>\n              <CardContent className=\"p-4 text-center\">\n                <h3 className=\"font-medium text-gray-900 mb-1\">{category.name}</h3>\n                <p className=\"text-sm text-gray-600\">{category.count} products</p>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Featured Products */}\n      <div>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-gray-900\">Featured Products</h2>\n          <Button variant=\"outline\" onClick={onViewAllProducts}>\n            View All\n          </Button>\n        </div>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n          {featuredProducts.map((product) => (\n            <Card key={product.id} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n              <div \n                className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden relative\"\n                onClick={() => onProductClick(product)}\n              >\n                <img\n                  src={product.images[0]}\n                  alt={product.name}\n                  className=\"w-full h-full object-cover\"\n                />\n                {product.discount && (\n                  <Badge variant=\"danger\" className=\"absolute top-2 left-2\">\n                    -{product.discount}%\n                  </Badge>\n                )}\n              </div>\n              <CardContent className=\"p-4\">\n                <h3 className=\"font-medium text-gray-900 mb-2 line-clamp-2\">\n                  {product.name}\n                </h3>\n                <div className=\"flex items-center space-x-1 mb-2\">\n                  <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n                  <span className=\"text-sm text-gray-600\">\n                    {product.rating} ({product.reviewCount})\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center space-x-2\">\n                    <span className=\"text-lg font-bold text-gray-900\">\n                      ${product.price.toFixed(2)}\n                    </span>\n                    {product.originalPrice && (\n                      <span className=\"text-sm text-gray-500 line-through\">\n                        ${product.originalPrice.toFixed(2)}\n                      </span>\n                    )}\n                  </div>\n                  <Button\n                    size=\"sm\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onAddToCart(product);\n                    }}\n                  >\n                    Add to Cart\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Vendor Spotlight */}\n      <div>\n        <h2 className=\"text-2xl font-bold text-gray-900 mb-6\">Top Sellers</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n          {vendors.map((vendor) => (\n            <Card key={vendor.name} className=\"hover:shadow-lg transition-shadow\">\n              <CardContent className=\"p-6 text-center\">\n                <Avatar size=\"lg\" className=\"mx-auto mb-4\">\n                  <AvatarImage src={vendor.image} />\n                  <AvatarFallback>{vendor.name[0]}</AvatarFallback>\n                </Avatar>\n                <h3 className=\"font-semibold text-gray-900 mb-2\">{vendor.name}</h3>\n                <div className=\"flex items-center justify-center space-x-1 mb-2\">\n                  <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n                  <span className=\"text-sm text-gray-600\">{vendor.rating}</span>\n                </div>\n                <p className=\"text-sm text-gray-600 mb-4\">{vendor.products} products</p>\n                <Button variant=\"outline\" size=\"sm\">\n                  Visit Store\n                </Button>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n\n      {/* Recently Viewed */}\n      {recentlyViewed.length > 0 && (\n        <div>\n          <h2 className=\"text-2xl font-bold text-gray-900 mb-6\">Recently Viewed</h2>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            {recentlyViewed.map((product) => (\n              <Card key={product.id} className=\"hover:shadow-lg transition-shadow cursor-pointer\">\n                <div \n                  className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\"\n                  onClick={() => onProductClick(product)}\n                >\n                  <img\n                    src={product.images[0]}\n                    alt={product.name}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </div>\n                <CardContent className=\"p-4\">\n                  <h3 className=\"font-medium text-gray-900 mb-2 line-clamp-2\">\n                    {product.name}\n                  </h3>\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-lg font-bold text-gray-900\">\n                      ${product.price.toFixed(2)}\n                    </span>\n                    <Button\n                      size=\"sm\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onAddToCart(product);\n                      }}\n                    >\n                      <ShoppingCart className=\"h-4 w-4\" />\n                    </Button>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Marketplace/components/MarketplaceHeader.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface MarketplaceHeaderProps {
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    cartItemCount: number;
+    onCartClick: () => void;
+    onMenuToggle: () => void;
+    userRole?: 'buyer' | 'seller' | 'admin';
+    className?: string;
+}
+/**
+ * Marketplace header component with search, cart, and user controls
+ * Extracted from main marketplace component for reusability
+ */
+export declare const MarketplaceHeader: React.FC<MarketplaceHeaderProps>;

package/dist/components/Marketplace/components/MarketplaceHeader.js

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Menu, Package, Search, ShoppingCart, Bell } from 'lucide-react';
+import { Button } from '../../Button/Button.js';
+import { Input } from '../../Input/Input.js';
+import { Badge } from '../../Badge/Badge.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../Avatar/Avatar.js';
+
+/**
+ * Marketplace header component with search, cart, and user controls
+ * Extracted from main marketplace component for reusability
+ */
+const MarketplaceHeader = ({ searchQuery, onSearchChange, cartItemCount, onCartClick, onMenuToggle, userRole = 'buyer', className = '', }) => {
+    return (jsx("header", { className: `bg-white border-b border-gray-200 sticky top-0 z-40 ${className}`, children: jsx("div", { className: "px-6 py-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-4", children: [jsx(Button, { variant: "ghost", size: "sm", onClick: onMenuToggle, className: "lg:hidden", children: jsx(Menu, { className: "h-5 w-5" }) }), jsxs("div", { className: "flex items-center space-x-3", children: [jsx("div", { className: "w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center", children: jsx(Package, { className: "h-5 w-5 text-white" }) }), jsxs("div", { children: [jsx("h1", { className: "font-bold text-xl text-gray-900", children: "MarketPlace" }), jsx("p", { className: "text-xs text-gray-500", children: "Your digital marketplace" })] })] })] }), jsx("div", { className: "flex-1 max-w-2xl mx-8", children: jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { placeholder: "Search products, brands, categories...", value: searchQuery, onChange: (e) => onSearchChange(e.target.value), className: "pl-10 bg-gray-50 border-gray-200 focus:bg-white" })] }) }), jsxs("div", { className: "flex items-center space-x-3", children: [jsx("div", { className: "relative", children: jsxs(Button, { variant: "ghost", size: "sm", onClick: onCartClick, className: "relative", children: [jsx(ShoppingCart, { className: "h-5 w-5" }), cartItemCount > 0 && (jsx(Badge, { variant: "danger", className: "absolute -top-1 -right-1 h-5 w-5 text-xs p-0 flex items-center justify-center", children: cartItemCount }))] }) }), jsxs(Button, { variant: "ghost", size: "sm", className: "relative", children: [jsx(Bell, { className: "h-5 w-5" }), jsx(Badge, { variant: "danger", className: "absolute -top-1 -right-1 h-4 w-4 text-xs p-0 flex items-center justify-center", children: "3" })] }), jsxs("div", { className: "flex items-center space-x-3 pl-3 border-l border-gray-200", children: [jsxs("div", { className: "hidden sm:block text-right", children: [jsx("p", { className: "text-sm font-medium text-gray-900", children: "John Doe" }), jsx("p", { className: "text-xs text-gray-500 capitalize", children: userRole })] }), jsxs(Avatar, { size: "sm", children: [jsx(AvatarImage, { src: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64" }), jsx(AvatarFallback, { children: "JD" })] })] })] })] }) }) }));
+};
+
+export { MarketplaceHeader };
+//# sourceMappingURL=MarketplaceHeader.js.map

package/dist/components/Marketplace/components/MarketplaceHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceHeader.js","sources":["../../../../src/components/Marketplace/components/MarketplaceHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Search, ShoppingCart, Bell, Menu, Package } from 'lucide-react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport { Badge } from '../../Badge';\nimport { Avatar, AvatarImage, AvatarFallback } from '../../Avatar';\n\nexport interface MarketplaceHeaderProps {\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  cartItemCount: number;\n  onCartClick: () => void;\n  onMenuToggle: () => void;\n  userRole?: 'buyer' | 'seller' | 'admin';\n  className?: string;\n}\n\n/**\n * Marketplace header component with search, cart, and user controls\n * Extracted from main marketplace component for reusability\n */\nexport const MarketplaceHeader: React.FC<MarketplaceHeaderProps> = ({\n  searchQuery,\n  onSearchChange,\n  cartItemCount,\n  onCartClick,\n  onMenuToggle,\n  userRole = 'buyer',\n  className = '',\n}) => {\n  return (\n    <header className={`bg-white border-b border-gray-200 sticky top-0 z-40 ${className}`}>\n      <div className=\"px-6 py-4\">\n        <div className=\"flex items-center justify-between\">\n          {/* Left Section */}\n          <div className=\"flex items-center space-x-4\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onMenuToggle}\n              className=\"lg:hidden\"\n            >\n              <Menu className=\"h-5 w-5\" />\n            </Button>\n            \n            <div className=\"flex items-center space-x-3\">\n              <div className=\"w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center\">\n                <Package className=\"h-5 w-5 text-white\" />\n              </div>\n              <div>\n                <h1 className=\"font-bold text-xl text-gray-900\">MarketPlace</h1>\n                <p className=\"text-xs text-gray-500\">Your digital marketplace</p>\n              </div>\n            </div>\n          </div>\n\n          {/* Center Section - Search */}\n          <div className=\"flex-1 max-w-2xl mx-8\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400\" />\n              <Input\n                placeholder=\"Search products, brands, categories...\"\n                value={searchQuery}\n                onChange={(e) => onSearchChange(e.target.value)}\n                className=\"pl-10 bg-gray-50 border-gray-200 focus:bg-white\"\n              />\n            </div>\n          </div>\n\n          {/* Right Section */}\n          <div className=\"flex items-center space-x-3\">\n            {/* Cart */}\n            <div className=\"relative\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onCartClick}\n                className=\"relative\"\n              >\n                <ShoppingCart className=\"h-5 w-5\" />\n                {cartItemCount > 0 && (\n                  <Badge \n                    variant=\"danger\" \n                    className=\"absolute -top-1 -right-1 h-5 w-5 text-xs p-0 flex items-center justify-center\"\n                  >\n                    {cartItemCount}\n                  </Badge>\n                )}\n              </Button>\n            </div>\n\n            {/* Notifications */}\n            <Button variant=\"ghost\" size=\"sm\" className=\"relative\">\n              <Bell className=\"h-5 w-5\" />\n              <Badge \n                variant=\"danger\" \n                className=\"absolute -top-1 -right-1 h-4 w-4 text-xs p-0 flex items-center justify-center\"\n              >\n                3\n              </Badge>\n            </Button>\n\n            {/* User Profile */}\n            <div className=\"flex items-center space-x-3 pl-3 border-l border-gray-200\">\n              <div className=\"hidden sm:block text-right\">\n                <p className=\"text-sm font-medium text-gray-900\">John Doe</p>\n                <p className=\"text-xs text-gray-500 capitalize\">{userRole}</p>\n              </div>\n              <Avatar size=\"sm\">\n                <AvatarImage src=\"https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64\" />\n                <AvatarFallback>JD</AvatarFallback>\n              </Avatar>\n            </div>\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Marketplace/components/ProductCard.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Product } from '../types';
+export interface ProductCardProps {
+    product: Product;
+    onProductClick?: (product: Product) => void;
+    onAddToCart?: (product: Product) => void;
+    onQuickView?: (product: Product) => void;
+    onToggleWishlist?: (productId: string) => void;
+    isWishlisted?: boolean;
+    showQuickActions?: boolean;
+    className?: string;
+}
+/**
+ * Reusable product card component for displaying product information
+ * Used across different marketplace views (grid, list, featured, etc.)
+ */
+export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/Marketplace/components/ProductCard.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Heart, Eye, Star, ShoppingCart } from 'lucide-react';
+import { Button } from '../../Button/Button.js';
+import { Card, CardContent } from '../../Card/Card.js';
+import { Badge } from '../../Badge/Badge.js';
+
+/**
+ * Reusable product card component for displaying product information
+ * Used across different marketplace views (grid, list, featured, etc.)
+ */
+const ProductCard = ({ product, onProductClick, onAddToCart, onQuickView, onToggleWishlist, isWishlisted = false, showQuickActions = true, className = '', }) => {
+    const handleProductClick = () => {
+        onProductClick?.(product);
+    };
+    const handleAddToCart = (e) => {
+        e.stopPropagation();
+        onAddToCart?.(product);
+    };
+    const handleQuickView = (e) => {
+        e.stopPropagation();
+        onQuickView?.(product);
+    };
+    const handleToggleWishlist = (e) => {
+        e.stopPropagation();
+        onToggleWishlist?.(product.id);
+    };
+    return (jsxs(Card, { className: `group hover:shadow-lg transition-all duration-300 cursor-pointer ${className}`, children: [jsxs("div", { className: "relative aspect-square bg-gray-100 rounded-t-lg overflow-hidden", children: [jsx("img", { src: product.images[0], alt: product.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300", onClick: handleProductClick }), product.discount && (jsxs(Badge, { variant: "danger", className: "absolute top-2 left-2", children: ["-", product.discount, "%"] })), showQuickActions && (jsxs(Fragment, { children: [jsx("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: jsx(Button, { variant: "ghost", size: "sm", onClick: handleToggleWishlist, className: "bg-white/80 hover:bg-white", children: jsx(Heart, { className: `h-4 w-4 ${isWishlisted ? 'fill-current text-red-500' : ''}` }) }) }), jsx("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: jsx(Button, { variant: "ghost", size: "sm", onClick: handleQuickView, className: "bg-white/80 hover:bg-white", children: jsx(Eye, { className: "h-4 w-4" }) }) })] })), !product.inStock && (jsx("div", { className: "absolute inset-0 bg-black/50 flex items-center justify-center", children: jsx(Badge, { variant: "secondary", children: "Out of Stock" }) }))] }), jsxs(CardContent, { className: "p-4", children: [jsxs("div", { className: "mb-2", children: [jsx("h3", { className: "font-medium text-gray-900 line-clamp-2 cursor-pointer hover:text-primary-600", onClick: handleProductClick, children: product.name }), jsx("p", { className: "text-sm text-gray-600", children: product.brand })] }), jsxs("div", { className: "flex items-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsxs("span", { className: "text-sm text-gray-600", children: [product.rating, " (", product.reviewCount, ")"] })] }), jsx("div", { className: "flex items-center justify-between mb-3", children: jsxs("div", { className: "flex items-center space-x-2", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.originalPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.originalPrice.toFixed(2)] }))] }) }), jsxs(Button, { variant: "primary", size: "sm", onClick: handleAddToCart, disabled: !product.inStock, className: "w-full", children: [jsx(ShoppingCart, { className: "mr-2 h-4 w-4" }), "Add to Cart"] })] })] }));
+};
+
+export { ProductCard };
+//# sourceMappingURL=ProductCard.js.map

package/dist/components/Marketplace/components/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sources":["../../../../src/components/Marketplace/components/ProductCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Star, Heart, ShoppingCart, Eye } from 'lucide-react';\nimport { Button } from '../../Button';\nimport { Card, CardContent } from '../../Card';\nimport { Badge } from '../../Badge';\nimport type { Product } from '../types';\n\nexport interface ProductCardProps {\n  product: Product;\n  onProductClick?: (product: Product) => void;\n  onAddToCart?: (product: Product) => void;\n  onQuickView?: (product: Product) => void;\n  onToggleWishlist?: (productId: string) => void;\n  isWishlisted?: boolean;\n  showQuickActions?: boolean;\n  className?: string;\n}\n\n/**\n * Reusable product card component for displaying product information\n * Used across different marketplace views (grid, list, featured, etc.)\n */\nexport const ProductCard: React.FC<ProductCardProps> = ({\n  product,\n  onProductClick,\n  onAddToCart,\n  onQuickView,\n  onToggleWishlist,\n  isWishlisted = false,\n  showQuickActions = true,\n  className = '',\n}) => {\n  const handleProductClick = () => {\n    onProductClick?.(product);\n  };\n\n  const handleAddToCart = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAddToCart?.(product);\n  };\n\n  const handleQuickView = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onQuickView?.(product);\n  };\n\n  const handleToggleWishlist = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onToggleWishlist?.(product.id);\n  };\n\n  return (\n    <Card className={`group hover:shadow-lg transition-all duration-300 cursor-pointer ${className}`}>\n      <div className=\"relative aspect-square bg-gray-100 rounded-t-lg overflow-hidden\">\n        <img\n          src={product.images[0]}\n          alt={product.name}\n          className=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300\"\n          onClick={handleProductClick}\n        />\n        \n        {/* Discount Badge */}\n        {product.discount && (\n          <Badge variant=\"danger\" className=\"absolute top-2 left-2\">\n            -{product.discount}%\n          </Badge>\n        )}\n\n        {/* Quick Actions */}\n        {showQuickActions && (\n          <>\n            <div className=\"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleToggleWishlist}\n                className=\"bg-white/80 hover:bg-white\"\n              >\n                <Heart className={`h-4 w-4 ${isWishlisted ? 'fill-current text-red-500' : ''}`} />\n              </Button>\n            </div>\n            <div className=\"absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleQuickView}\n                className=\"bg-white/80 hover:bg-white\"\n              >\n                <Eye className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          </>\n        )}\n\n        {/* Out of Stock Overlay */}\n        {!product.inStock && (\n          <div className=\"absolute inset-0 bg-black/50 flex items-center justify-center\">\n            <Badge variant=\"secondary\">Out of Stock</Badge>\n          </div>\n        )}\n      </div>\n\n      <CardContent className=\"p-4\">\n        <div className=\"mb-2\">\n          <h3 \n            className=\"font-medium text-gray-900 line-clamp-2 cursor-pointer hover:text-primary-600\"\n            onClick={handleProductClick}\n          >\n            {product.name}\n          </h3>\n          <p className=\"text-sm text-gray-600\">{product.brand}</p>\n        </div>\n\n        {/* Rating */}\n        <div className=\"flex items-center space-x-1 mb-2\">\n          <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n          <span className=\"text-sm text-gray-600\">\n            {product.rating} ({product.reviewCount})\n          </span>\n        </div>\n\n        {/* Price */}\n        <div className=\"flex items-center justify-between mb-3\">\n          <div className=\"flex items-center space-x-2\">\n            <span className=\"text-lg font-bold text-gray-900\">\n              ${product.price.toFixed(2)}\n            </span>\n            {product.originalPrice && (\n              <span className=\"text-sm text-gray-500 line-through\">\n                ${product.originalPrice.toFixed(2)}\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Add to Cart Button */}\n        <Button\n          variant=\"primary\"\n          size=\"sm\"\n          onClick={handleAddToCart}\n          disabled={!product.inStock}\n          className=\"w-full\"\n        >\n          <ShoppingCart className=\"mr-2 h-4 w-4\" />\n          Add to Cart\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Marketplace/components/VendorCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface VendorCardProps {
+    name: string;
+    rating: number;
+    productCount: number;
+    image?: string;
+    onVisitStore?: (vendorName: string) => void;
+    className?: string;
+}
+/**
+ * Reusable vendor card component for displaying seller information
+ * Used in vendor spotlight and seller directory sections
+ */
+export declare const VendorCard: React.FC<VendorCardProps>;

package/dist/components/Marketplace/components/VendorCard.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Star } from 'lucide-react';
+import { Button } from '../../Button/Button.js';
+import { Card, CardContent } from '../../Card/Card.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../Avatar/Avatar.js';
+
+/**
+ * Reusable vendor card component for displaying seller information
+ * Used in vendor spotlight and seller directory sections
+ */
+const VendorCard = ({ name, rating, productCount, image, onVisitStore, className = '', }) => {
+    const handleVisitStore = () => {
+        onVisitStore?.(name);
+    };
+    return (jsx(Card, { className: `hover:shadow-lg transition-shadow ${className}`, children: jsxs(CardContent, { className: "p-6 text-center", children: [jsxs(Avatar, { size: "lg", className: "mx-auto mb-4", children: [jsx(AvatarImage, { src: image }), jsx(AvatarFallback, { children: name[0] })] }), jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: name }), jsxs("div", { className: "flex items-center justify-center space-x-1 mb-2", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsx("span", { className: "text-sm text-gray-600", children: rating })] }), jsxs("p", { className: "text-sm text-gray-600 mb-4", children: [productCount, " products"] }), jsx(Button, { variant: "outline", size: "sm", onClick: handleVisitStore, children: "Visit Store" })] }) }));
+};
+
+export { VendorCard };
+//# sourceMappingURL=VendorCard.js.map

package/dist/components/Marketplace/components/VendorCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VendorCard.js","sources":["../../../../src/components/Marketplace/components/VendorCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Star } from 'lucide-react';\nimport { Button } from '../../Button';\nimport { Card, CardContent } from '../../Card';\nimport { Avatar, AvatarImage, AvatarFallback } from '../../Avatar';\n\nexport interface VendorCardProps {\n  name: string;\n  rating: number;\n  productCount: number;\n  image?: string;\n  onVisitStore?: (vendorName: string) => void;\n  className?: string;\n}\n\n/**\n * Reusable vendor card component for displaying seller information\n * Used in vendor spotlight and seller directory sections\n */\nexport const VendorCard: React.FC<VendorCardProps> = ({\n  name,\n  rating,\n  productCount,\n  image,\n  onVisitStore,\n  className = '',\n}) => {\n  const handleVisitStore = () => {\n    onVisitStore?.(name);\n  };\n\n  return (\n    <Card className={`hover:shadow-lg transition-shadow ${className}`}>\n      <CardContent className=\"p-6 text-center\">\n        <Avatar size=\"lg\" className=\"mx-auto mb-4\">\n          <AvatarImage src={image} />\n          <AvatarFallback>{name[0]}</AvatarFallback>\n        </Avatar>\n        <h3 className=\"font-semibold text-gray-900 mb-2\">{name}</h3>\n        <div className=\"flex items-center justify-center space-x-1 mb-2\">\n          <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n          <span className=\"text-sm text-gray-600\">{rating}</span>\n        </div>\n        <p className=\"text-sm text-gray-600 mb-4\">{productCount} products</p>\n        <Button variant=\"outline\" size=\"sm\" onClick={handleVisitStore}>\n          Visit Store\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAeA;;;AAGG;MACU,UAAU,GAA8B,CAAC,EACpD,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,SAAS,GAAG,EAAE,GACf,KAAI;IACH,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,YAAY,GAAG,IAAI,CAAC;AACtB,IAAA,CAAC;IAED,QACEA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAA,kCAAA,EAAqC,SAAS,CAAA,CAAE,EAAA,QAAA,EAC/DC,IAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CACtCA,KAAC,MAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,aACxCD,GAAA,CAAC,WAAW,IAAC,GAAG,EAAE,KAAK,EAAA,CAAI,EAC3BA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EAAE,IAAI,CAAC,CAAC,CAAC,EAAA,CAAkB,IACnC,EACTA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,IAAI,EAAA,CAAM,EAC5DC,cAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC9DD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACzDA,cAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,MAAM,EAAA,CAAQ,CAAA,EAAA,CACnD,EACNC,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,4BAA4B,aAAE,YAAY,EAAA,WAAA,CAAA,EAAA,CAAc,EACrED,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,gBAAgB,EAAA,QAAA,EAAA,aAAA,EAAA,CAEpD,CAAA,EAAA,CACG,EAAA,CACT;AAEX;;;;"}

package/dist/components/Marketplace/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './MarketplaceHeader';
+export * from './ProductCard';
+export * from './CategoryCard';
+export * from './VendorCard';

package/dist/components/Marketplace/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useMarketplaceState';
+export * from './useCart';
+export * from './useProductNavigation';
+export * from './useSearch';

package/dist/components/Marketplace/hooks/useCart.d.ts

@@ -0,0 +1,19 @@
+import type { Product, CartItem } from '../types';
+export interface UseCartProps {
+    cartItems: CartItem[];
+    setCartItems: (items: CartItem[] | ((prev: CartItem[]) => CartItem[])) => void;
+}
+export interface UseCartReturn {
+    addToCart: (product: Product, quantity?: number) => void;
+    removeFromCart: (productId: string) => void;
+    updateQuantity: (productId: string, quantity: number) => void;
+    getCartTotal: () => number;
+    getCartItemCount: () => number;
+    isInCart: (productId: string) => boolean;
+    getCartItem: (productId: string) => CartItem | undefined;
+}
+/**
+ * Custom hook for cart management functionality
+ * Handles adding, removing, and updating cart items with proper state management
+ */
+export declare const useCart: ({ cartItems, setCartItems }: UseCartProps) => UseCartReturn;

package/dist/components/Marketplace/hooks/useCart.js

@@ -0,0 +1,63 @@
+import { useCallback } from 'react';
+import { showToast } from '../../Toast/Toast.js';
+
+/**
+ * Custom hook for cart management functionality
+ * Handles adding, removing, and updating cart items with proper state management
+ */
+const useCart = ({ cartItems, setCartItems }) => {
+    const addToCart = useCallback((product, quantity = 1) => {
+        setCartItems(prev => {
+            const existingItem = prev.find(item => item.product.id === product.id);
+            if (existingItem) {
+                return prev.map(item => item.product.id === product.id
+                    ? { ...item, quantity: item.quantity + quantity }
+                    : item);
+            }
+            return [...prev, { product, quantity }];
+        });
+        showToast.success(`${product.name} added to cart!`);
+    }, [setCartItems]);
+    const removeFromCart = useCallback((productId) => {
+        setCartItems(prev => {
+            const item = prev.find(item => item.product.id === productId);
+            if (item) {
+                showToast.info(`${item.product.name} removed from cart`);
+            }
+            return prev.filter(item => item.product.id !== productId);
+        });
+    }, [setCartItems]);
+    const updateQuantity = useCallback((productId, quantity) => {
+        if (quantity <= 0) {
+            removeFromCart(productId);
+            return;
+        }
+        setCartItems(prev => prev.map(item => item.product.id === productId
+            ? { ...item, quantity }
+            : item));
+    }, [setCartItems, removeFromCart]);
+    const getCartTotal = useCallback(() => {
+        return cartItems.reduce((total, item) => total + (item.product.price * item.quantity), 0);
+    }, [cartItems]);
+    const getCartItemCount = useCallback(() => {
+        return cartItems.reduce((count, item) => count + item.quantity, 0);
+    }, [cartItems]);
+    const isInCart = useCallback((productId) => {
+        return cartItems.some(item => item.product.id === productId);
+    }, [cartItems]);
+    const getCartItem = useCallback((productId) => {
+        return cartItems.find(item => item.product.id === productId);
+    }, [cartItems]);
+    return {
+        addToCart,
+        removeFromCart,
+        updateQuantity,
+        getCartTotal,
+        getCartItemCount,
+        isInCart,
+        getCartItem,
+    };
+};
+
+export { useCart };
+//# sourceMappingURL=useCart.js.map

package/dist/components/Marketplace/hooks/useCart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCart.js","sources":["../../../../src/components/Marketplace/hooks/useCart.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { showToast } from '../../Toast';\nimport type { Product, CartItem } from '../types';\n\nexport interface UseCartProps {\n  cartItems: CartItem[];\n  setCartItems: (items: CartItem[] | ((prev: CartItem[]) => CartItem[])) => void;\n}\n\nexport interface UseCartReturn {\n  addToCart: (product: Product, quantity?: number) => void;\n  removeFromCart: (productId: string) => void;\n  updateQuantity: (productId: string, quantity: number) => void;\n  getCartTotal: () => number;\n  getCartItemCount: () => number;\n  isInCart: (productId: string) => boolean;\n  getCartItem: (productId: string) => CartItem | undefined;\n}\n\n/**\n * Custom hook for cart management functionality\n * Handles adding, removing, and updating cart items with proper state management\n */\nexport const useCart = ({ cartItems, setCartItems }: UseCartProps): UseCartReturn => {\n  const addToCart = useCallback((product: Product, quantity: number = 1) => {\n    setCartItems(prev => {\n      const existingItem = prev.find(item => item.product.id === product.id);\n      if (existingItem) {\n        return prev.map(item =>\n          item.product.id === product.id\n            ? { ...item, quantity: item.quantity + quantity }\n            : item\n        );\n      }\n      return [...prev, { product, quantity }];\n    });\n    showToast.success(`${product.name} added to cart!`);\n  }, [setCartItems]);\n\n  const removeFromCart = useCallback((productId: string) => {\n    setCartItems(prev => {\n      const item = prev.find(item => item.product.id === productId);\n      if (item) {\n        showToast.info(`${item.product.name} removed from cart`);\n      }\n      return prev.filter(item => item.product.id !== productId);\n    });\n  }, [setCartItems]);\n\n  const updateQuantity = useCallback((productId: string, quantity: number) => {\n    if (quantity <= 0) {\n      removeFromCart(productId);\n      return;\n    }\n\n    setCartItems(prev =>\n      prev.map(item =>\n        item.product.id === productId\n          ? { ...item, quantity }\n          : item\n      )\n    );\n  }, [setCartItems, removeFromCart]);\n\n  const getCartTotal = useCallback(() => {\n    return cartItems.reduce((total, item) => total + (item.product.price * item.quantity), 0);\n  }, [cartItems]);\n\n  const getCartItemCount = useCallback(() => {\n    return cartItems.reduce((count, item) => count + item.quantity, 0);\n  }, [cartItems]);\n\n  const isInCart = useCallback((productId: string) => {\n    return cartItems.some(item => item.product.id === productId);\n  }, [cartItems]);\n\n  const getCartItem = useCallback((productId: string) => {\n    return cartItems.find(item => item.product.id === productId);\n  }, [cartItems]);\n\n  return {\n    addToCart,\n    removeFromCart,\n    updateQuantity,\n    getCartTotal,\n    getCartItemCount,\n    isInCart,\n    getCartItem,\n  };\n};"],"names":[],"mappings":"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"}

package/dist/components/Marketplace/hooks/useMarketplaceState.d.ts

@@ -0,0 +1,27 @@
+import type { Product, FilterOptions, CartItem } from '../types';
+export interface MarketplaceState {
+    sidebarCollapsed: boolean;
+    currentView: 'dashboard' | 'products' | 'product' | 'checkout';
+    selectedProduct: Product | null;
+    searchQuery: string;
+    cartItems: CartItem[];
+    showCheckout: boolean;
+    filters: FilterOptions;
+}
+export interface MarketplaceActions {
+    setSidebarCollapsed: (collapsed: boolean) => void;
+    setCurrentView: (view: MarketplaceState['currentView']) => void;
+    setSelectedProduct: (product: Product | null) => void;
+    setSearchQuery: (query: string) => void;
+    setCartItems: (items: CartItem[] | ((prev: CartItem[]) => CartItem[])) => void;
+    setShowCheckout: (show: boolean) => void;
+    setFilters: (filters: FilterOptions) => void;
+    toggleSidebar: () => void;
+    clearCart: () => void;
+    resetFilters: () => void;
+}
+/**
+ * Custom hook for managing marketplace state and actions
+ * Centralizes all state management for the marketplace interface
+ */
+export declare const useMarketplaceState: () => MarketplaceState & MarketplaceActions;

package/dist/components/Marketplace/hooks/useMarketplaceState.js

@@ -0,0 +1,56 @@
+import { useState, useCallback } from 'react';
+
+const initialFilters = {
+    categories: [],
+    brands: [],
+    priceRange: [0, 1000],
+    rating: 0,
+    inStock: false,
+    vendors: [],
+};
+/**
+ * Custom hook for managing marketplace state and actions
+ * Centralizes all state management for the marketplace interface
+ */
+const useMarketplaceState = () => {
+    const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+    const [currentView, setCurrentView] = useState('dashboard');
+    const [selectedProduct, setSelectedProduct] = useState(null);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [cartItems, setCartItems] = useState([]);
+    const [showCheckout, setShowCheckout] = useState(false);
+    const [filters, setFilters] = useState(initialFilters);
+    const toggleSidebar = useCallback(() => {
+        setSidebarCollapsed(prev => !prev);
+    }, []);
+    const clearCart = useCallback(() => {
+        setCartItems([]);
+    }, []);
+    const resetFilters = useCallback(() => {
+        setFilters(initialFilters);
+    }, []);
+    return {
+        // State
+        sidebarCollapsed,
+        currentView,
+        selectedProduct,
+        searchQuery,
+        cartItems,
+        showCheckout,
+        filters,
+        // Actions
+        setSidebarCollapsed,
+        setCurrentView,
+        setSelectedProduct,
+        setSearchQuery,
+        setCartItems,
+        setShowCheckout,
+        setFilters,
+        toggleSidebar,
+        clearCart,
+        resetFilters,
+    };
+};
+
+export { useMarketplaceState };
+//# sourceMappingURL=useMarketplaceState.js.map

package/dist/components/Marketplace/hooks/useMarketplaceState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarketplaceState.js","sources":["../../../../src/components/Marketplace/hooks/useMarketplaceState.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport type { Product, FilterOptions, CartItem } from '../types';\n\nexport interface MarketplaceState {\n  sidebarCollapsed: boolean;\n  currentView: 'dashboard' | 'products' | 'product' | 'checkout';\n  selectedProduct: Product | null;\n  searchQuery: string;\n  cartItems: CartItem[];\n  showCheckout: boolean;\n  filters: FilterOptions;\n}\n\nexport interface MarketplaceActions {\n  setSidebarCollapsed: (collapsed: boolean) => void;\n  setCurrentView: (view: MarketplaceState['currentView']) => void;\n  setSelectedProduct: (product: Product | null) => void;\n  setSearchQuery: (query: string) => void;\n  setCartItems: (items: CartItem[] | ((prev: CartItem[]) => CartItem[])) => void;\n  setShowCheckout: (show: boolean) => void;\n  setFilters: (filters: FilterOptions) => void;\n  toggleSidebar: () => void;\n  clearCart: () => void;\n  resetFilters: () => void;\n}\n\nconst initialFilters: FilterOptions = {\n  categories: [],\n  brands: [],\n  priceRange: [0, 1000],\n  rating: 0,\n  inStock: false,\n  vendors: [],\n};\n\n/**\n * Custom hook for managing marketplace state and actions\n * Centralizes all state management for the marketplace interface\n */\nexport const useMarketplaceState = (): MarketplaceState & MarketplaceActions => {\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);\n  const [currentView, setCurrentView] = useState<MarketplaceState['currentView']>('dashboard');\n  const [selectedProduct, setSelectedProduct] = useState<Product | null>(null);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [cartItems, setCartItems] = useState<CartItem[]>([]);\n  const [showCheckout, setShowCheckout] = useState(false);\n  const [filters, setFilters] = useState<FilterOptions>(initialFilters);\n\n  const toggleSidebar = useCallback(() => {\n    setSidebarCollapsed(prev => !prev);\n  }, []);\n\n  const clearCart = useCallback(() => {\n    setCartItems([]);\n  }, []);\n\n  const resetFilters = useCallback(() => {\n    setFilters(initialFilters);\n  }, []);\n\n  return {\n    // State\n    sidebarCollapsed,\n    currentView,\n    selectedProduct,\n    searchQuery,\n    cartItems,\n    showCheckout,\n    filters,\n    // Actions\n    setSidebarCollapsed,\n    setCurrentView,\n    setSelectedProduct,\n    setSearchQuery,\n    setCartItems,\n    setShowCheckout,\n    setFilters,\n    toggleSidebar,\n    clearCart,\n    resetFilters,\n  };\n};"],"names":[],"mappings":";;AA0BA,MAAM,cAAc,GAAkB;AACpC,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;AACrB,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,OAAO,EAAE,EAAE;CACZ;AAED;;;AAGG;AACI,MAAM,mBAAmB,GAAG,MAA4C;IAC7E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkC,WAAW,CAAC;IAC5F,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,cAAc,CAAC;AAErE,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;QACrC,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;QACjC,YAAY,CAAC,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QACpC,UAAU,CAAC,cAAc,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;;QAEL,gBAAgB;QAChB,WAAW;QACX,eAAe;QACf,WAAW;QACX,SAAS;QACT,YAAY;QACZ,OAAO;;QAEP,mBAAmB;QACnB,cAAc;QACd,kBAAkB;QAClB,cAAc;QACd,YAAY;QACZ,eAAe;QACf,UAAU;QACV,aAAa;QACb,SAAS;QACT,YAAY;KACb;AACH;;;;"}

package/dist/components/Marketplace/hooks/useProductNavigation.d.ts

@@ -0,0 +1,17 @@
+import type { Product } from '../types';
+export interface UseProductNavigationProps {
+    setSelectedProduct: (product: Product | null) => void;
+    setCurrentView: (view: 'dashboard' | 'products' | 'product' | 'checkout') => void;
+    onProductClick?: (product: Product) => void;
+}
+export interface UseProductNavigationReturn {
+    navigateToProduct: (product: Product) => void;
+    navigateToProducts: () => void;
+    navigateToDashboard: () => void;
+    navigateToCheckout: () => void;
+}
+/**
+ * Custom hook for handling product navigation and view changes
+ * Centralizes navigation logic for the marketplace interface
+ */
+export declare const useProductNavigation: ({ setSelectedProduct, setCurrentView, onProductClick, }: UseProductNavigationProps) => UseProductNavigationReturn;

package/dist/components/Marketplace/hooks/useProductNavigation.js

@@ -0,0 +1,31 @@
+import { useCallback } from 'react';
+
+/**
+ * Custom hook for handling product navigation and view changes
+ * Centralizes navigation logic for the marketplace interface
+ */
+const useProductNavigation = ({ setSelectedProduct, setCurrentView, onProductClick, }) => {
+    const navigateToProduct = useCallback((product) => {
+        setSelectedProduct(product);
+        setCurrentView('product');
+        onProductClick?.(product);
+    }, [setSelectedProduct, setCurrentView, onProductClick]);
+    const navigateToProducts = useCallback(() => {
+        setCurrentView('products');
+    }, [setCurrentView]);
+    const navigateToDashboard = useCallback(() => {
+        setCurrentView('dashboard');
+    }, [setCurrentView]);
+    const navigateToCheckout = useCallback(() => {
+        setCurrentView('checkout');
+    }, [setCurrentView]);
+    return {
+        navigateToProduct,
+        navigateToProducts,
+        navigateToDashboard,
+        navigateToCheckout,
+    };
+};
+
+export { useProductNavigation };
+//# sourceMappingURL=useProductNavigation.js.map

package/dist/components/Marketplace/hooks/useProductNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProductNavigation.js","sources":["../../../../src/components/Marketplace/hooks/useProductNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { Product } from '../types';\n\nexport interface UseProductNavigationProps {\n  setSelectedProduct: (product: Product | null) => void;\n  setCurrentView: (view: 'dashboard' | 'products' | 'product' | 'checkout') => void;\n  onProductClick?: (product: Product) => void;\n}\n\nexport interface UseProductNavigationReturn {\n  navigateToProduct: (product: Product) => void;\n  navigateToProducts: () => void;\n  navigateToDashboard: () => void;\n  navigateToCheckout: () => void;\n}\n\n/**\n * Custom hook for handling product navigation and view changes\n * Centralizes navigation logic for the marketplace interface\n */\nexport const useProductNavigation = ({\n  setSelectedProduct,\n  setCurrentView,\n  onProductClick,\n}: UseProductNavigationProps): UseProductNavigationReturn => {\n  const navigateToProduct = useCallback((product: Product) => {\n    setSelectedProduct(product);\n    setCurrentView('product');\n    onProductClick?.(product);\n  }, [setSelectedProduct, setCurrentView, onProductClick]);\n\n  const navigateToProducts = useCallback(() => {\n    setCurrentView('products');\n  }, [setCurrentView]);\n\n  const navigateToDashboard = useCallback(() => {\n    setCurrentView('dashboard');\n  }, [setCurrentView]);\n\n  const navigateToCheckout = useCallback(() => {\n    setCurrentView('checkout');\n  }, [setCurrentView]);\n\n  return {\n    navigateToProduct,\n    navigateToProducts,\n    navigateToDashboard,\n    navigateToCheckout,\n  };\n};"],"names":[],"mappings":";;AAgBA;;;AAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,cAAc,EACd,cAAc,GACY,KAAgC;AAC1D,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,OAAgB,KAAI;QACzD,kBAAkB,CAAC,OAAO,CAAC;QAC3B,cAAc,CAAC,SAAS,CAAC;AACzB,QAAA,cAAc,GAAG,OAAO,CAAC;IAC3B,CAAC,EAAE,CAAC,kBAAkB,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;AAExD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QAC1C,cAAc,CAAC,UAAU,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAK;QAC3C,cAAc,CAAC,WAAW,CAAC;AAC7B,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QAC1C,cAAc,CAAC,UAAU,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,OAAO;QACL,iBAAiB;QACjB,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;KACnB;AACH;;;;"}

package/dist/components/Marketplace/hooks/useSearch.d.ts

@@ -0,0 +1,18 @@
+import type { Product } from '../types';
+export interface UseSearchProps {
+    products: Product[];
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    setCurrentView: (view: 'dashboard' | 'products' | 'product' | 'checkout') => void;
+}
+export interface UseSearchReturn {
+    searchResults: Product[];
+    isSearching: boolean;
+    handleSearch: (query: string) => void;
+    clearSearch: () => void;
+}
+/**
+ * Custom hook for search functionality
+ * Handles product searching with debouncing and result filtering
+ */
+export declare const useSearch: ({ products, searchQuery, setSearchQuery, setCurrentView, }: UseSearchProps) => UseSearchReturn;

package/dist/components/Marketplace/hooks/useSearch.js

@@ -0,0 +1,44 @@
+import { useState, useMemo, useCallback } from 'react';
+import { useDebounce } from '../../../hooks/useDebounce.js';
+
+/**
+ * Custom hook for search functionality
+ * Handles product searching with debouncing and result filtering
+ */
+const useSearch = ({ products, searchQuery, setSearchQuery, setCurrentView, }) => {
+    const [isSearching, setIsSearching] = useState(false);
+    const debouncedSearchQuery = useDebounce(searchQuery, 300);
+    const searchResults = useMemo(() => {
+        if (!debouncedSearchQuery.trim()) {
+            return products;
+        }
+        const query = debouncedSearchQuery.toLowerCase();
+        return products.filter(product => product.name.toLowerCase().includes(query) ||
+            product.description.toLowerCase().includes(query) ||
+            product.brand.toLowerCase().includes(query) ||
+            product.category.toLowerCase().includes(query) ||
+            product.tags.some(tag => tag.toLowerCase().includes(query)));
+    }, [products, debouncedSearchQuery]);
+    const handleSearch = useCallback((query) => {
+        setIsSearching(true);
+        setSearchQuery(query);
+        if (query.trim()) {
+            setCurrentView('products');
+        }
+        // Reset searching state after debounce period
+        setTimeout(() => setIsSearching(false), 300);
+    }, [setSearchQuery, setCurrentView]);
+    const clearSearch = useCallback(() => {
+        setSearchQuery('');
+        setIsSearching(false);
+    }, [setSearchQuery]);
+    return {
+        searchResults,
+        isSearching,
+        handleSearch,
+        clearSearch,
+    };
+};
+
+export { useSearch };
+//# sourceMappingURL=useSearch.js.map

package/dist/components/Marketplace/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sources":["../../../../src/components/Marketplace/hooks/useSearch.ts"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { useDebounce } from '../../../hooks/useDebounce';\nimport type { Product } from '../types';\n\nexport interface UseSearchProps {\n  products: Product[];\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n  setCurrentView: (view: 'dashboard' | 'products' | 'product' | 'checkout') => void;\n}\n\nexport interface UseSearchReturn {\n  searchResults: Product[];\n  isSearching: boolean;\n  handleSearch: (query: string) => void;\n  clearSearch: () => void;\n}\n\n/**\n * Custom hook for search functionality\n * Handles product searching with debouncing and result filtering\n */\nexport const useSearch = ({\n  products,\n  searchQuery,\n  setSearchQuery,\n  setCurrentView,\n}: UseSearchProps): UseSearchReturn => {\n  const [isSearching, setIsSearching] = useState(false);\n  const debouncedSearchQuery = useDebounce(searchQuery, 300);\n\n  const searchResults = useMemo(() => {\n    if (!debouncedSearchQuery.trim()) {\n      return products;\n    }\n\n    const query = debouncedSearchQuery.toLowerCase();\n    return products.filter(product =>\n      product.name.toLowerCase().includes(query) ||\n      product.description.toLowerCase().includes(query) ||\n      product.brand.toLowerCase().includes(query) ||\n      product.category.toLowerCase().includes(query) ||\n      product.tags.some(tag => tag.toLowerCase().includes(query))\n    );\n  }, [products, debouncedSearchQuery]);\n\n  const handleSearch = useCallback((query: string) => {\n    setIsSearching(true);\n    setSearchQuery(query);\n    \n    if (query.trim()) {\n      setCurrentView('products');\n    }\n    \n    // Reset searching state after debounce period\n    setTimeout(() => setIsSearching(false), 300);\n  }, [setSearchQuery, setCurrentView]);\n\n  const clearSearch = useCallback(() => {\n    setSearchQuery('');\n    setIsSearching(false);\n  }, [setSearchQuery]);\n\n  return {\n    searchResults,\n    isSearching,\n    handleSearch,\n    clearSearch,\n  };\n};"],"names":[],"mappings":";;;AAkBA;;;AAGG;AACI,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,GACC,KAAqB;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC;AAE1D,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,EAAE;AAChC,YAAA,OAAO,QAAQ;QACjB;AAEA,QAAA,MAAM,KAAK,GAAG,oBAAoB,CAAC,WAAW,EAAE;AAChD,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,IAC5B,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1C,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YACjD,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC3C,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC9C,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAC5D;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;AAEpC,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAa,KAAI;QACjD,cAAc,CAAC,IAAI,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC;AAErB,QAAA,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE;YAChB,cAAc,CAAC,UAAU,CAAC;QAC5B;;QAGA,UAAU,CAAC,MAAM,cAAc,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAEpC,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACnC,cAAc,CAAC,EAAE,CAAC;QAClB,cAAc,CAAC,KAAK,CAAC;AACvB,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,OAAO;QACL,aAAa;QACb,WAAW;QACX,YAAY;QACZ,WAAW;KACZ;AACH;;;;"}

package/dist/components/Marketplace/index.d.ts

@@ -5,3 +5,5 @@ export * from './CheckoutComponent';
 export * from './CheckoutCompact';
 export * from './MarketplaceSidebar';
 export * from './MarketplaceComponent';
+export * from './components';
+export * from './hooks';

package/dist/index.d.ts

@@ -30,9 +30,7 @@ export * from './components/NightModeSwitch';
 export * from './components/BlogLayout';
 export * from './components/BlogSidebar';
 export * from './components/BlogFeedView';
-export * from './components/MarketplaceLayout';
 export * from './components/SingleBlogView';
-export * from './components/CommerceSidebar';
 export * from './components/Marketplace';
 export * from './hooks/useDarkMode';
 export * from './hooks/useDebounce';

package/dist/index.js

@@ -36,15 +36,21 @@ export { NightModeSwitch } from './components/NightModeSwitch/NightModeSwitch.js
 export { BlogLayout } from './components/BlogLayout/BlogLayout.js';
 export { BlogSidebar } from './components/BlogSidebar/BlogSidebar.js';
 export { BlogFeedView } from './components/BlogFeedView/BlogFeedView.js';
-export { MarketplaceLayout } from './components/MarketplaceLayout/MarketplaceLayout.js';
 export { SingleBlogView } from './components/SingleBlogView/SingleBlogView.js';
-export { CommerceSidebar } from './components/CommerceSidebar/CommerceSidebar.js';
 export { SingleProductView } from './components/Marketplace/SingleProductView.js';
 export { AllProductsView } from './components/Marketplace/AllProductsView.js';
 export { CheckoutComponent } from './components/Marketplace/CheckoutComponent.js';
 export { CheckoutCompact } from './components/Marketplace/CheckoutCompact.js';
 export { MarketplaceSidebar } from './components/Marketplace/MarketplaceSidebar.js';
 export { MarketplaceComponent } from './components/Marketplace/MarketplaceComponent.js';
+export { MarketplaceHeader } from './components/Marketplace/components/MarketplaceHeader.js';
+export { ProductCard } from './components/Marketplace/components/ProductCard.js';
+export { CategoryCard } from './components/Marketplace/components/CategoryCard.js';
+export { VendorCard } from './components/Marketplace/components/VendorCard.js';
+export { useMarketplaceState } from './components/Marketplace/hooks/useMarketplaceState.js';
+export { useCart } from './components/Marketplace/hooks/useCart.js';
+export { useProductNavigation } from './components/Marketplace/hooks/useProductNavigation.js';
+export { useSearch } from './components/Marketplace/hooks/useSearch.js';
 export { useDarkMode } from './hooks/useDarkMode.js';
 export { useDebounce } from './hooks/useDebounce.js';
 export { useLocalStorage } from './hooks/useLocalStorage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beyondcorp/beyond-ui",
-  "version": "1.2.30",
+  "version": "1.2.35",
   "description": "A comprehensive React UI component library built with TypeScript, TailwindCSS, and CVA",
   "type": "module",
   "main": "dist/index.js",