@beyondcorp/beyond-ui 1.2.28 → 1.2.30

package/dist/components/Marketplace/MarketplaceSidebar.js

@@ -0,0 +1,167 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Filter, X, Grid2x2, ChevronDown, ChevronRight, Tag, Star, Store, Sliders } from 'lucide-react';
+import { Button } from '../Button/Button.js';
+import { Input } from '../Input/Input.js';
+import { Card, CardContent, CardHeader, CardTitle } from '../Card/Card.js';
+import { Badge } from '../Badge/Badge.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { cn } from '../../utils/cn.js';
+
+const categoryTree = [
+    {
+        id: 'electronics',
+        name: 'Electronics',
+        count: 156,
+        children: [
+            { id: 'smartphones', name: 'Smartphones', count: 45 },
+            { id: 'laptops', name: 'Laptops', count: 32 },
+            { id: 'headphones', name: 'Headphones', count: 28 },
+            { id: 'cameras', name: 'Cameras', count: 21 },
+            { id: 'accessories', name: 'Accessories', count: 30 },
+        ],
+    },
+    {
+        id: 'clothing',
+        name: 'Clothing & Fashion',
+        count: 234,
+        children: [
+            { id: 'mens', name: "Men's Clothing", count: 89 },
+            { id: 'womens', name: "Women's Clothing", count: 112 },
+            { id: 'shoes', name: 'Shoes', count: 67 },
+            { id: 'accessories-fashion', name: 'Fashion Accessories', count: 45 },
+        ],
+    },
+    {
+        id: 'home',
+        name: 'Home & Garden',
+        count: 178,
+        children: [
+            { id: 'furniture', name: 'Furniture', count: 56 },
+            { id: 'decor', name: 'Home Decor', count: 43 },
+            { id: 'kitchen', name: 'Kitchen & Dining', count: 38 },
+            { id: 'garden', name: 'Garden & Outdoor', count: 41 },
+        ],
+    },
+    {
+        id: 'sports',
+        name: 'Sports & Outdoors',
+        count: 145,
+        children: [
+            { id: 'fitness', name: 'Fitness Equipment', count: 34 },
+            { id: 'outdoor', name: 'Outdoor Recreation', count: 52 },
+            { id: 'sports-apparel', name: 'Sports Apparel', count: 59 },
+        ],
+    },
+];
+const brands = [
+    { name: 'Apple', count: 45 },
+    { name: 'Samsung', count: 38 },
+    { name: 'Nike', count: 67 },
+    { name: 'Adidas', count: 54 },
+    { name: 'Sony', count: 32 },
+    { name: 'LG', count: 28 },
+    { name: 'Canon', count: 21 },
+    { name: 'Dell', count: 19 },
+];
+const vendors = [
+    { name: 'TechWorld Store', count: 89, rating: 4.8 },
+    { name: 'Fashion Hub', count: 76, rating: 4.6 },
+    { name: 'Home Essentials', count: 65, rating: 4.7 },
+    { name: 'Sports Central', count: 54, rating: 4.5 },
+    { name: 'Electronics Plus', count: 43, rating: 4.9 },
+];
+const MarketplaceSidebar = ({ filters, onFiltersChange, onClearFilters, className = '', collapsed = false, onToggleCollapse, }) => {
+    const [expandedCategories, setExpandedCategories] = useState(new Set(['electronics']));
+    const [expandedSections, setExpandedSections] = useState(new Set(['categories', 'price', 'rating', 'brands']));
+    const toggleCategory = (categoryId) => {
+        setExpandedCategories(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(categoryId)) {
+                newSet.delete(categoryId);
+            }
+            else {
+                newSet.add(categoryId);
+            }
+            return newSet;
+        });
+    };
+    const toggleSection = (sectionId) => {
+        setExpandedSections(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(sectionId)) {
+                newSet.delete(sectionId);
+            }
+            else {
+                newSet.add(sectionId);
+            }
+            return newSet;
+        });
+    };
+    const handleFilterChange = (filterType, value) => {
+        onFiltersChange({
+            ...filters,
+            [filterType]: value,
+        });
+    };
+    const getActiveFiltersCount = () => {
+        let count = 0;
+        if (filters.categories.length > 0)
+            count += filters.categories.length;
+        if (filters.brands.length > 0)
+            count += filters.brands.length;
+        if (filters.vendors.length > 0)
+            count += filters.vendors.length;
+        if (filters.rating > 0)
+            count += 1;
+        if (filters.inStock)
+            count += 1;
+        if (filters.priceRange[0] > 0 || filters.priceRange[1] < 1000)
+            count += 1;
+        return count;
+    };
+    const renderCategoryTree = (categories, level = 0) => {
+        return categories.map((category) => (jsxs("div", { className: cn('', level > 0 && 'ml-4'), children: [jsxs("div", { className: "flex items-center justify-between py-1", children: [jsxs("label", { className: "flex items-center space-x-2 flex-1 cursor-pointer", children: [jsx(Checkbox, { checked: filters.categories.includes(category.id), onChange: (e) => {
+                                        const newCategories = e.target.checked
+                                            ? [...filters.categories, category.id]
+                                            : filters.categories.filter(c => c !== category.id);
+                                        handleFilterChange('categories', newCategories);
+                                    } }), jsx("span", { className: "text-sm text-gray-700 flex-1", children: category.name }), jsxs("span", { className: "text-xs text-gray-500", children: ["(", category.count, ")"] })] }), category.children && (jsx("button", { onClick: () => toggleCategory(category.id), className: "p-1 hover:bg-gray-100 rounded", children: expandedCategories.has(category.id) ? (jsx(ChevronDown, { className: "h-3 w-3 text-gray-400" })) : (jsx(ChevronRight, { className: "h-3 w-3 text-gray-400" })) }))] }), category.children && expandedCategories.has(category.id) && (jsx("div", { className: "mt-1", children: renderCategoryTree(category.children, level + 1) }))] }, category.id)));
+    };
+    if (collapsed) {
+        return (jsx("div", { className: cn('w-16 flex-shrink-0', className), children: jsx(Card, { className: "sticky top-4", children: jsx(CardContent, { className: "p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-4", children: [jsx(Button, { variant: "ghost", size: "sm", onClick: onToggleCollapse, className: "w-full", children: jsx(Filter, { className: "h-5 w-5" }) }), getActiveFiltersCount() > 0 && (jsx(Badge, { variant: "default", className: "text-xs", children: getActiveFiltersCount() }))] }) }) }) }));
+    }
+    return (jsx("div", { className: cn('w-80 flex-shrink-0', className), children: jsxs(Card, { className: "sticky top-4", children: [jsx(CardHeader, { className: "pb-3", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs(CardTitle, { className: "flex items-center text-lg", children: [jsx(Filter, { className: "h-5 w-5 mr-2" }), "Filters", getActiveFiltersCount() > 0 && (jsx(Badge, { variant: "default", className: "ml-2", children: getActiveFiltersCount() }))] }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Button, { variant: "ghost", size: "sm", onClick: onClearFilters, children: "Clear All" }), onToggleCollapse && (jsx(Button, { variant: "ghost", size: "sm", onClick: onToggleCollapse, children: jsx(X, { className: "h-4 w-4" }) }))] })] }) }), jsxs(CardContent, { className: "space-y-6 max-h-[calc(100vh-200px)] overflow-y-auto", children: [jsxs("div", { children: [jsxs("button", { onClick: () => toggleSection('categories'), className: "flex items-center justify-between w-full mb-3", children: [jsxs("h3", { className: "font-medium text-gray-900 flex items-center", children: [jsx(Grid2x2, { className: "h-4 w-4 mr-2" }), "Categories"] }), expandedSections.has('categories') ? (jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })) : (jsx(ChevronRight, { className: "h-4 w-4 text-gray-400" }))] }), expandedSections.has('categories') && (jsx("div", { className: "space-y-1", children: renderCategoryTree(categoryTree) }))] }), jsxs("div", { children: [jsxs("button", { onClick: () => toggleSection('price'), className: "flex items-center justify-between w-full mb-3", children: [jsxs("h3", { className: "font-medium text-gray-900 flex items-center", children: [jsx(Tag, { className: "h-4 w-4 mr-2" }), "Price Range"] }), expandedSections.has('price') ? (jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })) : (jsx(ChevronRight, { className: "h-4 w-4 text-gray-400" }))] }), expandedSections.has('price') && (jsxs("div", { className: "space-y-3", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Input, { type: "number", placeholder: "Min", value: filters.priceRange[0], onChange: (e) => handleFilterChange('priceRange', [
+                                                        parseInt(e.target.value) || 0,
+                                                        filters.priceRange[1]
+                                                    ]), className: "w-20 text-sm" }), jsx("span", { className: "text-gray-400", children: "-" }), jsx(Input, { type: "number", placeholder: "Max", value: filters.priceRange[1], onChange: (e) => handleFilterChange('priceRange', [
+                                                        filters.priceRange[0],
+                                                        parseInt(e.target.value) || 1000
+                                                    ]), className: "w-20 text-sm" })] }), jsx("div", { className: "space-y-1", children: [
+                                                { label: 'Under $25', range: [0, 25] },
+                                                { label: '$25 - $50', range: [25, 50] },
+                                                { label: '$50 - $100', range: [50, 100] },
+                                                { label: '$100 - $200', range: [100, 200] },
+                                                { label: 'Over $200', range: [200, 1000] },
+                                            ].map((option) => (jsxs("label", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { checked: filters.priceRange[0] === option.range[0] &&
+                                                            filters.priceRange[1] === option.range[1], onChange: (e) => {
+                                                            if (e.target.checked) {
+                                                                handleFilterChange('priceRange', option.range);
+                                                            }
+                                                        } }), jsx("span", { className: "text-sm text-gray-700", children: option.label })] }, option.label))) })] }))] }), jsxs("div", { children: [jsxs("button", { onClick: () => toggleSection('rating'), className: "flex items-center justify-between w-full mb-3", children: [jsxs("h3", { className: "font-medium text-gray-900 flex items-center", children: [jsx(Star, { className: "h-4 w-4 mr-2" }), "Customer Rating"] }), expandedSections.has('rating') ? (jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })) : (jsx(ChevronRight, { className: "h-4 w-4 text-gray-400" }))] }), expandedSections.has('rating') && (jsx("div", { className: "space-y-2", children: [4, 3, 2, 1].map(rating => (jsxs("label", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { checked: filters.rating === rating, onChange: (e) => {
+                                                    handleFilterChange('rating', e.target.checked ? rating : 0);
+                                                } }), jsxs("div", { className: "flex items-center space-x-1", children: [[1, 2, 3, 4, 5].map(star => (jsx(Star, { className: `h-4 w-4 ${star <= rating ? 'text-yellow-400 fill-current' : 'text-gray-300'}` }, star))), jsx("span", { className: "text-sm text-gray-700", children: "& up" })] })] }, rating))) }))] }), jsxs("div", { children: [jsxs("button", { onClick: () => toggleSection('brands'), className: "flex items-center justify-between w-full mb-3", children: [jsxs("h3", { className: "font-medium text-gray-900 flex items-center", children: [jsx(Tag, { className: "h-4 w-4 mr-2" }), "Brands"] }), expandedSections.has('brands') ? (jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })) : (jsx(ChevronRight, { className: "h-4 w-4 text-gray-400" }))] }), expandedSections.has('brands') && (jsx("div", { className: "space-y-2", children: brands.map(brand => (jsxs("label", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { checked: filters.brands.includes(brand.name), onChange: (e) => {
+                                                            const newBrands = e.target.checked
+                                                                ? [...filters.brands, brand.name]
+                                                                : filters.brands.filter(b => b !== brand.name);
+                                                            handleFilterChange('brands', newBrands);
+                                                        } }), jsx("span", { className: "text-sm text-gray-700", children: brand.name })] }), jsxs("span", { className: "text-xs text-gray-500", children: ["(", brand.count, ")"] })] }, brand.name))) }))] }), jsxs("div", { children: [jsxs("button", { onClick: () => toggleSection('vendors'), className: "flex items-center justify-between w-full mb-3", children: [jsxs("h3", { className: "font-medium text-gray-900 flex items-center", children: [jsx(Store, { className: "h-4 w-4 mr-2" }), "Sellers"] }), expandedSections.has('vendors') ? (jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })) : (jsx(ChevronRight, { className: "h-4 w-4 text-gray-400" }))] }), expandedSections.has('vendors') && (jsx("div", { className: "space-y-2", children: vendors.map(vendor => (jsxs("label", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { checked: filters.vendors.includes(vendor.name), onChange: (e) => {
+                                                            const newVendors = e.target.checked
+                                                                ? [...filters.vendors, vendor.name]
+                                                                : filters.vendors.filter(v => v !== vendor.name);
+                                                            handleFilterChange('vendors', newVendors);
+                                                        } }), jsxs("div", { children: [jsx("div", { className: "text-sm text-gray-700", children: vendor.name }), jsxs("div", { className: "flex items-center space-x-1", children: [jsx(Star, { className: "h-3 w-3 text-yellow-400 fill-current" }), jsx("span", { className: "text-xs text-gray-500", children: vendor.rating })] })] })] }), jsxs("span", { className: "text-xs text-gray-500", children: ["(", vendor.count, ")"] })] }, vendor.name))) }))] }), jsxs("div", { children: [jsxs("h3", { className: "font-medium text-gray-900 mb-3 flex items-center", children: [jsx(Sliders, { className: "h-4 w-4 mr-2" }), "Availability"] }), jsx("div", { className: "space-y-2", children: jsxs("label", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { checked: filters.inStock, onChange: (e) => handleFilterChange('inStock', e.target.checked) }), jsx("span", { className: "text-sm text-gray-700", children: "In Stock Only" })] }) })] }), getActiveFiltersCount() > 0 && (jsxs("div", { className: "pt-4 border-t border-gray-200", children: [jsxs("div", { className: "flex items-center justify-between mb-2", children: [jsx("h3", { className: "font-medium text-gray-900", children: "Active Filters" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onClearFilters, children: "Clear All" })] }), jsxs("div", { className: "flex flex-wrap gap-2", children: [filters.categories.map(category => (jsxs(Badge, { variant: "outline", className: "text-xs", children: [category, jsx("button", { onClick: () => handleFilterChange('categories', filters.categories.filter(c => c !== category)), className: "ml-1 hover:text-red-600", children: jsx(X, { className: "h-3 w-3" }) })] }, category))), filters.brands.map(brand => (jsxs(Badge, { variant: "outline", className: "text-xs", children: [brand, jsx("button", { onClick: () => handleFilterChange('brands', filters.brands.filter(b => b !== brand)), className: "ml-1 hover:text-red-600", children: jsx(X, { className: "h-3 w-3" }) })] }, brand))), filters.rating > 0 && (jsxs(Badge, { variant: "outline", className: "text-xs", children: [filters.rating, "+ stars", jsx("button", { onClick: () => handleFilterChange('rating', 0), className: "ml-1 hover:text-red-600", children: jsx(X, { className: "h-3 w-3" }) })] })), filters.inStock && (jsxs(Badge, { variant: "outline", className: "text-xs", children: ["In Stock", jsx("button", { onClick: () => handleFilterChange('inStock', false), className: "ml-1 hover:text-red-600", children: jsx(X, { className: "h-3 w-3" }) })] }))] })] }))] })] }) }));
+};
+
+export { MarketplaceSidebar };
+//# sourceMappingURL=MarketplaceSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceSidebar.js","sources":["../../../src/components/Marketplace/MarketplaceSidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronRight, Star, X, Filter, Sliders, Tag, Store, Grid2x2 as Grid } from 'lucide-react';\nimport { Button } from '../Button';\nimport { Input } from '../Input';\nimport { Card, CardHeader, CardTitle, CardContent } from '../Card';\nimport { Badge } from '../Badge';\nimport { Checkbox } from '../Checkbox';\nimport { cn } from '../../utils/cn';\nimport type { FilterOptions } from './types';\n\ninterface MarketplaceSidebarProps {\n  filters: FilterOptions;\n  onFiltersChange: (filters: FilterOptions) => void;\n  onClearFilters: () => void;\n  className?: string;\n  collapsed?: boolean;\n  onToggleCollapse?: () => void;\n}\n\ninterface CategoryNode {\n  id: string;\n  name: string;\n  count: number;\n  children?: CategoryNode[];\n}\n\nconst categoryTree: CategoryNode[] = [\n  {\n    id: 'electronics',\n    name: 'Electronics',\n    count: 156,\n    children: [\n      { id: 'smartphones', name: 'Smartphones', count: 45 },\n      { id: 'laptops', name: 'Laptops', count: 32 },\n      { id: 'headphones', name: 'Headphones', count: 28 },\n      { id: 'cameras', name: 'Cameras', count: 21 },\n      { id: 'accessories', name: 'Accessories', count: 30 },\n    ],\n  },\n  {\n    id: 'clothing',\n    name: 'Clothing & Fashion',\n    count: 234,\n    children: [\n      { id: 'mens', name: \"Men's Clothing\", count: 89 },\n      { id: 'womens', name: \"Women's Clothing\", count: 112 },\n      { id: 'shoes', name: 'Shoes', count: 67 },\n      { id: 'accessories-fashion', name: 'Fashion Accessories', count: 45 },\n    ],\n  },\n  {\n    id: 'home',\n    name: 'Home & Garden',\n    count: 178,\n    children: [\n      { id: 'furniture', name: 'Furniture', count: 56 },\n      { id: 'decor', name: 'Home Decor', count: 43 },\n      { id: 'kitchen', name: 'Kitchen & Dining', count: 38 },\n      { id: 'garden', name: 'Garden & Outdoor', count: 41 },\n    ],\n  },\n  {\n    id: 'sports',\n    name: 'Sports & Outdoors',\n    count: 145,\n    children: [\n      { id: 'fitness', name: 'Fitness Equipment', count: 34 },\n      { id: 'outdoor', name: 'Outdoor Recreation', count: 52 },\n      { id: 'sports-apparel', name: 'Sports Apparel', count: 59 },\n    ],\n  },\n];\n\nconst brands = [\n  { name: 'Apple', count: 45 },\n  { name: 'Samsung', count: 38 },\n  { name: 'Nike', count: 67 },\n  { name: 'Adidas', count: 54 },\n  { name: 'Sony', count: 32 },\n  { name: 'LG', count: 28 },\n  { name: 'Canon', count: 21 },\n  { name: 'Dell', count: 19 },\n];\n\nconst vendors = [\n  { name: 'TechWorld Store', count: 89, rating: 4.8 },\n  { name: 'Fashion Hub', count: 76, rating: 4.6 },\n  { name: 'Home Essentials', count: 65, rating: 4.7 },\n  { name: 'Sports Central', count: 54, rating: 4.5 },\n  { name: 'Electronics Plus', count: 43, rating: 4.9 },\n];\n\nexport const MarketplaceSidebar: React.FC<MarketplaceSidebarProps> = ({\n  filters,\n  onFiltersChange,\n  onClearFilters,\n  className = '',\n  collapsed = false,\n  onToggleCollapse,\n}) => {\n  const [expandedCategories, setExpandedCategories] = useState<Set<string>>(new Set(['electronics']));\n  const [expandedSections, setExpandedSections] = useState<Set<string>>(\n    new Set(['categories', 'price', 'rating', 'brands'])\n  );\n\n  const toggleCategory = (categoryId: string) => {\n    setExpandedCategories(prev => {\n      const newSet = new Set(prev);\n      if (newSet.has(categoryId)) {\n        newSet.delete(categoryId);\n      } else {\n        newSet.add(categoryId);\n      }\n      return newSet;\n    });\n  };\n\n  const toggleSection = (sectionId: string) => {\n    setExpandedSections(prev => {\n      const newSet = new Set(prev);\n      if (newSet.has(sectionId)) {\n        newSet.delete(sectionId);\n      } else {\n        newSet.add(sectionId);\n      }\n      return newSet;\n    });\n  };\n\n  const handleFilterChange = (filterType: keyof FilterOptions, value: any) => {\n    onFiltersChange({\n      ...filters,\n      [filterType]: value,\n    });\n  };\n\n  const getActiveFiltersCount = () => {\n    let count = 0;\n    if (filters.categories.length > 0) count += filters.categories.length;\n    if (filters.brands.length > 0) count += filters.brands.length;\n    if (filters.vendors.length > 0) count += filters.vendors.length;\n    if (filters.rating > 0) count += 1;\n    if (filters.inStock) count += 1;\n    if (filters.priceRange[0] > 0 || filters.priceRange[1] < 1000) count += 1;\n    return count;\n  };\n\n  const renderCategoryTree = (categories: CategoryNode[], level = 0) => {\n    return categories.map((category) => (\n      <div key={category.id} className={cn('', level > 0 && 'ml-4')}>\n        <div className=\"flex items-center justify-between py-1\">\n          <label className=\"flex items-center space-x-2 flex-1 cursor-pointer\">\n            <Checkbox\n              checked={filters.categories.includes(category.id)}\n              onChange={(e) => {\n                const newCategories = e.target.checked\n                  ? [...filters.categories, category.id]\n                  : filters.categories.filter(c => c !== category.id);\n                handleFilterChange('categories', newCategories);\n              }}\n            />\n            <span className=\"text-sm text-gray-700 flex-1\">{category.name}</span>\n            <span className=\"text-xs text-gray-500\">({category.count})</span>\n          </label>\n          {category.children && (\n            <button\n              onClick={() => toggleCategory(category.id)}\n              className=\"p-1 hover:bg-gray-100 rounded\"\n            >\n              {expandedCategories.has(category.id) ? (\n                <ChevronDown className=\"h-3 w-3 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-3 w-3 text-gray-400\" />\n              )}\n            </button>\n          )}\n        </div>\n        {category.children && expandedCategories.has(category.id) && (\n          <div className=\"mt-1\">\n            {renderCategoryTree(category.children, level + 1)}\n          </div>\n        )}\n      </div>\n    ));\n  };\n\n  if (collapsed) {\n    return (\n      <div className={cn('w-16 flex-shrink-0', className)}>\n        <Card className=\"sticky top-4\">\n          <CardContent className=\"p-4\">\n            <div className=\"flex flex-col items-center space-y-4\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onToggleCollapse}\n                className=\"w-full\"\n              >\n                <Filter className=\"h-5 w-5\" />\n              </Button>\n              {getActiveFiltersCount() > 0 && (\n                <Badge variant=\"default\" className=\"text-xs\">\n                  {getActiveFiltersCount()}\n                </Badge>\n              )}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('w-80 flex-shrink-0', className)}>\n      <Card className=\"sticky top-4\">\n        <CardHeader className=\"pb-3\">\n          <div className=\"flex items-center justify-between\">\n            <CardTitle className=\"flex items-center text-lg\">\n              <Filter className=\"h-5 w-5 mr-2\" />\n              Filters\n              {getActiveFiltersCount() > 0 && (\n                <Badge variant=\"default\" className=\"ml-2\">\n                  {getActiveFiltersCount()}\n                </Badge>\n              )}\n            </CardTitle>\n            <div className=\"flex items-center space-x-2\">\n              <Button variant=\"ghost\" size=\"sm\" onClick={onClearFilters}>\n                Clear All\n              </Button>\n              {onToggleCollapse && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={onToggleCollapse}>\n                  <X className=\"h-4 w-4\" />\n                </Button>\n              )}\n            </div>\n          </div>\n        </CardHeader>\n\n        <CardContent className=\"space-y-6 max-h-[calc(100vh-200px)] overflow-y-auto\">\n          {/* Categories */}\n          <div>\n            <button\n              onClick={() => toggleSection('categories')}\n              className=\"flex items-center justify-between w-full mb-3\"\n            >\n              <h3 className=\"font-medium text-gray-900 flex items-center\">\n                <Grid className=\"h-4 w-4 mr-2\" />\n                Categories\n              </h3>\n              {expandedSections.has('categories') ? (\n                <ChevronDown className=\"h-4 w-4 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-4 w-4 text-gray-400\" />\n              )}\n            </button>\n            {expandedSections.has('categories') && (\n              <div className=\"space-y-1\">\n                {renderCategoryTree(categoryTree)}\n              </div>\n            )}\n          </div>\n\n          {/* Price Range */}\n          <div>\n            <button\n              onClick={() => toggleSection('price')}\n              className=\"flex items-center justify-between w-full mb-3\"\n            >\n              <h3 className=\"font-medium text-gray-900 flex items-center\">\n                <Tag className=\"h-4 w-4 mr-2\" />\n                Price Range\n              </h3>\n              {expandedSections.has('price') ? (\n                <ChevronDown className=\"h-4 w-4 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-4 w-4 text-gray-400\" />\n              )}\n            </button>\n            {expandedSections.has('price') && (\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center space-x-2\">\n                  <Input\n                    type=\"number\"\n                    placeholder=\"Min\"\n                    value={filters.priceRange[0]}\n                    onChange={(e) => handleFilterChange('priceRange', [\n                      parseInt(e.target.value) || 0,\n                      filters.priceRange[1]\n                    ])}\n                    className=\"w-20 text-sm\"\n                  />\n                  <span className=\"text-gray-400\">-</span>\n                  <Input\n                    type=\"number\"\n                    placeholder=\"Max\"\n                    value={filters.priceRange[1]}\n                    onChange={(e) => handleFilterChange('priceRange', [\n                      filters.priceRange[0],\n                      parseInt(e.target.value) || 1000\n                    ])}\n                    className=\"w-20 text-sm\"\n                  />\n                </div>\n                \n                {/* Quick Price Ranges */}\n                <div className=\"space-y-1\">\n                  {[\n                    { label: 'Under $25', range: [0, 25] },\n                    { label: '$25 - $50', range: [25, 50] },\n                    { label: '$50 - $100', range: [50, 100] },\n                    { label: '$100 - $200', range: [100, 200] },\n                    { label: 'Over $200', range: [200, 1000] },\n                  ].map((option) => (\n                    <label key={option.label} className=\"flex items-center space-x-2\">\n                      <Checkbox\n                        checked={\n                          filters.priceRange[0] === option.range[0] &&\n                          filters.priceRange[1] === option.range[1]\n                        }\n                        onChange={(e) => {\n                          if (e.target.checked) {\n                            handleFilterChange('priceRange', option.range);\n                          }\n                        }}\n                      />\n                      <span className=\"text-sm text-gray-700\">{option.label}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Rating */}\n          <div>\n            <button\n              onClick={() => toggleSection('rating')}\n              className=\"flex items-center justify-between w-full mb-3\"\n            >\n              <h3 className=\"font-medium text-gray-900 flex items-center\">\n                <Star className=\"h-4 w-4 mr-2\" />\n                Customer Rating\n              </h3>\n              {expandedSections.has('rating') ? (\n                <ChevronDown className=\"h-4 w-4 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-4 w-4 text-gray-400\" />\n              )}\n            </button>\n            {expandedSections.has('rating') && (\n              <div className=\"space-y-2\">\n                {[4, 3, 2, 1].map(rating => (\n                  <label key={rating} className=\"flex items-center space-x-2\">\n                    <Checkbox\n                      checked={filters.rating === rating}\n                      onChange={(e) => {\n                        handleFilterChange('rating', e.target.checked ? rating : 0);\n                      }}\n                    />\n                    <div className=\"flex items-center space-x-1\">\n                      {[1, 2, 3, 4, 5].map(star => (\n                        <Star\n                          key={star}\n                          className={`h-4 w-4 ${\n                            star <= rating ? 'text-yellow-400 fill-current' : 'text-gray-300'\n                          }`}\n                        />\n                      ))}\n                      <span className=\"text-sm text-gray-700\">& up</span>\n                    </div>\n                  </label>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Brands */}\n          <div>\n            <button\n              onClick={() => toggleSection('brands')}\n              className=\"flex items-center justify-between w-full mb-3\"\n            >\n              <h3 className=\"font-medium text-gray-900 flex items-center\">\n                <Tag className=\"h-4 w-4 mr-2\" />\n                Brands\n              </h3>\n              {expandedSections.has('brands') ? (\n                <ChevronDown className=\"h-4 w-4 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-4 w-4 text-gray-400\" />\n              )}\n            </button>\n            {expandedSections.has('brands') && (\n              <div className=\"space-y-2\">\n                {brands.map(brand => (\n                  <label key={brand.name} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center space-x-2\">\n                      <Checkbox\n                        checked={filters.brands.includes(brand.name)}\n                        onChange={(e) => {\n                          const newBrands = e.target.checked\n                            ? [...filters.brands, brand.name]\n                            : filters.brands.filter(b => b !== brand.name);\n                          handleFilterChange('brands', newBrands);\n                        }}\n                      />\n                      <span className=\"text-sm text-gray-700\">{brand.name}</span>\n                    </div>\n                    <span className=\"text-xs text-gray-500\">({brand.count})</span>\n                  </label>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Vendors */}\n          <div>\n            <button\n              onClick={() => toggleSection('vendors')}\n              className=\"flex items-center justify-between w-full mb-3\"\n            >\n              <h3 className=\"font-medium text-gray-900 flex items-center\">\n                <Store className=\"h-4 w-4 mr-2\" />\n                Sellers\n              </h3>\n              {expandedSections.has('vendors') ? (\n                <ChevronDown className=\"h-4 w-4 text-gray-400\" />\n              ) : (\n                <ChevronRight className=\"h-4 w-4 text-gray-400\" />\n              )}\n            </button>\n            {expandedSections.has('vendors') && (\n              <div className=\"space-y-2\">\n                {vendors.map(vendor => (\n                  <label key={vendor.name} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center space-x-2\">\n                      <Checkbox\n                        checked={filters.vendors.includes(vendor.name)}\n                        onChange={(e) => {\n                          const newVendors = e.target.checked\n                            ? [...filters.vendors, vendor.name]\n                            : filters.vendors.filter(v => v !== vendor.name);\n                          handleFilterChange('vendors', newVendors);\n                        }}\n                      />\n                      <div>\n                        <div className=\"text-sm text-gray-700\">{vendor.name}</div>\n                        <div className=\"flex items-center space-x-1\">\n                          <Star className=\"h-3 w-3 text-yellow-400 fill-current\" />\n                          <span className=\"text-xs text-gray-500\">{vendor.rating}</span>\n                        </div>\n                      </div>\n                    </div>\n                    <span className=\"text-xs text-gray-500\">({vendor.count})</span>\n                  </label>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Availability */}\n          <div>\n            <h3 className=\"font-medium text-gray-900 mb-3 flex items-center\">\n              <Sliders className=\"h-4 w-4 mr-2\" />\n              Availability\n            </h3>\n            <div className=\"space-y-2\">\n              <label className=\"flex items-center space-x-2\">\n                <Checkbox\n                  checked={filters.inStock}\n                  onChange={(e) => handleFilterChange('inStock', e.target.checked)}\n                />\n                <span className=\"text-sm text-gray-700\">In Stock Only</span>\n              </label>\n            </div>\n          </div>\n\n          {/* Active Filters Summary */}\n          {getActiveFiltersCount() > 0 && (\n            <div className=\"pt-4 border-t border-gray-200\">\n              <div className=\"flex items-center justify-between mb-2\">\n                <h3 className=\"font-medium text-gray-900\">Active Filters</h3>\n                <Button variant=\"ghost\" size=\"sm\" onClick={onClearFilters}>\n                  Clear All\n                </Button>\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                {filters.categories.map(category => (\n                  <Badge key={category} variant=\"outline\" className=\"text-xs\">\n                    {category}\n                    <button\n                      onClick={() => handleFilterChange('categories', \n                        filters.categories.filter(c => c !== category)\n                      )}\n                      className=\"ml-1 hover:text-red-600\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </button>\n                  </Badge>\n                ))}\n                {filters.brands.map(brand => (\n                  <Badge key={brand} variant=\"outline\" className=\"text-xs\">\n                    {brand}\n                    <button\n                      onClick={() => handleFilterChange('brands', \n                        filters.brands.filter(b => b !== brand)\n                      )}\n                      className=\"ml-1 hover:text-red-600\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </button>\n                  </Badge>\n                ))}\n                {filters.rating > 0 && (\n                  <Badge variant=\"outline\" className=\"text-xs\">\n                    {filters.rating}+ stars\n                    <button\n                      onClick={() => handleFilterChange('rating', 0)}\n                      className=\"ml-1 hover:text-red-600\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </button>\n                  </Badge>\n                )}\n                {filters.inStock && (\n                  <Badge variant=\"outline\" className=\"text-xs\">\n                    In Stock\n                    <button\n                      onClick={() => handleFilterChange('inStock', false)}\n                      className=\"ml-1 hover:text-red-600\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </button>\n                  </Badge>\n                )}\n              </div>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};"],"names":["_jsxs","_jsx","Grid"],"mappings":";;;;;;;;;;AA0BA,MAAM,YAAY,GAAmB;AACnC,IAAA;AACE,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;YACrD,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;YAC7C,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;YACnD,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;YAC7C,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;AACtD,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,IAAI,EAAE,oBAAoB;AAC1B,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE;YACjD,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE;YACtD,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;YACzC,EAAE,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,EAAE,EAAE;AACtE,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;YACjD,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;YAC9C,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,EAAE;YACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,EAAE;AACtD,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,IAAI,EAAE,mBAAmB;AACzB,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,EAAE;YACvD,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,EAAE;YACxD,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE;AAC5D,SAAA;AACF,KAAA;CACF;AAED,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;AAC5B,IAAA,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC9B,IAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;AAC3B,IAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;AAC7B,IAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;AAC3B,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACzB,IAAA,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;AAC5B,IAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;CAC5B;AAED,MAAM,OAAO,GAAG;IACd,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACnD,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IAC/C,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACnD,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IAClD,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;CACrD;MAEY,kBAAkB,GAAsC,CAAC,EACpE,OAAO,EACP,eAAe,EACf,cAAc,EACd,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,gBAAgB,GACjB,KAAI;AACH,IAAA,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IACnG,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CACrD;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,UAAkB,KAAI;QAC5C,qBAAqB,CAAC,IAAI,IAAG;AAC3B,YAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC;AAC5B,YAAA,IAAI,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AAC1B,gBAAA,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;YAC3B;iBAAO;AACL,gBAAA,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;YACxB;AACA,YAAA,OAAO,MAAM;AACf,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,SAAiB,KAAI;QAC1C,mBAAmB,CAAC,IAAI,IAAG;AACzB,YAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC;AAC5B,YAAA,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACzB,gBAAA,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;YAC1B;iBAAO;AACL,gBAAA,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;YACvB;AACA,YAAA,OAAO,MAAM;AACf,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,UAA+B,EAAE,KAAU,KAAI;AACzE,QAAA,eAAe,CAAC;AACd,YAAA,GAAG,OAAO;YACV,CAAC,UAAU,GAAG,KAAK;AACpB,SAAA,CAAC;AACJ,IAAA,CAAC;IAED,MAAM,qBAAqB,GAAG,MAAK;QACjC,IAAI,KAAK,GAAG,CAAC;AACb,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,KAAK,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM;AACrE,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM;AAC7D,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM;AAC/D,QAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,KAAK,IAAI,CAAC;QAClC,IAAI,OAAO,CAAC,OAAO;YAAE,KAAK,IAAI,CAAC;AAC/B,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI;YAAE,KAAK,IAAI,CAAC;AACzE,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,kBAAkB,GAAG,CAAC,UAA0B,EAAE,KAAK,GAAG,CAAC,KAAI;QACnE,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,MAC7BA,IAAA,CAAA,KAAA,EAAA,EAAuB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,EAAA,QAAA,EAAA,CAC3DA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAA,CACrDA,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,CAClEC,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EACjD,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wCAAA,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;8CAC3B,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE;AACrC,8CAAE,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC;AACrD,wCAAA,kBAAkB,CAAC,YAAY,EAAE,aAAa,CAAC;oCACjD,CAAC,EAAA,CACD,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAE,QAAQ,CAAC,IAAI,EAAA,CAAQ,EACrED,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,QAAQ,CAAC,KAAK,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,CAC3D,EACP,QAAQ,CAAC,QAAQ,KAChBC,gBACE,OAAO,EAAE,MAAM,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC1C,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAExC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,IAClCA,GAAA,CAAC,WAAW,IAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,CACnD,EAAA,CACM,CACV,CAAA,EAAA,CACG,EACL,QAAQ,CAAC,QAAQ,IAAI,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,KACvDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EAClB,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,EAAA,CAC7C,CACP,CAAA,EAAA,EAhCO,QAAQ,CAAC,EAAE,CAiCf,CACP,CAAC;AACJ,IAAA,CAAC;IAED,IAAI,SAAS,EAAE;AACb,QAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAA,QAAA,EACjDA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,YAC5BA,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,QAAA,EAC1BD,cAAK,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CACnDC,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,QAAQ,EAAA,QAAA,EAElBA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,SAAS,GAAG,EAAA,CACvB,EACR,qBAAqB,EAAE,GAAG,CAAC,KAC1BA,GAAA,CAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EACzC,qBAAqB,EAAE,GAClB,CACT,CAAA,EAAA,CACG,GACM,EAAA,CACT,EAAA,CACH;IAEV;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,YACjDD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CAC5BC,GAAA,CAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAC1BD,cAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDA,KAAC,SAAS,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CAC9CC,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,SAAA,EAElC,qBAAqB,EAAE,GAAG,CAAC,KAC1BA,GAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtC,qBAAqB,EAAE,EAAA,CAClB,CACT,CAAA,EAAA,CACS,EACZD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,CAEhD,EACR,gBAAgB,KACfA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,gBAAgB,YACzDA,GAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAAA,CAClB,CACV,IACG,CAAA,EAAA,CACF,EAAA,CACK,EAEbD,IAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,qDAAqD,aAE1EA,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,YAAY,CAAC,EAC1C,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAEzDA,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzDC,GAAA,CAACC,OAAI,EAAA,EAAC,SAAS,EAAC,cAAc,GAAG,EAAA,YAAA,CAAA,EAAA,CAE9B,EACJ,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,IACjCD,IAAC,WAAW,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,CACnD,IACM,EACR,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,KACjCA,aAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,kBAAkB,CAAC,YAAY,CAAC,EAAA,CAC7B,CACP,CAAA,EAAA,CACG,EAGND,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,OAAO,CAAC,EACrC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAEzDA,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,mBAE7B,EACJ,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,IAC5BA,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,GAAG,CACnD,CAAA,EAAA,CACM,EACR,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,KAC5BD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,GAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,kBAAkB,CAAC,YAAY,EAAE;wDAChD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAC7B,wDAAA,OAAO,CAAC,UAAU,CAAC,CAAC;AACrB,qDAAA,CAAC,EACF,SAAS,EAAC,cAAc,EAAA,CACxB,EACFA,cAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,GAAA,EAAA,CAAS,EACxCA,IAAC,KAAK,EAAA,EACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,kBAAkB,CAAC,YAAY,EAAE;AAChD,wDAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;wDACrB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;qDAC7B,CAAC,EACF,SAAS,EAAC,cAAc,EAAA,CACxB,CAAA,EAAA,CACE,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB;gDACC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;gDACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;gDACvC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE;gDACzC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;gDAC3C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE;AAC3C,6CAAA,CAAC,GAAG,CAAC,CAAC,MAAM,MACXD,IAAA,CAAA,OAAA,EAAA,EAA0B,SAAS,EAAC,6BAA6B,aAC/DC,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EACL,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACzC,4DAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAE3C,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,4DAAA,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;AACpB,gEAAA,kBAAkB,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;4DAChD;AACF,wDAAA,CAAC,EAAA,CACD,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,MAAM,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZnD,MAAM,CAAC,KAAK,CAahB,CACT,CAAC,EAAA,CACE,CAAA,EAAA,CACF,CACP,IACG,EAGND,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,QAAQ,CAAC,EACtC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAEzDA,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,iBAAA,CAAA,EAAA,CAE9B,EACJ,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAC7BA,GAAA,CAAC,WAAW,IAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,CACnD,CAAA,EAAA,CACM,EACR,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,KAC7BA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,KACtBD,IAAA,CAAA,OAAA,EAAA,EAAoB,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAE,OAAO,CAAC,MAAM,KAAK,MAAM,EAClC,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,oDAAA,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC;AAC7D,gDAAA,CAAC,GACD,EACFD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,aACzC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,KACvBC,IAAC,IAAI,EAAA,EAEH,SAAS,EAAE,CAAA,QAAA,EACT,IAAI,IAAI,MAAM,GAAG,8BAA8B,GAAG,eACpD,CAAA,CAAE,EAAA,EAHG,IAAI,CAIT,CACH,CAAC,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,MAAA,EAAA,CAAY,IAC/C,CAAA,EAAA,EAjBI,MAAM,CAkBV,CACT,CAAC,GACE,CACP,CAAA,EAAA,CACG,EAGND,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,QAAQ,CAAC,EACtC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAEzDA,aAAI,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,cAAc,GAAG,EAAA,QAAA,CAAA,EAAA,CAE7B,EACJ,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAC7BA,GAAA,CAAC,WAAW,IAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,CACnD,CAAA,EAAA,CACM,EACR,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,KAC7BA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,MAAM,CAAC,GAAG,CAAC,KAAK,KACfD,IAAA,CAAA,OAAA,EAAA,EAAwB,SAAS,EAAC,mCAAmC,aACnEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,GAAA,CAAC,QAAQ,IACP,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,4DAAA,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;kEACvB,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI;AAChC,kEAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC;AAChD,4DAAA,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC;AACzC,wDAAA,CAAC,EAAA,CACD,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,CACvD,EACND,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,KAAK,CAAC,KAAK,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,EAbpD,KAAK,CAAC,IAAI,CAcd,CACT,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG,EAGNA,yBACEA,IAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,SAAS,CAAC,EACvC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAEzDA,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,eAE/B,EACJ,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,IAC9BA,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,KAEjDA,IAAC,YAAY,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,CACnD,CAAA,EAAA,CACM,EACR,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,KAC9BA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,OAAO,CAAC,GAAG,CAAC,MAAM,KACjBD,IAAA,CAAA,OAAA,EAAA,EAAyB,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CACpEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAC9C,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,4DAAA,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;kEACxB,CAAC,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI;AAClC,kEAAE,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC;AAClD,4DAAA,kBAAkB,CAAC,SAAS,EAAE,UAAU,CAAC;wDAC3C,CAAC,EAAA,CACD,EACFD,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,CAAC,IAAI,EAAA,CAAO,EAC1DD,cAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACzDA,cAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,MAAM,CAAC,MAAM,EAAA,CAAQ,IAC1D,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EACND,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,MAAM,CAAC,KAAK,EAAA,GAAA,CAAA,EAAA,CAAS,KAnBrD,MAAM,CAAC,IAAI,CAoBf,CACT,CAAC,EAAA,CACE,CACP,IACG,EAGNA,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,aAAI,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAA,CAC9DC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,cAAA,CAAA,EAAA,CAEjC,EACLA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACxBD,gBAAO,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC5CC,GAAA,CAAC,QAAQ,IACP,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,QAAQ,EAAE,CAAC,CAAC,KAAK,kBAAkB,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAA,CAChE,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,eAAA,EAAA,CAAqB,IACtD,EAAA,CACJ,CAAA,EAAA,CACF,EAGL,qBAAqB,EAAE,GAAG,CAAC,KAC1BD,cAAK,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAAA,CAC5CA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,aACrDC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAoB,EAC7DA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,CAEhD,IACL,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,aAClC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,KAC9BA,IAAA,CAAC,KAAK,EAAA,EAAgB,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,CACxD,QAAQ,EACTC,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,YAAY,EAC5C,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,CAC/C,EACD,SAAS,EAAC,yBAAyB,YAEnCA,GAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,GAAG,EAAA,CAClB,CAAA,EAAA,EATC,QAAQ,CAUZ,CACT,CAAC,EACD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KACvBD,IAAA,CAAC,KAAK,EAAA,EAAa,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,CACrD,KAAK,EACNC,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,QAAQ,EACxC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CACxC,EACD,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAEnCA,GAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,GAClB,CAAA,EAAA,EATC,KAAK,CAUT,CACT,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,CAAC,KACjBD,IAAA,CAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,CACzC,OAAO,CAAC,MAAM,EAAA,SAAA,EACfC,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC9C,SAAS,EAAC,yBAAyB,YAEnCA,GAAA,CAAC,CAAC,IAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAAA,CAClB,CAAA,EAAA,CACH,CACT,EACA,OAAO,CAAC,OAAO,KACdD,IAAA,CAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,CAAA,UAAA,EAE1CC,gBACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,EACnD,SAAS,EAAC,yBAAyB,YAEnCA,GAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,GAAG,EAAA,CAClB,CAAA,EAAA,CACH,CACT,CAAA,EAAA,CACG,CAAA,EAAA,CACF,CACP,CAAA,EAAA,CACW,CAAA,EAAA,CACT,EAAA,CACH;AAEV;;;;"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Product } from './types';
+interface SingleProductViewProps {
+    productId?: string;
+    onAddToCart?: (product: Product, quantity: number) => void;
+    onBuyNow?: (product: Product, quantity: number) => void;
+}
+export declare const SingleProductView: React.FC<SingleProductViewProps>;
+export {};

