@beyondcorp/beyond-ui 1.1.77 → 1.1.81

package/dist/components/AllProductsView/AllProductsView.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
 import { ProductData } from '../SingleProductView/SingleProductView';
+/**
+ * AllProductsView
+ * - Renders a responsive product grid using DashboardGrid.
+ * - By default, uses 1 column (sm), 2 columns (md), and 4 columns (lg/xl/2xl) for optimal card sizing.
+ * - UI library consumers can override the number of columns via the `columns` prop.
+ * - Ensures ProductCard maintains a usable min/max width for visual consistency.
+ * - All logic is theme-agnostic and leverages reusable hooks/components.
+ */
 export interface AllProductsViewProps {
     products: ProductData[];
     onProductClick?: (productId: string) => void;
@@ -10,5 +18,6 @@ export interface AllProductsViewProps {
     enableFilter?: boolean;
     enableSort?: boolean;
     className?: string;
+    columns?: number;
 }
 export declare const AllProductsView: React.FC<AllProductsViewProps>;

package/dist/components/AllProductsView/AllProductsView.js

@@ -16,13 +16,26 @@ import { cn } from '../../utils/cn.js';
 import { ProductCard } from './ProductCard.js';
 import { DashboardGrid } from '../DashboardGrid/DashboardGrid.js';
 
-const AllProductsView = ({ products, onProductClick, onAddToCart, onWishlist, onShare, enableSearch = true, enableFilter = true, enableSort = true, className, }) => {
+const AllProductsView = ({ products, onProductClick, onAddToCart, onWishlist, onShare, enableSearch = true, enableFilter = true, enableSort = true, className, columns, }) => {
     const [search, setSearch] = useState('');
     const debouncedSearch = useDebounce(search, 300);
     const [sort, setSort] = useState('featured');
     const [filter, setFilter] = useState('all');
     const { currentBreakpoint, isBelow } = useBreakpoint();
     isBelow('md');
+    // Responsive columns logic
+    const allowedColumns = [1, 2, 3, 4, 6, 12];
+    const defaultColumns = (() => {
+        if (isBelow('md'))
+            return 1;
+        if (isBelow('lg'))
+            return 2;
+        return 4; // lg, xl, 2xl
+    })();
+    // Ensure columns is one of allowed values
+    const gridColumns = (allowedColumns.includes(columns)
+        ? columns
+        : defaultColumns);
     // Filter and sort products
     const filteredProducts = useMemo(() => {
         let result = products;
@@ -54,7 +67,7 @@ const AllProductsView = ({ products, onProductClick, onAddToCart, onWishlist, on
                                         { value: 'featured', label: 'Featured' },
                                         { value: 'price-asc', label: 'Price: Low to High' },
                                         { value: 'price-desc', label: 'Price: High to Low' },
-                                    ], className: "w-full sm:w-40" }))] }) }) }) }), jsx(PageLayoutContent, { layout: "centered", spacing: "lg", children: jsx(DashboardGrid, { columns: 3, children: filteredProducts.length === 0 ? (jsx("div", { className: "col-span-full text-center text-gray-500 py-12", children: "No products found." })) : (filteredProducts.map((product) => (jsx(ProductCard, { product: product, onClick: () => onProductClick && onProductClick(product.id), onAddToCart: () => onAddToCart && onAddToCart(product.id), onWishlist: () => onWishlist && onWishlist(product.id), onShare: () => onShare && onShare(product.id) }, product.id)))) }) })] }));
+                                    ], className: "w-full sm:w-40" }))] }) }) }) }), jsx(PageLayoutContent, { layout: "centered", spacing: "lg", children: jsx(DashboardGrid, { columns: gridColumns, children: filteredProducts.length === 0 ? (jsx("div", { className: "col-span-full text-center text-gray-500 py-12", children: "No products found." })) : (filteredProducts.map((product) => (jsx(ProductCard, { product: product, onClick: () => onProductClick && onProductClick(product.id), onAddToCart: () => onAddToCart && onAddToCart(product.id), onWishlist: () => onWishlist && onWishlist(product.id), onShare: () => onShare && onShare(product.id) }, product.id)))) }) })] }));
 };
 
 export { AllProductsView };