package/dist/components/Marketplace/SingleProductView.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ChevronLeft, ChevronRight, Star, Minus, Plus, ShoppingCart, Zap, Heart, Share2, Truck, RotateCcw, Shield, Check, ThumbsUp } 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 { Input } from '../Input/Input.js';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs/Tabs.js';
+import { showToast } from '../Toast/Toast.js';
+import { sampleProducts, sampleReviews } from './data/sampleData.js';
+
+const SingleProductView = ({ productId = '1', onAddToCart, onBuyNow, }) => {
+    const [selectedImageIndex, setSelectedImageIndex] = useState(0);
+    const [quantity, setQuantity] = useState(1);
+    const [isWishlisted, setIsWishlisted] = useState(false);
+    const [selectedTab, setSelectedTab] = useState('description');
+    // Get product data (in real app, this would come from API)
+    const product = sampleProducts.find(p => p.id === productId) || sampleProducts[0];
+    const reviews = sampleReviews;
+    const relatedProducts = sampleProducts.slice(1, 5);
+    const handleAddToCart = () => {
+        onAddToCart?.(product, quantity);
+        showToast.success(`Added ${quantity} item(s) to cart!`);
+    };
+    const handleBuyNow = () => {
+        onBuyNow?.(product, quantity);
+        showToast.info('Redirecting to checkout...');
+    };
+    const handleShare = () => {
+        navigator.clipboard.writeText(window.location.href);
+        showToast.success('Product link copied to clipboard!');
+    };
+    const nextImage = () => {
+        setSelectedImageIndex((prev) => prev === product.images.length - 1 ? 0 : prev + 1);
+    };
+    const prevImage = () => {
+        setSelectedImageIndex((prev) => prev === 0 ? product.images.length - 1 : prev - 1);
+    };
+    return (jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [jsxs("nav", { className: "flex items-center space-x-2 text-sm text-gray-600 mb-8", children: [jsx("a", { href: "/", className: "hover:text-primary-600", children: "Home" }), jsx("span", { children: "/" }), jsx("a", { href: "/products", className: "hover:text-primary-600", children: "Products" }), jsx("span", { children: "/" }), jsx("a", { href: `/category/${product.category.toLowerCase()}`, className: "hover:text-primary-600", children: product.category }), jsx("span", { children: "/" }), jsx("span", { className: "text-gray-900", children: product.name })] }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12", children: [jsxs("div", { children: [jsxs("div", { className: "relative aspect-square bg-gray-100 rounded-lg overflow-hidden mb-4", children: [jsx("img", { src: product.images[selectedImageIndex], alt: product.name, className: "w-full h-full object-cover" }), product.images.length > 1 && (jsxs(Fragment, { children: [jsx("button", { onClick: prevImage, className: "absolute left-4 top-1/2 transform -translate-y-1/2 bg-white/80 hover:bg-white rounded-full p-2 shadow-lg transition-colors", children: jsx(ChevronLeft, { className: "h-5 w-5" }) }), jsx("button", { onClick: nextImage, className: "absolute right-4 top-1/2 transform -translate-y-1/2 bg-white/80 hover:bg-white rounded-full p-2 shadow-lg transition-colors", children: jsx(ChevronRight, { className: "h-5 w-5" }) })] })), product.discount && (jsxs(Badge, { variant: "danger", className: "absolute top-4 left-4", children: ["-", product.discount, "%"] }))] }), product.images.length > 1 && (jsx("div", { className: "flex space-x-2 overflow-x-auto", children: product.images.map((image, index) => (jsx("button", { onClick: () => setSelectedImageIndex(index), className: `flex-shrink-0 w-20 h-20 rounded-lg overflow-hidden border-2 transition-colors ${selectedImageIndex === index
+                                        ? 'border-primary-500'
+                                        : 'border-gray-200 hover:border-gray-300'}`, children: jsx("img", { src: image, alt: `${product.name} ${index + 1}`, className: "w-full h-full object-cover" }) }, index))) }))] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsx("span", { className: "text-sm text-gray-600", children: "Sold by" }), jsxs("div", { className: "flex items-center space-x-2", children: [product.vendor.logo && (jsxs(Avatar, { size: "sm", children: [jsx(AvatarImage, { src: product.vendor.logo }), jsx(AvatarFallback, { children: product.vendor.name[0] })] })), jsx("span", { className: "font-medium text-primary-600", children: product.vendor.name }), jsxs("div", { className: "flex items-center space-x-1", children: [jsx(Star, { className: "h-4 w-4 text-yellow-400 fill-current" }), jsx("span", { className: "text-sm text-gray-600", children: product.vendor.rating })] })] })] }), jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-4", children: product.name }), jsxs("div", { className: "flex items-center space-x-4 mb-6", children: [jsxs("div", { className: "flex items-center space-x-1", children: [[1, 2, 3, 4, 5].map((star) => (jsx(Star, { className: `h-5 w-5 ${star <= Math.floor(product.rating)
+                                                    ? 'text-yellow-400 fill-current'
+                                                    : 'text-gray-300'}` }, star))), jsx("span", { className: "text-lg font-medium text-gray-900 ml-2", children: product.rating })] }), jsxs("span", { className: "text-gray-600", children: ["(", product.reviewCount, " reviews)"] }), jsx(Badge, { variant: product.inStock ? 'success' : 'danger', children: product.inStock ? 'In Stock' : 'Out of Stock' })] }), jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex items-center space-x-3", children: [jsxs("span", { className: "text-3xl font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.originalPrice && (jsxs("span", { className: "text-xl text-gray-500 line-through", children: ["$", product.originalPrice.toFixed(2)] })), product.discount && (jsxs(Badge, { variant: "danger", children: ["Save ", product.discount, "%"] }))] }) }), jsx("p", { className: "text-gray-600 mb-6 leading-relaxed", children: product.description }), jsxs("div", { className: "space-y-4 mb-8", children: [jsxs("div", { className: "flex items-center space-x-4", children: [jsx("span", { className: "font-medium text-gray-900", children: "Quantity:" }), jsxs("div", { className: "flex items-center border border-gray-300 rounded-lg", children: [jsx("button", { onClick: () => setQuantity(Math.max(1, quantity - 1)), className: "p-2 hover:bg-gray-50 transition-colors", disabled: quantity <= 1, children: jsx(Minus, { className: "h-4 w-4" }) }), jsx(Input, { type: "number", value: quantity, onChange: (e) => setQuantity(Math.max(1, parseInt(e.target.value) || 1)), className: "w-16 text-center border-0 focus:ring-0", min: "1" }), jsx("button", { onClick: () => setQuantity(quantity + 1), className: "p-2 hover:bg-gray-50 transition-colors", children: jsx(Plus, { className: "h-4 w-4" }) })] })] }), jsxs("div", { className: "flex space-x-4", children: [jsxs(Button, { variant: "primary", size: "lg", onClick: handleAddToCart, disabled: !product.inStock, className: "flex-1", children: [jsx(ShoppingCart, { className: "mr-2 h-5 w-5" }), "Add to Cart"] }), jsxs(Button, { variant: "secondary", size: "lg", onClick: handleBuyNow, disabled: !product.inStock, className: "flex-1", children: [jsx(Zap, { className: "mr-2 h-5 w-5" }), "Buy Now"] })] }), jsxs("div", { className: "flex space-x-2", children: [jsxs(Button, { variant: "outline", onClick: () => setIsWishlisted(!isWishlisted), className: "flex-1", children: [jsx(Heart, { className: `mr-2 h-5 w-5 ${isWishlisted ? 'fill-current text-red-500' : ''}` }), isWishlisted ? 'Wishlisted' : 'Add to Wishlist'] }), jsx(Button, { variant: "outline", onClick: handleShare, children: jsx(Share2, { className: "h-5 w-5" }) })] })] }), jsxs("div", { className: "grid grid-cols-2 gap-4 mb-8", children: [jsxs("div", { className: "flex items-center space-x-2 text-sm text-gray-600", children: [jsx(Truck, { className: "h-4 w-4 text-green-600" }), jsx("span", { children: "Free shipping" })] }), jsxs("div", { className: "flex items-center space-x-2 text-sm text-gray-600", children: [jsx(RotateCcw, { className: "h-4 w-4 text-blue-600" }), jsx("span", { children: "30-day returns" })] }), jsxs("div", { className: "flex items-center space-x-2 text-sm text-gray-600", children: [jsx(Shield, { className: "h-4 w-4 text-purple-600" }), jsx("span", { children: "2-year warranty" })] }), jsxs("div", { className: "flex items-center space-x-2 text-sm text-gray-600", children: [jsx(Check, { className: "h-4 w-4 text-green-600" }), jsx("span", { children: "Authentic product" })] })] })] })] }), jsx("div", { className: "mt-16", children: jsxs(Tabs, { value: selectedTab, onValueChange: setSelectedTab, children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "description", children: "Description" }), jsx(TabsTrigger, { value: "specifications", children: "Specifications" }), jsxs(TabsTrigger, { value: "reviews", children: ["Reviews (", reviews.length, ")"] })] }), jsx(TabsContent, { value: "description", className: "mt-8", children: jsx(Card, { children: jsxs(CardContent, { className: "p-8", children: [jsx("h3", { className: "text-xl font-semibold mb-4", children: "Product Description" }), jsxs("div", { className: "prose max-w-none", children: [jsx("p", { className: "text-gray-600 leading-relaxed mb-4", children: product.description }), jsx("p", { className: "text-gray-600 leading-relaxed", children: "This premium product offers exceptional quality and performance, designed to meet the highest standards. With advanced features and reliable construction, it's perfect for both professional and personal use." })] })] }) }) }), jsx(TabsContent, { value: "specifications", className: "mt-8", children: jsx(Card, { children: jsxs(CardContent, { className: "p-8", children: [jsx("h3", { className: "text-xl font-semibold mb-4", children: "Technical Specifications" }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Object.entries(product.specifications).map(([key, value]) => (jsxs("div", { className: "flex justify-between py-2 border-b border-gray-100", children: [jsxs("span", { className: "font-medium text-gray-900", children: [key, ":"] }), jsx("span", { className: "text-gray-600", children: value })] }, key))) })] }) }) }), jsx(TabsContent, { value: "reviews", className: "mt-8", children: jsxs("div", { className: "space-y-6", children: [jsx(Card, { children: jsx(CardContent, { className: "p-8", children: jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [jsxs("div", { children: [jsx("h3", { className: "text-xl font-semibold mb-4", children: "Customer Reviews" }), jsxs("div", { className: "flex items-center space-x-4 mb-4", children: [jsx("span", { className: "text-4xl font-bold text-gray-900", children: product.rating }), jsxs("div", { children: [jsx("div", { className: "flex items-center space-x-1 mb-1", children: [1, 2, 3, 4, 5].map((star) => (jsx(Star, { className: `h-5 w-5 ${star <= Math.floor(product.rating)
+                                                                                        ? 'text-yellow-400 fill-current'
+                                                                                        : 'text-gray-300'}` }, star))) }), jsxs("span", { className: "text-gray-600", children: ["Based on ", product.reviewCount, " reviews"] })] })] })] }), jsx("div", { children: jsx(Button, { variant: "primary", className: "w-full", children: "Write a Review" }) })] }) }) }), reviews.map((review) => (jsx(Card, { children: jsx(CardContent, { className: "p-6", children: jsxs("div", { className: "flex items-start space-x-4", children: [jsxs(Avatar, { children: [jsx(AvatarImage, { src: review.userAvatar }), jsx(AvatarFallback, { children: review.userName[0] })] }), jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [jsx("span", { className: "font-medium text-gray-900", children: review.userName }), review.verified && (jsx(Badge, { variant: "success", className: "text-xs", children: "Verified Purchase" }))] }), jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [jsx("div", { className: "flex items-center space-x-1", children: [1, 2, 3, 4, 5].map((star) => (jsx(Star, { className: `h-4 w-4 ${star <= review.rating
+                                                                                ? 'text-yellow-400 fill-current'
+                                                                                : 'text-gray-300'}` }, star))) }), jsx("span", { className: "text-sm text-gray-600", children: review.date })] }), jsx("h4", { className: "font-medium text-gray-900 mb-2", children: review.title }), jsx("p", { className: "text-gray-600 mb-4", children: review.comment }), jsx("div", { className: "flex items-center space-x-4", children: jsxs("button", { className: "flex items-center space-x-1 text-sm text-gray-600 hover:text-gray-900", children: [jsx(ThumbsUp, { className: "h-4 w-4" }), jsxs("span", { children: ["Helpful (", review.helpful, ")"] })] }) })] })] }) }) }, review.id)))] }) })] }) }), jsxs("div", { className: "mt-16", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-8", children: "Related Products" }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: relatedProducts.map((relatedProduct) => (jsxs(Card, { className: "hover:shadow-lg transition-shadow", children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-t-lg overflow-hidden", children: jsx("img", { src: relatedProduct.images[0], alt: relatedProduct.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: relatedProduct.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: [relatedProduct.rating, " (", relatedProduct.reviewCount, ")"] })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("span", { className: "text-lg font-bold text-gray-900", children: ["$", relatedProduct.price.toFixed(2)] }), jsx(Button, { size: "sm", variant: "outline", children: "View" })] })] })] }, relatedProduct.id))) })] })] }));
+};
+
+export { SingleProductView };
+//# sourceMappingURL=SingleProductView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleProductView.js","sources":["../../../src/components/Marketplace/SingleProductView.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { \n  Star, \n  Heart, \n  Share2, \n  ShoppingCart, \n  Zap, \n  Shield, \n  Truck, \n  RotateCcw,\n  ChevronLeft,\n  ChevronRight,\n  Plus,\n  Minus,\n  Check,\n  ThumbsUp\n} from 'lucide-react';\nimport { Button } from '../Button';\nimport { Card, CardHeader, CardTitle, CardContent } from '../Card';\nimport { Badge } from '../Badge';\nimport { Avatar, AvatarImage, AvatarFallback } from '../Avatar';\nimport { Input } from '../Input';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs';\nimport { showToast } from '../Toast';\nimport type { Product, Review } from './types';\nimport { sampleProducts, sampleReviews } from './data/sampleData';\n\ninterface SingleProductViewProps {\n  productId?: string;\n  onAddToCart?: (product: Product, quantity: number) => void;\n  onBuyNow?: (product: Product, quantity: number) => void;\n}\n\nexport const SingleProductView: React.FC<SingleProductViewProps> = ({\n  productId = '1',\n  onAddToCart,\n  onBuyNow,\n}) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const [quantity, setQuantity] = useState(1);\n  const [isWishlisted, setIsWishlisted] = useState(false);\n  const [selectedTab, setSelectedTab] = useState('description');\n\n  // Get product data (in real app, this would come from API)\n  const product = sampleProducts.find(p => p.id === productId) || sampleProducts[0];\n  const reviews = sampleReviews;\n  const relatedProducts = sampleProducts.slice(1, 5);\n\n  const handleAddToCart = () => {\n    onAddToCart?.(product, quantity);\n    showToast.success(`Added ${quantity} item(s) to cart!`);\n  };\n\n  const handleBuyNow = () => {\n    onBuyNow?.(product, quantity);\n    showToast.info('Redirecting to checkout...');\n  };\n\n  const handleShare = () => {\n    navigator.clipboard.writeText(window.location.href);\n    showToast.success('Product link copied to clipboard!');\n  };\n\n  const nextImage = () => {\n    setSelectedImageIndex((prev) => \n      prev === product.images.length - 1 ? 0 : prev + 1\n    );\n  };\n\n  const prevImage = () => {\n    setSelectedImageIndex((prev) => \n      prev === 0 ? product.images.length - 1 : prev - 1\n    );\n  };\n\n  return (\n    <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n      {/* Breadcrumb */}\n      <nav className=\"flex items-center space-x-2 text-sm text-gray-600 mb-8\">\n        <a href=\"/\" className=\"hover:text-primary-600\">Home</a>\n        <span>/</span>\n        <a href=\"/products\" className=\"hover:text-primary-600\">Products</a>\n        <span>/</span>\n        <a href={`/category/${product.category.toLowerCase()}`} className=\"hover:text-primary-600\">\n          {product.category}\n        </a>\n        <span>/</span>\n        <span className=\"text-gray-900\">{product.name}</span>\n      </nav>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n        {/* Product Images */}\n        <div>\n          {/* Main Image */}\n          <div className=\"relative aspect-square bg-gray-100 rounded-lg overflow-hidden mb-4\">\n            <img\n              src={product.images[selectedImageIndex]}\n              alt={product.name}\n              className=\"w-full h-full object-cover\"\n            />\n            {product.images.length > 1 && (\n              <>\n                <button\n                  onClick={prevImage}\n                  className=\"absolute left-4 top-1/2 transform -translate-y-1/2 bg-white/80 hover:bg-white rounded-full p-2 shadow-lg transition-colors\"\n                >\n                  <ChevronLeft className=\"h-5 w-5\" />\n                </button>\n                <button\n                  onClick={nextImage}\n                  className=\"absolute right-4 top-1/2 transform -translate-y-1/2 bg-white/80 hover:bg-white rounded-full p-2 shadow-lg transition-colors\"\n                >\n                  <ChevronRight className=\"h-5 w-5\" />\n                </button>\n              </>\n            )}\n            {product.discount && (\n              <Badge variant=\"danger\" className=\"absolute top-4 left-4\">\n                -{product.discount}%\n              </Badge>\n            )}\n          </div>\n\n          {/* Thumbnail Images */}\n          {product.images.length > 1 && (\n            <div className=\"flex space-x-2 overflow-x-auto\">\n              {product.images.map((image, index) => (\n                <button\n                  key={index}\n                  onClick={() => setSelectedImageIndex(index)}\n                  className={`flex-shrink-0 w-20 h-20 rounded-lg overflow-hidden border-2 transition-colors ${\n                    selectedImageIndex === index\n                      ? 'border-primary-500'\n                      : 'border-gray-200 hover:border-gray-300'\n                  }`}\n                >\n                  <img\n                    src={image}\n                    alt={`${product.name} ${index + 1}`}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Product Details */}\n        <div>\n          {/* Vendor */}\n          <div className=\"flex items-center space-x-2 mb-4\">\n            <span className=\"text-sm text-gray-600\">Sold by</span>\n            <div className=\"flex items-center space-x-2\">\n              {product.vendor.logo && (\n                <Avatar size=\"sm\">\n                  <AvatarImage src={product.vendor.logo} />\n                  <AvatarFallback>{product.vendor.name[0]}</AvatarFallback>\n                </Avatar>\n              )}\n              <span className=\"font-medium text-primary-600\">{product.vendor.name}</span>\n              <div className=\"flex items-center space-x-1\">\n                <Star className=\"h-4 w-4 text-yellow-400 fill-current\" />\n                <span className=\"text-sm text-gray-600\">{product.vendor.rating}</span>\n              </div>\n            </div>\n          </div>\n\n          {/* Product Title */}\n          <h1 className=\"text-3xl font-bold text-gray-900 mb-4\">{product.name}</h1>\n\n          {/* Rating and Reviews */}\n          <div className=\"flex items-center space-x-4 mb-6\">\n            <div className=\"flex items-center space-x-1\">\n              {[1, 2, 3, 4, 5].map((star) => (\n                <Star\n                  key={star}\n                  className={`h-5 w-5 ${\n                    star <= Math.floor(product.rating)\n                      ? 'text-yellow-400 fill-current'\n                      : 'text-gray-300'\n                  }`}\n                />\n              ))}\n              <span className=\"text-lg font-medium text-gray-900 ml-2\">\n                {product.rating}\n              </span>\n            </div>\n            <span className=\"text-gray-600\">({product.reviewCount} reviews)</span>\n            <Badge variant={product.inStock ? 'success' : 'danger'}>\n              {product.inStock ? 'In Stock' : 'Out of Stock'}\n            </Badge>\n          </div>\n\n          {/* Price */}\n          <div className=\"mb-6\">\n            <div className=\"flex items-center space-x-3\">\n              <span className=\"text-3xl font-bold text-gray-900\">\n                ${product.price.toFixed(2)}\n              </span>\n              {product.originalPrice && (\n                <span className=\"text-xl text-gray-500 line-through\">\n                  ${product.originalPrice.toFixed(2)}\n                </span>\n              )}\n              {product.discount && (\n                <Badge variant=\"danger\">Save {product.discount}%</Badge>\n              )}\n            </div>\n          </div>\n\n          {/* Description */}\n          <p className=\"text-gray-600 mb-6 leading-relaxed\">{product.description}</p>\n\n          {/* Quantity and Actions */}\n          <div className=\"space-y-4 mb-8\">\n            <div className=\"flex items-center space-x-4\">\n              <span className=\"font-medium text-gray-900\">Quantity:</span>\n              <div className=\"flex items-center border border-gray-300 rounded-lg\">\n                <button\n                  onClick={() => setQuantity(Math.max(1, quantity - 1))}\n                  className=\"p-2 hover:bg-gray-50 transition-colors\"\n                  disabled={quantity <= 1}\n                >\n                  <Minus className=\"h-4 w-4\" />\n                </button>\n                <Input\n                  type=\"number\"\n                  value={quantity}\n                  onChange={(e) => setQuantity(Math.max(1, parseInt(e.target.value) || 1))}\n                  className=\"w-16 text-center border-0 focus:ring-0\"\n                  min=\"1\"\n                />\n                <button\n                  onClick={() => setQuantity(quantity + 1)}\n                  className=\"p-2 hover:bg-gray-50 transition-colors\"\n                >\n                  <Plus className=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n\n            <div className=\"flex space-x-4\">\n              <Button\n                variant=\"primary\"\n                size=\"lg\"\n                onClick={handleAddToCart}\n                disabled={!product.inStock}\n                className=\"flex-1\"\n              >\n                <ShoppingCart className=\"mr-2 h-5 w-5\" />\n                Add to Cart\n              </Button>\n              <Button\n                variant=\"secondary\"\n                size=\"lg\"\n                onClick={handleBuyNow}\n                disabled={!product.inStock}\n                className=\"flex-1\"\n              >\n                <Zap className=\"mr-2 h-5 w-5\" />\n                Buy Now\n              </Button>\n            </div>\n\n            <div className=\"flex space-x-2\">\n              <Button\n                variant=\"outline\"\n                onClick={() => setIsWishlisted(!isWishlisted)}\n                className=\"flex-1\"\n              >\n                <Heart className={`mr-2 h-5 w-5 ${isWishlisted ? 'fill-current text-red-500' : ''}`} />\n                {isWishlisted ? 'Wishlisted' : 'Add to Wishlist'}\n              </Button>\n              <Button variant=\"outline\" onClick={handleShare}>\n                <Share2 className=\"h-5 w-5\" />\n              </Button>\n            </div>\n          </div>\n\n          {/* Features */}\n          <div className=\"grid grid-cols-2 gap-4 mb-8\">\n            <div className=\"flex items-center space-x-2 text-sm text-gray-600\">\n              <Truck className=\"h-4 w-4 text-green-600\" />\n              <span>Free shipping</span>\n            </div>\n            <div className=\"flex items-center space-x-2 text-sm text-gray-600\">\n              <RotateCcw className=\"h-4 w-4 text-blue-600\" />\n              <span>30-day returns</span>\n            </div>\n            <div className=\"flex items-center space-x-2 text-sm text-gray-600\">\n              <Shield className=\"h-4 w-4 text-purple-600\" />\n              <span>2-year warranty</span>\n            </div>\n            <div className=\"flex items-center space-x-2 text-sm text-gray-600\">\n              <Check className=\"h-4 w-4 text-green-600\" />\n              <span>Authentic product</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Product Details Tabs */}\n      <div className=\"mt-16\">\n        <Tabs value={selectedTab} onValueChange={setSelectedTab}>\n          <TabsList>\n            <TabsTrigger value=\"description\">Description</TabsTrigger>\n            <TabsTrigger value=\"specifications\">Specifications</TabsTrigger>\n            <TabsTrigger value=\"reviews\">Reviews ({reviews.length})</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"description\" className=\"mt-8\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <h3 className=\"text-xl font-semibold mb-4\">Product Description</h3>\n                <div className=\"prose max-w-none\">\n                  <p className=\"text-gray-600 leading-relaxed mb-4\">\n                    {product.description}\n                  </p>\n                  <p className=\"text-gray-600 leading-relaxed\">\n                    This premium product offers exceptional quality and performance, \n                    designed to meet the highest standards. With advanced features and \n                    reliable construction, it's perfect for both professional and personal use.\n                  </p>\n                </div>\n              </CardContent>\n            </Card>\n          </TabsContent>\n\n          <TabsContent value=\"specifications\" className=\"mt-8\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <h3 className=\"text-xl font-semibold mb-4\">Technical Specifications</h3>\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  {Object.entries(product.specifications).map(([key, value]) => (\n                    <div key={key} className=\"flex justify-between py-2 border-b border-gray-100\">\n                      <span className=\"font-medium text-gray-900\">{key}:</span>\n                      <span className=\"text-gray-600\">{value}</span>\n                    </div>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          </TabsContent>\n\n          <TabsContent value=\"reviews\" className=\"mt-8\">\n            <div className=\"space-y-6\">\n              {/* Reviews Summary */}\n              <Card>\n                <CardContent className=\"p-8\">\n                  <div className=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <div>\n                      <h3 className=\"text-xl font-semibold mb-4\">Customer Reviews</h3>\n                      <div className=\"flex items-center space-x-4 mb-4\">\n                        <span className=\"text-4xl font-bold text-gray-900\">\n                          {product.rating}\n                        </span>\n                        <div>\n                          <div className=\"flex items-center space-x-1 mb-1\">\n                            {[1, 2, 3, 4, 5].map((star) => (\n                              <Star\n                                key={star}\n                                className={`h-5 w-5 ${\n                                  star <= Math.floor(product.rating)\n                                    ? 'text-yellow-400 fill-current'\n                                    : 'text-gray-300'\n                                }`}\n                              />\n                            ))}\n                          </div>\n                          <span className=\"text-gray-600\">\n                            Based on {product.reviewCount} reviews\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                    <div>\n                      <Button variant=\"primary\" className=\"w-full\">\n                        Write a Review\n                      </Button>\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n\n              {/* Individual Reviews */}\n              {reviews.map((review) => (\n                <Card key={review.id}>\n                  <CardContent className=\"p-6\">\n                    <div className=\"flex items-start space-x-4\">\n                      <Avatar>\n                        <AvatarImage src={review.userAvatar} />\n                        <AvatarFallback>{review.userName[0]}</AvatarFallback>\n                      </Avatar>\n                      <div className=\"flex-1\">\n                        <div className=\"flex items-center space-x-2 mb-2\">\n                          <span className=\"font-medium text-gray-900\">{review.userName}</span>\n                          {review.verified && (\n                            <Badge variant=\"success\" className=\"text-xs\">\n                              Verified Purchase\n                            </Badge>\n                          )}\n                        </div>\n                        <div className=\"flex items-center space-x-2 mb-2\">\n                          <div className=\"flex items-center space-x-1\">\n                            {[1, 2, 3, 4, 5].map((star) => (\n                              <Star\n                                key={star}\n                                className={`h-4 w-4 ${\n                                  star <= review.rating\n                                    ? 'text-yellow-400 fill-current'\n                                    : 'text-gray-300'\n                                }`}\n                              />\n                            ))}\n                          </div>\n                          <span className=\"text-sm text-gray-600\">{review.date}</span>\n                        </div>\n                        <h4 className=\"font-medium text-gray-900 mb-2\">{review.title}</h4>\n                        <p className=\"text-gray-600 mb-4\">{review.comment}</p>\n                        <div className=\"flex items-center space-x-4\">\n                          <button className=\"flex items-center space-x-1 text-sm text-gray-600 hover:text-gray-900\">\n                            <ThumbsUp className=\"h-4 w-4\" />\n                            <span>Helpful ({review.helpful})</span>\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          </TabsContent>\n        </Tabs>\n      </div>\n\n      {/* Related Products */}\n      <div className=\"mt-16\">\n        <h2 className=\"text-2xl font-bold text-gray-900 mb-8\">Related Products</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n          {relatedProducts.map((relatedProduct) => (\n            <Card key={relatedProduct.id} className=\"hover:shadow-lg transition-shadow\">\n              <div className=\"aspect-square bg-gray-100 rounded-t-lg overflow-hidden\">\n                <img\n                  src={relatedProduct.images[0]}\n                  alt={relatedProduct.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                  {relatedProduct.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                    {relatedProduct.rating} ({relatedProduct.reviewCount})\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-lg font-bold text-gray-900\">\n                    ${relatedProduct.price.toFixed(2)}\n                  </span>\n                  <Button size=\"sm\" variant=\"outline\">\n                    View\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/components/Marketplace/data/sampleData.d.ts

@@ -0,0 +1,3 @@
+import { Product, Review } from '../types';
+export declare const sampleProducts: Product[];
+export declare const sampleReviews: Review[];

package/dist/components/Marketplace/data/sampleData.js

@@ -0,0 +1,153 @@
+// Sample product data for demonstration
+const sampleProducts = [
+    {
+        id: '1',
+        name: 'Premium Wireless Headphones',
+        description: 'High-quality wireless headphones with active noise cancellation and 30-hour battery life.',
+        price: 299.99,
+        originalPrice: 399.99,
+        discount: 25,
+        images: [
+            'https://images.pexels.com/photos/3394650/pexels-photo-3394650.jpeg?auto=compress&cs=tinysrgb&w=800',
+            'https://images.pexels.com/photos/1649771/pexels-photo-1649771.jpeg?auto=compress&cs=tinysrgb&w=800',
+            'https://images.pexels.com/photos/1649772/pexels-photo-1649772.jpeg?auto=compress&cs=tinysrgb&w=800',
+        ],
+        category: 'Electronics',
+        brand: 'AudioTech',
+        rating: 4.5,
+        reviewCount: 128,
+        inStock: true,
+        specifications: {
+            'Battery Life': '30 hours',
+            'Connectivity': 'Bluetooth 5.0',
+            'Weight': '250g',
+            'Noise Cancellation': 'Active',
+            'Warranty': '2 years',
+        },
+        tags: ['wireless', 'noise-cancelling', 'premium'],
+        vendor: {
+            id: 'v1',
+            name: 'AudioTech Store',
+            rating: 4.8,
+            logo: 'https://images.pexels.com/photos/1649771/pexels-photo-1649771.jpeg?auto=compress&cs=tinysrgb&w=64',
+        },
+    },
+    {
+        id: '2',
+        name: 'Smart Fitness Watch',
+        description: 'Advanced fitness tracking with heart rate monitoring, GPS, and 7-day battery life.',
+        price: 199.99,
+        images: [
+            'https://images.pexels.com/photos/437037/pexels-photo-437037.jpeg?auto=compress&cs=tinysrgb&w=800',
+            'https://images.pexels.com/photos/437038/pexels-photo-437038.jpeg?auto=compress&cs=tinysrgb&w=800',
+        ],
+        category: 'Wearables',
+        brand: 'FitTech',
+        rating: 4.3,
+        reviewCount: 89,
+        inStock: true,
+        specifications: {
+            'Battery Life': '7 days',
+            'Display': '1.4" AMOLED',
+            'Water Resistance': '5ATM',
+            'GPS': 'Built-in',
+            'Sensors': 'Heart Rate, SpO2, Accelerometer',
+        },
+        tags: ['fitness', 'smartwatch', 'gps'],
+        vendor: {
+            id: 'v2',
+            name: 'FitTech Official',
+            rating: 4.6,
+        },
+    },
+    {
+        id: '3',
+        name: 'Professional Camera Lens',
+        description: '85mm f/1.4 portrait lens with exceptional image quality and beautiful bokeh.',
+        price: 899.99,
+        images: [
+            'https://images.pexels.com/photos/90946/pexels-photo-90946.jpeg?auto=compress&cs=tinysrgb&w=800',
+        ],
+        category: 'Photography',
+        brand: 'LensMaster',
+        rating: 4.8,
+        reviewCount: 45,
+        inStock: false,
+        specifications: {
+            'Focal Length': '85mm',
+            'Aperture': 'f/1.4',
+            'Mount': 'Canon EF',
+            'Weight': '950g',
+            'Filter Size': '77mm',
+        },
+        tags: ['portrait', 'professional', 'bokeh'],
+        vendor: {
+            id: 'v3',
+            name: 'Camera World',
+            rating: 4.9,
+        },
+    },
+    // Add more sample products...
+    ...Array.from({ length: 20 }, (_, i) => ({
+        id: `${i + 4}`,
+        name: `Product ${i + 4}`,
+        description: `Description for product ${i + 4}`,
+        price: Math.floor(Math.random() * 500) + 50,
+        images: [`https://images.pexels.com/photos/${1000000 + i}/pexels-photo-${1000000 + i}.jpeg?auto=compress&cs=tinysrgb&w=800`],
+        category: ['Electronics', 'Clothing', 'Home', 'Sports'][Math.floor(Math.random() * 4)],
+        brand: ['Brand A', 'Brand B', 'Brand C'][Math.floor(Math.random() * 3)],
+        rating: Math.round((Math.random() * 2 + 3) * 10) / 10,
+        reviewCount: Math.floor(Math.random() * 200) + 10,
+        inStock: Math.random() > 0.2,
+        specifications: {
+            'Feature 1': 'Value 1',
+            'Feature 2': 'Value 2',
+        },
+        tags: ['tag1', 'tag2'],
+        vendor: {
+            id: `v${i + 4}`,
+            name: `Vendor ${i + 4}`,
+            rating: Math.round((Math.random() * 1 + 4) * 10) / 10,
+        },
+    })),
+];
+const sampleReviews = [
+    {
+        id: '1',
+        userId: 'u1',
+        userName: 'John Smith',
+        userAvatar: 'https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64',
+        rating: 5,
+        title: 'Excellent quality!',
+        comment: 'These headphones exceeded my expectations. The sound quality is amazing and the noise cancellation works perfectly.',
+        date: '2024-01-15',
+        helpful: 12,
+        verified: true,
+    },
+    {
+        id: '2',
+        userId: 'u2',
+        userName: 'Sarah Johnson',
+        userAvatar: 'https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?auto=compress&cs=tinysrgb&w=64',
+        rating: 4,
+        title: 'Great value for money',
+        comment: 'Good headphones for the price. Battery life is as advertised and they are comfortable to wear.',
+        date: '2024-01-10',
+        helpful: 8,
+        verified: true,
+    },
+    {
+        id: '3',
+        userId: 'u3',
+        userName: 'Mike Wilson',
+        rating: 5,
+        title: 'Perfect for work',
+        comment: 'Use these daily for work calls and music. The noise cancellation is a game changer in the office.',
+        date: '2024-01-05',
+        helpful: 15,
+        verified: false,
+    },
+];
+
+export { sampleProducts, sampleReviews };
+//# sourceMappingURL=sampleData.js.map