package/dist/components/AllProductsView/AllProductsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsView.js","sources":["../../../src/components/AllProductsView/AllProductsView.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\nimport { PageLayout, PageHeader, PageLayoutContent } from '../PageLayout';\r\nimport { Input } from '../Input';\r\nimport { Select } from '../Select';\r\nimport { useDebounce } from '../../hooks/useDebounce';\r\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\r\nimport { cn } from '../../utils/cn';\r\nimport { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { ProductCard } from './ProductCard';\r\nimport { DashboardGrid } from '../DashboardGrid/DashboardGrid';\r\n\r\nexport interface AllProductsViewProps {\r\n  products: ProductData[];\r\n  onProductClick?: (productId: string) => void;\r\n  onAddToCart?: (productId: string) => void;\r\n  onWishlist?: (productId: string) => void;\r\n  onShare?: (productId: string) => void;\r\n  enableSearch?: boolean;\r\n  enableFilter?: boolean;\r\n  enableSort?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const AllProductsView: React.FC<AllProductsViewProps> = ({\r\n  products,\r\n  onProductClick,\r\n  onAddToCart,\r\n  onWishlist,\r\n  onShare,\r\n  enableSearch = true,\r\n  enableFilter = true,\r\n  enableSort = true,\r\n  className,\r\n}) => {\r\n  const [search, setSearch] = useState('');\r\n  const debouncedSearch = useDebounce(search, 300);\r\n  const [sort, setSort] = useState('featured');\r\n  const [filter, setFilter] = useState('all');\r\n  const { currentBreakpoint, isBelow } = useBreakpoint();\r\n  const isMobile = isBelow('md');\r\n\r\n  // Filter and sort products\r\n  const filteredProducts = useMemo(() => {\r\n    let result = products;\r\n    if (debouncedSearch) {\r\n      result = result.filter((p) =>\r\n        p.name.toLowerCase().includes(debouncedSearch.toLowerCase())\r\n      );\r\n    }\r\n    if (filter !== 'all') {\r\n      result = result.filter((p) =>\r\n        p.colors?.includes(filter)\r\n      );\r\n    }\r\n    if (sort === 'price-asc') {\r\n      result = [...result].sort((a, b) => a.price - b.price);\r\n    } else if (sort === 'price-desc') {\r\n      result = [...result].sort((a, b) => b.price - a.price);\r\n    }\r\n    // Default: featured (no sort)\r\n    return result;\r\n  }, [products, debouncedSearch, filter, sort]);\r\n\r\n  // Collect all colors for filter options\r\n  const allColors = useMemo(() => {\r\n    const colorSet = new Set<string>();\r\n    products.forEach((p) => p.colors?.forEach((c) => colorSet.add(c)));\r\n    return Array.from(colorSet);\r\n  }, [products]);\r\n\r\n  return (\r\n    <PageLayout variant=\"centered\" maxWidth=\"xl\" className={cn(className)}>\r\n      <PageHeader>\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2 md:gap-4 h-auto md:h-16\">\r\n            {/* <span className=\"font-bold text-xl\">Marketplace</span> */}\r\n            <div className=\"flex flex-col sm:flex-row gap-2 sm:gap-4 w-full md:w-auto\">\r\n              {enableSearch && (\r\n                <Input\r\n                  placeholder=\"Search products...\"\r\n                  value={search}\r\n                  onChange={(e) => setSearch(e.target.value)}\r\n                  className=\"w-full sm:w-64\"\r\n                />\r\n              )}\r\n              {enableFilter && (\r\n                <Select\r\n                  value={filter}\r\n                  onChange={e => setFilter(e.target.value)}\r\n                  options={[\r\n                    { value: 'all', label: 'All Colors' },\r\n                    ...allColors.map((c) => ({ value: c, label: c })),\r\n                  ]}\r\n                  className=\"w-full sm:w-32\"\r\n                />\r\n              )}\r\n              {enableSort && (\r\n                <Select\r\n                  value={sort}\r\n                  onChange={e => setSort(e.target.value)}\r\n                  options={[\r\n                    { value: 'featured', label: 'Featured' },\r\n                    { value: 'price-asc', label: 'Price: Low to High' },\r\n                    { value: 'price-desc', label: 'Price: High to Low' },\r\n                  ]}\r\n                  className=\"w-full sm:w-40\"\r\n                />\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </PageHeader>\r\n\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        <DashboardGrid columns={3}>\r\n          {filteredProducts.length === 0 ? (\r\n            <div className=\"col-span-full text-center text-gray-500 py-12\">\r\n              No products found.\r\n            </div>\r\n          ) : (\r\n            filteredProducts.map((product) => (\r\n              <ProductCard\r\n                key={product.id}\r\n                product={product}\r\n                onClick={() => onProductClick && onProductClick(product.id)}\r\n                onAddToCart={() => onAddToCart && onAddToCart(product.id)}\r\n                onWishlist={() => onWishlist && onWishlist(product.id)}\r\n                onShare={() => onShare && onShare(product.id)}\r\n              />\r\n            ))\r\n          )}\r\n        </DashboardGrid>\r\n      </PageLayoutContent>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"AllProductsView.js","sources":["../../../src/components/AllProductsView/AllProductsView.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\nimport { PageLayout, PageHeader, PageLayoutContent } from '../PageLayout';\r\nimport { Input } from '../Input';\r\nimport { Select } from '../Select';\r\nimport { useDebounce } from '../../hooks/useDebounce';\r\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\r\nimport { cn } from '../../utils/cn';\r\nimport { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { ProductCard } from './ProductCard';\r\nimport { DashboardGrid } from '../DashboardGrid/DashboardGrid';\r\n\r\n/**\r\n * AllProductsView\r\n * - Renders a responsive product grid using DashboardGrid.\r\n * - By default, uses 1 column (sm), 2 columns (md), and 4 columns (lg/xl/2xl) for optimal card sizing.\r\n * - UI library consumers can override the number of columns via the `columns` prop.\r\n * - Ensures ProductCard maintains a usable min/max width for visual consistency.\r\n * - All logic is theme-agnostic and leverages reusable hooks/components.\r\n */\r\nexport interface AllProductsViewProps {\r\n  products: ProductData[];\r\n  onProductClick?: (productId: string) => void;\r\n  onAddToCart?: (productId: string) => void;\r\n  onWishlist?: (productId: string) => void;\r\n  onShare?: (productId: string) => void;\r\n  enableSearch?: boolean;\r\n  enableFilter?: boolean;\r\n  enableSort?: boolean;\r\n  className?: string;\r\n  columns?: number; // Allows consumer to override grid columns\r\n}\r\n\r\nexport const AllProductsView: React.FC<AllProductsViewProps> = ({\r\n  products,\r\n  onProductClick,\r\n  onAddToCart,\r\n  onWishlist,\r\n  onShare,\r\n  enableSearch = true,\r\n  enableFilter = true,\r\n  enableSort = true,\r\n  className,\r\n  columns,\r\n}) => {\r\n  const [search, setSearch] = useState('');\r\n  const debouncedSearch = useDebounce(search, 300);\r\n  const [sort, setSort] = useState('featured');\r\n  const [filter, setFilter] = useState('all');\r\n  const { currentBreakpoint, isBelow } = useBreakpoint();\r\n  const isMobile = isBelow('md');\r\n\r\n  // Responsive columns logic\r\n  const allowedColumns = [1, 2, 3, 4, 6, 12] as const;\r\n  const defaultColumns = (() => {\r\n    if (isBelow('md')) return 1;\r\n    if (isBelow('lg')) return 2;\r\n    return 4; // lg, xl, 2xl\r\n  })();\r\n  // Ensure columns is one of allowed values\r\n  const gridColumns = (allowedColumns.includes(columns as any)\r\n    ? columns\r\n    : defaultColumns) as 1 | 2 | 3 | 4 | 6 | 12;\r\n\r\n  // Filter and sort products\r\n  const filteredProducts = useMemo(() => {\r\n    let result = products;\r\n    if (debouncedSearch) {\r\n      result = result.filter((p) =>\r\n        p.name.toLowerCase().includes(debouncedSearch.toLowerCase())\r\n      );\r\n    }\r\n    if (filter !== 'all') {\r\n      result = result.filter((p) =>\r\n        p.colors?.includes(filter)\r\n      );\r\n    }\r\n    if (sort === 'price-asc') {\r\n      result = [...result].sort((a, b) => a.price - b.price);\r\n    } else if (sort === 'price-desc') {\r\n      result = [...result].sort((a, b) => b.price - a.price);\r\n    }\r\n    // Default: featured (no sort)\r\n    return result;\r\n  }, [products, debouncedSearch, filter, sort]);\r\n\r\n  // Collect all colors for filter options\r\n  const allColors = useMemo(() => {\r\n    const colorSet = new Set<string>();\r\n    products.forEach((p) => p.colors?.forEach((c) => colorSet.add(c)));\r\n    return Array.from(colorSet);\r\n  }, [products]);\r\n\r\n  return (\r\n    <PageLayout variant=\"centered\" maxWidth=\"xl\" className={cn(className)}>\r\n      <PageHeader>\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2 md:gap-4 h-auto md:h-16\">\r\n            {/* <span className=\"font-bold text-xl\">Marketplace</span> */}\r\n            <div className=\"flex flex-col sm:flex-row gap-2 sm:gap-4 w-full md:w-auto\">\r\n              {enableSearch && (\r\n                <Input\r\n                  placeholder=\"Search products...\"\r\n                  value={search}\r\n                  onChange={(e) => setSearch(e.target.value)}\r\n                  className=\"w-full sm:w-64\"\r\n                />\r\n              )}\r\n              {enableFilter && (\r\n                <Select\r\n                  value={filter}\r\n                  onChange={e => setFilter(e.target.value)}\r\n                  options={[\r\n                    { value: 'all', label: 'All Colors' },\r\n                    ...allColors.map((c) => ({ value: c, label: c })),\r\n                  ]}\r\n                  className=\"w-full sm:w-32\"\r\n                />\r\n              )}\r\n              {enableSort && (\r\n                <Select\r\n                  value={sort}\r\n                  onChange={e => setSort(e.target.value)}\r\n                  options={[\r\n                    { value: 'featured', label: 'Featured' },\r\n                    { value: 'price-asc', label: 'Price: Low to High' },\r\n                    { value: 'price-desc', label: 'Price: High to Low' },\r\n                  ]}\r\n                  className=\"w-full sm:w-40\"\r\n                />\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </PageHeader>\r\n\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        <DashboardGrid columns={gridColumns}>\r\n          {filteredProducts.length === 0 ? (\r\n            <div className=\"col-span-full text-center text-gray-500 py-12\">\r\n              No products found.\r\n            </div>\r\n          ) : (\r\n            filteredProducts.map((product) => (\r\n              <ProductCard\r\n                key={product.id}\r\n                product={product}\r\n                onClick={() => onProductClick && onProductClick(product.id)}\r\n                onAddToCart={() => onAddToCart && onAddToCart(product.id)}\r\n                onWishlist={() => onWishlist && onWishlist(product.id)}\r\n                onShare={() => onShare && onShare(product.id)}\r\n              />\r\n            ))\r\n          )}\r\n        </DashboardGrid>\r\n      </PageLayoutContent>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/MarketplaceLayout/MarketplaceLayout.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 import type { CartItem } from '../Checkout/types';
 import type { ProductData } from '../SingleProductView/SingleProductView';
+/**
+ * MarketplaceLayout
+ * - Provides a full marketplace page layout with header, sidebar, product grid, and checkout sidebar.
+ * - Accepts a `columns` prop, which is passed to AllProductsView to control the number of product grid columns.
+ * - By default, AllProductsView uses responsive logic (1/2/4 columns), but consumers can override for their use case.
+ * - All layout and sizing logic is theme-agnostic and leverages reusable components.
+ */
 export interface MarketplaceLayoutProps {
     products: ProductData[];
     cartItems: CartItem[];
@@ -13,5 +20,6 @@ export interface MarketplaceLayoutProps {
     selectedProduct?: ProductData | null;
     children?: React.ReactNode;
     className?: string;
+    columns?: number;
 }
 export declare const MarketplaceLayout: React.FC<MarketplaceLayoutProps>;

package/dist/components/MarketplaceLayout/MarketplaceLayout.js

@@ -14,8 +14,8 @@ import { AllProductsView } from '../AllProductsView/AllProductsView.js';
 import { CheckoutSidebar } from '../Checkout/CheckoutSidebar.js';
 import { cn } from '../../utils/cn.js';
 
-const MarketplaceLayout = ({ products, cartItems, cartOpen, onCartOpenChange, onProductClick, onAddToCart, onRemoveFromCart, onProceedToCheckout, selectedProduct, children, className, }) => {
-    return (jsxs(PageLayout, { variant: "centered", maxWidth: "xl", className: cn(className), children: [jsx(PageHeader, { children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center h-16", children: jsx("span", { className: "font-bold text-xl", children: "Marketplace" }) }) }), jsxs(PageLayoutContent, { layout: "centered", spacing: "lg", children: [!selectedProduct && (jsx("div", { className: "w-full mb-4", children: jsx(CommerceSidebar, { products: products, onProductClick: onProductClick, onAddToCart: onAddToCart }) })), jsxs("div", { className: "flex flex-col lg:flex-row gap-8", children: [jsx("main", { className: "flex-1", children: children ? (children) : (jsx(AllProductsView, { products: products, onProductClick: onProductClick, onAddToCart: onAddToCart })) }), jsx("div", { className: "w-full lg:w-[340px] xl:w-[400px] shrink-0", children: jsx(CheckoutSidebar, { cartItems: cartItems, open: typeof cartOpen === 'boolean' ? cartOpen : true, onOpenChange: onCartOpenChange || (() => { }), onRemoveItem: onRemoveFromCart, onProceedToCheckout: onProceedToCheckout }) })] })] })] }));
+const MarketplaceLayout = ({ products, cartItems, cartOpen, onCartOpenChange, onProductClick, onAddToCart, onRemoveFromCart, onProceedToCheckout, selectedProduct, children, className, columns, }) => {
+    return (jsxs(PageLayout, { variant: "centered", maxWidth: "xl", className: cn(className), children: [jsx(PageHeader, { children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center h-16", children: jsx("span", { className: "font-bold text-xl", children: "Marketplace" }) }) }), jsxs(PageLayoutContent, { layout: "centered", spacing: "lg", children: [!selectedProduct && (jsx("div", { className: "w-full mb-4", children: jsx(CommerceSidebar, { products: products, onProductClick: onProductClick, onAddToCart: onAddToCart }) })), jsxs("div", { className: "flex flex-col lg:flex-row gap-8", children: [jsx("main", { className: "flex-1", children: children ? (children) : (jsx(AllProductsView, { products: products, onProductClick: onProductClick, onAddToCart: onAddToCart, columns: columns })) }), jsx("div", { className: "w-full lg:w-[340px] xl:w-[400px] shrink-0", children: jsx(CheckoutSidebar, { cartItems: cartItems, open: typeof cartOpen === 'boolean' ? cartOpen : true, onOpenChange: onCartOpenChange || (() => { }), onRemoveItem: onRemoveFromCart, onProceedToCheckout: onProceedToCheckout }) })] })] })] }));
 };
 
 export { MarketplaceLayout };

package/dist/components/MarketplaceLayout/MarketplaceLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceLayout.js","sources":["../../../src/components/MarketplaceLayout/MarketplaceLayout.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  PageLayout,\r\n  PageHeader,\r\n  PageLayoutContent,\r\n  PageSidebar,\r\n} from '../PageLayout';\r\nimport { CommerceSidebar } from '../CommerceSidebar/CommerceSidebar';\r\nimport { AllProductsView } from '../AllProductsView/AllProductsView';\r\nimport { CheckoutSidebar } from '../Checkout/CheckoutSidebar';\r\nimport type { CartItem } from '../Checkout/types';\r\nimport type { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface MarketplaceLayoutProps {\r\n  products: ProductData[];\r\n  cartItems: CartItem[];\r\n  cartOpen?: boolean;\r\n  onCartOpenChange?: (open: boolean) => void;\r\n  onProductClick?: (id: string) => void;\r\n  onAddToCart?: (id: string) => void;\r\n  onRemoveFromCart?: (id: string) => void;\r\n  onProceedToCheckout?: () => void;\r\n  selectedProduct?: ProductData | null;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport const MarketplaceLayout: React.FC<MarketplaceLayoutProps> = ({\r\n  products,\r\n  cartItems,\r\n  cartOpen,\r\n  onCartOpenChange,\r\n  onProductClick,\r\n  onAddToCart,\r\n  onRemoveFromCart,\r\n  onProceedToCheckout,\r\n  selectedProduct,\r\n  children,\r\n  className,\r\n}) => {\r\n  return (\r\n    <PageLayout variant=\"centered\" maxWidth=\"xl\" className={cn(className)}>\r\n      <PageHeader>\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center h-16\">\r\n          <span className=\"font-bold text-xl\">Marketplace</span>\r\n        </div>\r\n      </PageHeader>\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        {/* Always render CommerceSidebar as a top section */}\r\n        {!selectedProduct && (\r\n          <div className=\"w-full mb-4\">\r\n            <CommerceSidebar\r\n              products={products}\r\n              onProductClick={onProductClick}\r\n              onAddToCart={onAddToCart}\r\n            />\r\n          </div>\r\n        )}\r\n        <div className=\"flex flex-col lg:flex-row gap-8\">\r\n          <main className=\"flex-1\">\r\n            {children ? (\r\n              children\r\n            ) : (\r\n              <AllProductsView\r\n                products={products}\r\n                onProductClick={onProductClick}\r\n                onAddToCart={onAddToCart}\r\n              />\r\n            )}\r\n          </main>\r\n          <div className=\"w-full lg:w-[340px] xl:w-[400px] shrink-0\">\r\n            <CheckoutSidebar\r\n              cartItems={cartItems}\r\n              open={typeof cartOpen === 'boolean' ? cartOpen : true}\r\n              onOpenChange={onCartOpenChange || (() => {})}\r\n              onRemoveItem={onRemoveFromCart}\r\n              onProceedToCheckout={onProceedToCheckout}\r\n            />\r\n          </div>\r\n        </div>\r\n      </PageLayoutContent>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AA4BO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,QAAQ,EACR,SAAS,GACV,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAC,UAAU,EAAA,EAAA,QAAA,EACTA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAC5EA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,EAAA,CAClD,GACK,EACbD,IAAA,CAAC,iBAAiB,EAAA,EAAC,MAAM,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAA,QAAA,EAAA,CAE9C,CAAC,eAAe,KACfC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,YAC1BA,GAAA,CAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EAAA,CACxB,EAAA,CACE,CACP,EACDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAAA,CAC9CC,cAAM,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrB,QAAQ,IACP,QAAQ,KAERA,GAAA,CAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EAAA,CACxB,CACH,EAAA,CACI,EACPA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxDA,IAAC,eAAe,EAAA,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,IAAI,EACrD,YAAY,EAAE,gBAAgB,KAAK,QAAO,CAAC,CAAC,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,mBAAmB,EAAA,CACxC,EAAA,CACE,IACF,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEjB;;;;"}
+{"version":3,"file":"MarketplaceLayout.js","sources":["../../../src/components/MarketplaceLayout/MarketplaceLayout.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  PageLayout,\r\n  PageHeader,\r\n  PageLayoutContent,\r\n  PageSidebar,\r\n} from '../PageLayout';\r\nimport { CommerceSidebar } from '../CommerceSidebar/CommerceSidebar';\r\nimport { AllProductsView } from '../AllProductsView/AllProductsView';\r\nimport { CheckoutSidebar } from '../Checkout/CheckoutSidebar';\r\nimport type { CartItem } from '../Checkout/types';\r\nimport type { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { cn } from '../../utils/cn';\r\n\r\n/**\r\n * MarketplaceLayout\r\n * - Provides a full marketplace page layout with header, sidebar, product grid, and checkout sidebar.\r\n * - Accepts a `columns` prop, which is passed to AllProductsView to control the number of product grid columns.\r\n * - By default, AllProductsView uses responsive logic (1/2/4 columns), but consumers can override for their use case.\r\n * - All layout and sizing logic is theme-agnostic and leverages reusable components.\r\n */\r\nexport interface MarketplaceLayoutProps {\r\n  products: ProductData[];\r\n  cartItems: CartItem[];\r\n  cartOpen?: boolean;\r\n  onCartOpenChange?: (open: boolean) => void;\r\n  onProductClick?: (id: string) => void;\r\n  onAddToCart?: (id: string) => void;\r\n  onRemoveFromCart?: (id: string) => void;\r\n  onProceedToCheckout?: () => void;\r\n  selectedProduct?: ProductData | null;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  columns?: number; // Passes grid columns to AllProductsView\r\n}\r\n\r\nexport const MarketplaceLayout: React.FC<MarketplaceLayoutProps> = ({\r\n  products,\r\n  cartItems,\r\n  cartOpen,\r\n  onCartOpenChange,\r\n  onProductClick,\r\n  onAddToCart,\r\n  onRemoveFromCart,\r\n  onProceedToCheckout,\r\n  selectedProduct,\r\n  children,\r\n  className,\r\n  columns,\r\n}) => {\r\n  return (\r\n    <PageLayout variant=\"centered\" maxWidth=\"xl\" className={cn(className)}>\r\n      <PageHeader>\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center h-16\">\r\n          <span className=\"font-bold text-xl\">Marketplace</span>\r\n        </div>\r\n      </PageHeader>\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        {/* Always render CommerceSidebar as a top section */}\r\n        {!selectedProduct && (\r\n          <div className=\"w-full mb-4\">\r\n            <CommerceSidebar\r\n              products={products}\r\n              onProductClick={onProductClick}\r\n              onAddToCart={onAddToCart}\r\n            />\r\n          </div>\r\n        )}\r\n        <div className=\"flex flex-col lg:flex-row gap-8\">\r\n          <main className=\"flex-1\">\r\n            {children ? (\r\n              children\r\n            ) : (\r\n              <AllProductsView\r\n                products={products}\r\n                onProductClick={onProductClick}\r\n                onAddToCart={onAddToCart}\r\n                columns={columns}\r\n              />\r\n            )}\r\n          </main>\r\n          <div className=\"w-full lg:w-[340px] xl:w-[400px] shrink-0\">\r\n            <CheckoutSidebar\r\n              cartItems={cartItems}\r\n              open={typeof cartOpen === 'boolean' ? cartOpen : true}\r\n              onOpenChange={onCartOpenChange || (() => {})}\r\n              onRemoveItem={onRemoveFromCart}\r\n              onProceedToCheckout={onProceedToCheckout}\r\n            />\r\n          </div>\r\n        </div>\r\n      </PageLayoutContent>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAoCO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,OAAO,GACR,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAC,UAAU,cACTA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,YAC5EA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,4BAAmB,EAAA,CAClD,EAAA,CACK,EACbD,IAAA,CAAC,iBAAiB,IAAC,MAAM,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAA,QAAA,EAAA,CAE9C,CAAC,eAAe,KACfC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAA,QAAA,EAC1BA,IAAC,eAAe,EAAA,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,EAAA,CACE,CACP,EACDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,aAC9CC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrB,QAAQ,IACP,QAAQ,KAERA,GAAA,CAAC,eAAe,EAAA,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,CACH,EAAA,CACI,EACPA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,YACxDA,GAAA,CAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,IAAI,EACrD,YAAY,EAAE,gBAAgB,KAAK,MAAK,EAAE,CAAC,CAAC,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,mBAAmB,EAAA,CACxC,EAAA,CACE,IACF,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEjB;;;;"}

package/package.json

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