@beyondcorp/beyond-ui 1.2.51 → 1.2.55

package/dist/components/AllProductsView/AllProductsView.js

@@ -1,61 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { PageLayout, PageHeader, PageLayoutContent } from '../PageLayout/PageLayout.js';
-import '../Button/Button.js';
-import '../Card/Card.js';
-import '../Badge/Badge.js';
-import { Input } from '../Input/Input.js';
-import '../Avatar/Avatar.js';
-import 'lucide-react';
-import '../Tabs/Tabs.js';
-import '../Toast/Toast.js';
-import { Select } from '../Select/Select.js';
-import { useDebounce } from '../../hooks/useDebounce.js';
-import { useBreakpoint } from '../../hooks/useBreakpoint.js';
-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 [search, setSearch] = useState('');
-    const debouncedSearch = useDebounce(search, 300);
-    const [sort, setSort] = useState('featured');
-    const [filter, setFilter] = useState('all');
-    const { currentBreakpoint, isBelow } = useBreakpoint();
-    isBelow('md');
-    // Filter and sort products
-    const filteredProducts = useMemo(() => {
-        let result = products;
-        if (debouncedSearch) {
-            result = result.filter((p) => p.name.toLowerCase().includes(debouncedSearch.toLowerCase()));
-        }
-        if (filter !== 'all') {
-            result = result.filter((p) => p.colors?.includes(filter));
-        }
-        if (sort === 'price-asc') {
-            result = [...result].sort((a, b) => a.price - b.price);
-        }
-        else if (sort === 'price-desc') {
-            result = [...result].sort((a, b) => b.price - a.price);
-        }
-        // Default: featured (no sort)
-        return result;
-    }, [products, debouncedSearch, filter, sort]);
-    // Collect all colors for filter options
-    const allColors = useMemo(() => {
-        const colorSet = new Set();
-        products.forEach((p) => p.colors?.forEach((c) => colorSet.add(c)));
-        return Array.from(colorSet);
-    }, [products]);
-    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", children: jsx("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-2 md:gap-4 h-auto md:h-16", children: jsxs("div", { className: "flex flex-col sm:flex-row gap-2 sm:gap-4 w-full md:w-auto", children: [enableSearch && (jsx(Input, { placeholder: "Search products...", value: search, onChange: (e) => setSearch(e.target.value), className: "w-full sm:w-64" })), enableFilter && (jsx(Select, { value: filter, onChange: e => setFilter(e.target.value), options: [
-                                        { value: 'all', label: 'All Colors' },
-                                        ...allColors.map((c) => ({ value: c, label: c })),
-                                    ], className: "w-full sm:w-32" })), enableSort && (jsx(Select, { value: sort, onChange: e => setSort(e.target.value), options: [
-                                        { 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)))) }) })] }));
-};
-
-export { AllProductsView };
-//# sourceMappingURL=AllProductsView.js.map

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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface CardGroupProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const CardGroup: React.FC<CardGroupProps>;

package/dist/components/AllProductsView/CardGroup.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-const CardGroup = ({ children, className }) => (jsx("div", { className: [
-        'grid gap-6',
-        'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',
-        'w-full',
-        className,
-    ].filter(Boolean).join(' '), children: children }));
-
-export { CardGroup };
-//# sourceMappingURL=CardGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardGroup.js","sources":["../../../src/components/AllProductsView/CardGroup.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nexport interface CardGroupProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport const CardGroup: React.FC<CardGroupProps> = ({ children, className }) => (\r\n  <div\r\n    className={\r\n      [\r\n        'grid gap-6',\r\n        'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',\r\n        'w-full',\r\n        className,\r\n      ].filter(Boolean).join(' ')\r\n    }\r\n  >\r\n    {children}\r\n  </div>\r\n);"],"names":["_jsx"],"mappings":";;AAOO,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MACzEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EACP;QACE,YAAY;QACZ,0DAA0D;QAC1D,QAAQ;QACR,SAAS;AACV,KAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAG5B,QAAQ,EAAA,CACL;;;;"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ProductData } from '../SingleProductView/SingleProductView';
-export interface ProductCardProps {
-    product: ProductData;
-    onClick?: () => void;
-    onAddToCart?: () => void;
-    onWishlist?: () => void;
-    onShare?: () => void;
-    className?: string;
-}
-export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/AllProductsView/ProductCard.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Card } from '../Card/Card.js';
-import { Badge } from '../Badge/Badge.js';
-import { Button } from '../Button/Button.js';
-import { ShoppingCart, Heart, Share2 } from 'lucide-react';
-import { cn } from '../../utils/cn.js';
-
-const ProductCard = ({ product, onClick, onAddToCart, onWishlist, onShare, className, }) => (jsxs(Card, { className: cn('p-4 flex flex-col h-full w-full min-w-0 transition-all', 
-    // Remove max-w-* to allow grid to control width, and add shadow/rounded for separation
-    'shadow-md rounded-lg', className), children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full", onClick: onClick, title: product.name, children: product.images && product.images[0] ? (jsx("img", { src: product.images[0], alt: product.name, className: "object-contain w-full h-full max-h-32 max-w-full" })) : (jsx(ShoppingCart, { className: "h-12 w-12 text-gray-400" })) }), jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [jsx(Badge, { variant: product.inStock ? 'success' : 'danger', children: product.inStock ? 'In Stock' : 'Out of Stock' }), product.discount && (jsx(Badge, { variant: "danger", children: product.discount }))] }), jsx("h2", { className: "text-lg font-bold text-gray-900 mb-1 truncate", children: product.name }), jsx("p", { className: "text-gray-600 text-sm mb-2 line-clamp-2 break-words", children: product.description }), jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsxs("span", { className: "text-xl font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.oldPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.oldPrice.toFixed(2)] }))] }), jsxs("div", { className: "mt-auto flex flex-col sm:flex-row gap-2", children: [jsxs(Button, { variant: "primary", size: "sm", className: "flex-1", onClick: onAddToCart, disabled: !product.inStock, children: [jsx(ShoppingCart, { className: "mr-1 h-4 w-4" }), "Add"] }), jsx(Button, { variant: "outline", size: "sm", onClick: onWishlist, "aria-label": "Wishlist", children: jsx(Heart, { className: "h-4 w-4" }) }), jsx(Button, { variant: "outline", size: "sm", onClick: onShare, "aria-label": "Share", children: jsx(Share2, { className: "h-4 w-4" }) })] })] }));
-
-export { ProductCard };
-//# sourceMappingURL=ProductCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCard.js","sources":["../../../src/components/AllProductsView/ProductCard.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Card } from '../Card';\r\nimport { Badge } from '../Badge';\r\nimport { Button } from '../Button';\r\nimport { Heart, ShoppingCart, Share2 } from 'lucide-react';\r\nimport { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface ProductCardProps {\r\n  product: ProductData;\r\n  onClick?: () => void;\r\n  onAddToCart?: () => void;\r\n  onWishlist?: () => void;\r\n  onShare?: () => void;\r\n  className?: string;\r\n}\r\n\r\nexport const ProductCard: React.FC<ProductCardProps> = ({\r\n  product,\r\n  onClick,\r\n  onAddToCart,\r\n  onWishlist,\r\n  onShare,\r\n  className,\r\n}) => (\r\n  <Card\r\n    className={cn(\r\n      'p-4 flex flex-col h-full w-full min-w-0 transition-all',\r\n      // Remove max-w-* to allow grid to control width, and add shadow/rounded for separation\r\n      'shadow-md rounded-lg',\r\n      className\r\n    )}\r\n  >\r\n    <div\r\n      className=\"aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full\"\r\n      onClick={onClick}\r\n      title={product.name}\r\n    >\r\n      {product.images && product.images[0] ? (\r\n        <img\r\n          src={product.images[0]}\r\n          alt={product.name}\r\n          className=\"object-contain w-full h-full max-h-32 max-w-full\"\r\n        />\r\n      ) : (\r\n        <ShoppingCart className=\"h-12 w-12 text-gray-400\" />\r\n      )}\r\n    </div>\r\n    <div className=\"flex items-center space-x-2 mb-2\">\r\n      <Badge variant={product.inStock ? 'success' : 'danger'}>\r\n        {product.inStock ? 'In Stock' : 'Out of Stock'}\r\n      </Badge>\r\n      {product.discount && (\r\n        <Badge variant=\"danger\">{product.discount}</Badge>\r\n      )}\r\n    </div>\r\n    <h2 className=\"text-lg font-bold text-gray-900 mb-1 truncate\">{product.name}</h2>\r\n    <p className=\"text-gray-600 text-sm mb-2 line-clamp-2 break-words\">{product.description}</p>\r\n    <div className=\"flex items-center space-x-2 mb-4\">\r\n      <span className=\"text-xl font-bold text-gray-900\">${product.price.toFixed(2)}</span>\r\n      {product.oldPrice && (\r\n        <span className=\"text-sm text-gray-500 line-through\">\r\n          ${product.oldPrice.toFixed(2)}\r\n        </span>\r\n      )}\r\n    </div>\r\n    <div className=\"mt-auto flex flex-col sm:flex-row gap-2\">\r\n      <Button\r\n        variant=\"primary\"\r\n        size=\"sm\"\r\n        className=\"flex-1\"\r\n        onClick={onAddToCart}\r\n        disabled={!product.inStock}\r\n      >\r\n        <ShoppingCart className=\"mr-1 h-4 w-4\" />\r\n        Add\r\n      </Button>\r\n      <Button\r\n        variant=\"outline\"\r\n        size=\"sm\"\r\n        onClick={onWishlist}\r\n        aria-label=\"Wishlist\"\r\n      >\r\n        <Heart className=\"h-4 w-4\" />\r\n      </Button>\r\n      <Button\r\n        variant=\"outline\"\r\n        size=\"sm\"\r\n        onClick={onShare}\r\n        aria-label=\"Share\"\r\n      >\r\n        <Share2 className=\"h-4 w-4\" />\r\n      </Button>\r\n    </div>\r\n  </Card>\r\n);"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-export * from './AllProductsView';
-export * from './ProductCard';

package/dist/components/BlogFeedView/BlogFeedView.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface BlogFeedPost {
-    id: string;
-    title: string;
-    excerpt: string;
-    date: string;
-    readTime?: string;
-    featuredImage?: string;
-    categories?: string[];
-    tags?: string[];
-    author: {
-        name: string;
-        avatar?: string;
-    };
-}
-export interface BlogFeedViewProps {
-    posts: BlogFeedPost[];
-    onPostClick?: (id: string) => void;
-    enableSearch?: boolean;
-    className?: string;
-}
-export declare const BlogFeedView: React.FC<BlogFeedViewProps>;

package/dist/components/BlogFeedView/BlogFeedView.js

@@ -1,29 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { PageLayout, PageHeader, PageLayoutContent, PageFooter } from '../PageLayout/PageLayout.js';
-import '../Button/Button.js';
-import { Card, CardContent } from '../Card/Card.js';
-import { Badge } from '../Badge/Badge.js';
-import { Input } from '../Input/Input.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../Avatar/Avatar.js';
-import { Calendar } from 'lucide-react';
-import '../Tabs/Tabs.js';
-import '../Toast/Toast.js';
-import { useDebounce } from '../../hooks/useDebounce.js';
-import { cn } from '../../utils/cn.js';
-
-const BlogFeedView = ({ posts, onPostClick, enableSearch = true, className, }) => {
-    const [search, setSearch] = useState('');
-    const debouncedSearch = useDebounce(search, 300);
-    const filteredPosts = useMemo(() => {
-        if (!debouncedSearch)
-            return posts;
-        return posts.filter((p) => p.title.toLowerCase().includes(debouncedSearch.toLowerCase()) ||
-            p.excerpt.toLowerCase().includes(debouncedSearch.toLowerCase()) ||
-            (p.categories && p.categories.some((c) => c.toLowerCase().includes(debouncedSearch.toLowerCase()))));
-    }, [posts, debouncedSearch]);
-    return (jsxs(PageLayout, { variant: "centered", maxWidth: "xl", className: cn(className), children: [jsx(PageHeader, { children: jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-16", children: [jsx("span", { className: "font-bold text-xl", children: "Blog Feed" }), enableSearch && (jsx(Input, { placeholder: "Search blogs...", value: search, onChange: (e) => setSearch(e.target.value), className: "w-64" }))] }) }), jsx(PageLayoutContent, { layout: "centered", spacing: "lg", children: jsx("div", { className: "grid gap-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: filteredPosts.length === 0 ? (jsx("div", { className: "col-span-full text-center text-gray-500 py-12", children: "No blog posts found." })) : (filteredPosts.map((post) => (jsxs(Card, { className: "flex flex-col h-full cursor-pointer hover:shadow-lg transition", onClick: () => onPostClick && onPostClick(post.id), children: [post.featuredImage && (jsx("img", { src: post.featuredImage, alt: post.title, className: "object-cover h-40 w-full rounded-t" })), jsxs(CardContent, { className: "flex-1 flex flex-col", children: [jsx("div", { className: "flex items-center space-x-2 mb-2", children: post.categories?.map((cat, i) => (jsx(Badge, { variant: i === 0 ? 'default' : 'outline', children: cat }, cat))) }), jsx("h2", { className: "text-lg font-bold text-gray-900 mb-1", children: post.title }), jsx("p", { className: "text-gray-600 text-sm mb-2 line-clamp-3", children: post.excerpt }), jsxs("div", { className: "flex items-center space-x-2 mt-auto", children: [jsx(Avatar, { size: "sm", children: post.author.avatar ? (jsx(AvatarImage, { src: post.author.avatar })) : (jsx(AvatarFallback, { children: post.author.name ? post.author.name[0] : 'A' })) }), jsx("span", { className: "text-xs text-gray-700", children: post.author.name }), jsx(Calendar, { className: "h-4 w-4 text-gray-400 ml-2" }), jsx("span", { className: "text-xs text-gray-500", children: post.date }), post.readTime && (jsx("span", { className: "text-xs text-gray-500 ml-2", children: post.readTime }))] })] }), jsx("div", { className: "flex flex-wrap gap-1 p-2", children: post.tags?.map((tag) => (jsx(Badge, { variant: "outline", className: "text-xs", children: tag }, tag))) })] }, post.id)))) }) }), jsx(PageFooter, { variant: "minimal", children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: jsx("p", { className: "text-gray-600", children: "\u00A9 2024 Blog. All rights reserved." }) }) })] }));
-};
-
-export { BlogFeedView };
-//# sourceMappingURL=BlogFeedView.js.map

package/dist/components/BlogFeedView/BlogFeedView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogFeedView.js","sources":["../../../src/components/BlogFeedView/BlogFeedView.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\nimport {\r\n  PageLayout,\r\n  PageHeader,\r\n  PageLayoutContent,\r\n  PageFooter,\r\n} from '../PageLayout';\r\nimport { Card, CardHeader, CardTitle, CardContent } from '../Card';\r\nimport { Badge } from '../Badge';\r\nimport { Button } from '../Button';\r\nimport { Input } from '../Input';\r\nimport { Avatar, AvatarImage, AvatarFallback } from '../Avatar';\r\nimport { Calendar } from 'lucide-react';\r\nimport { useDebounce } from '../../hooks/useDebounce';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface BlogFeedPost {\r\n  id: string;\r\n  title: string;\r\n  excerpt: string;\r\n  date: string;\r\n  readTime?: string;\r\n  featuredImage?: string;\r\n  categories?: string[];\r\n  tags?: string[];\r\n  author: {\r\n    name: string;\r\n    avatar?: string;\r\n  };\r\n}\r\n\r\nexport interface BlogFeedViewProps {\r\n  posts: BlogFeedPost[];\r\n  onPostClick?: (id: string) => void;\r\n  enableSearch?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const BlogFeedView: React.FC<BlogFeedViewProps> = ({\r\n  posts,\r\n  onPostClick,\r\n  enableSearch = true,\r\n  className,\r\n}) => {\r\n  const [search, setSearch] = useState('');\r\n  const debouncedSearch = useDebounce(search, 300);\r\n\r\n  const filteredPosts = useMemo(() => {\r\n    if (!debouncedSearch) return posts;\r\n    return posts.filter(\r\n      (p) =>\r\n        p.title.toLowerCase().includes(debouncedSearch.toLowerCase()) ||\r\n        p.excerpt.toLowerCase().includes(debouncedSearch.toLowerCase()) ||\r\n        (p.categories && p.categories.some((c) => c.toLowerCase().includes(debouncedSearch.toLowerCase())))\r\n    );\r\n  }, [posts, debouncedSearch]);\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 justify-between h-16\">\r\n          <span className=\"font-bold text-xl\">Blog Feed</span>\r\n          {enableSearch && (\r\n            <Input\r\n              placeholder=\"Search blogs...\"\r\n              value={search}\r\n              onChange={(e) => setSearch(e.target.value)}\r\n              className=\"w-64\"\r\n            />\r\n          )}\r\n        </div>\r\n      </PageHeader>\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        <div className=\"grid gap-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3\">\r\n          {filteredPosts.length === 0 ? (\r\n            <div className=\"col-span-full text-center text-gray-500 py-12\">\r\n              No blog posts found.\r\n            </div>\r\n          ) : (\r\n            filteredPosts.map((post) => (\r\n              <Card\r\n                key={post.id}\r\n                className=\"flex flex-col h-full cursor-pointer hover:shadow-lg transition\"\r\n                onClick={() => onPostClick && onPostClick(post.id)}\r\n              >\r\n                {post.featuredImage && (\r\n                  <img\r\n                    src={post.featuredImage}\r\n                    alt={post.title}\r\n                    className=\"object-cover h-40 w-full rounded-t\"\r\n                  />\r\n                )}\r\n                <CardContent className=\"flex-1 flex flex-col\">\r\n                  <div className=\"flex items-center space-x-2 mb-2\">\r\n                    {post.categories?.map((cat, i) => (\r\n                      <Badge key={cat} variant={i === 0 ? 'default' : 'outline'}>\r\n                        {cat}\r\n                      </Badge>\r\n                    ))}\r\n                  </div>\r\n                  <h2 className=\"text-lg font-bold text-gray-900 mb-1\">{post.title}</h2>\r\n                  <p className=\"text-gray-600 text-sm mb-2 line-clamp-3\">{post.excerpt}</p>\r\n                  <div className=\"flex items-center space-x-2 mt-auto\">\r\n                    <Avatar size=\"sm\">\r\n                      {post.author.avatar ? (\r\n                        <AvatarImage src={post.author.avatar} />\r\n                      ) : (\r\n                        <AvatarFallback>\r\n                          {post.author.name ? post.author.name[0] : 'A'}\r\n                        </AvatarFallback>\r\n                      )}\r\n                    </Avatar>\r\n                    <span className=\"text-xs text-gray-700\">{post.author.name}</span>\r\n                    <Calendar className=\"h-4 w-4 text-gray-400 ml-2\" />\r\n                    <span className=\"text-xs text-gray-500\">{post.date}</span>\r\n                    {post.readTime && (\r\n                      <span className=\"text-xs text-gray-500 ml-2\">{post.readTime}</span>\r\n                    )}\r\n                  </div>\r\n                </CardContent>\r\n                <div className=\"flex flex-wrap gap-1 p-2\">\r\n                  {post.tags?.map((tag) => (\r\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\r\n                      {tag}\r\n                    </Badge>\r\n                  ))}\r\n                </div>\r\n              </Card>\r\n            ))\r\n          )}\r\n        </div>\r\n      </PageLayoutContent>\r\n      <PageFooter variant=\"minimal\">\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n          <p className=\"text-gray-600\">&copy; 2024 Blog. All rights reserved.</p>\r\n        </div>\r\n      </PageFooter>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +0,0 @@
-export * from './BlogFeedView';

package/dist/components/BlogLayout/BlogLayout.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { BlogSidebarPost } from '../BlogSidebar/BlogSidebar';
-import { BlogFeedPost } from '../BlogFeedView/BlogFeedView';
-import { BlogPost } from '../SingleBlogView/SingleBlogView';
-export interface BlogLayoutProps {
-    posts: BlogFeedPost[];
-    sidebarPosts: BlogSidebarPost[];
-    selectedPost?: BlogPost;
-    onPostClick?: (id: string) => void;
-    children?: React.ReactNode;
-    className?: string;
-}
-export declare const BlogLayout: React.FC<BlogLayoutProps>;

package/dist/components/BlogLayout/BlogLayout.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { PageLayout, PageHeader, PageLayoutContent, PageSidebar, PageFooter } from '../PageLayout/PageLayout.js';
-import '../Button/Button.js';
-import '../Card/Card.js';
-import '../Badge/Badge.js';
-import '../Input/Input.js';
-import '../Avatar/Avatar.js';
-import 'lucide-react';
-import 'react';
-import '../Tabs/Tabs.js';
-import '../Toast/Toast.js';
-import { BlogSidebar } from '../BlogSidebar/BlogSidebar.js';
-import { BlogFeedView } from '../BlogFeedView/BlogFeedView.js';
-import { SingleBlogView } from '../SingleBlogView/SingleBlogView.js';
-import { cn } from '../../utils/cn.js';
-
-const BlogLayout = ({ posts, sidebarPosts, selectedPost, onPostClick, children, className, }) => (jsxs(PageLayout, { variant: "blog", 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: "Blog" }) }) }), jsxs(PageLayoutContent, { layout: "sidebar", spacing: "lg", children: [jsx(PageSidebar, { position: "left", width: "md", children: jsx(BlogSidebar, { posts: sidebarPosts, onPostClick: onPostClick }) }), jsx("main", { className: "flex-1", children: children ? (children) : selectedPost ? (jsx(SingleBlogView, { post: selectedPost })) : (jsx(BlogFeedView, { posts: posts, onPostClick: onPostClick })) })] }), jsx(PageFooter, { variant: "minimal", children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: jsx("p", { className: "text-gray-600", children: "\u00A9 2024 Blog. All rights reserved." }) }) })] }));
-
-export { BlogLayout };
-//# sourceMappingURL=BlogLayout.js.map

package/dist/components/BlogLayout/BlogLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogLayout.js","sources":["../../../src/components/BlogLayout/BlogLayout.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  PageLayout,\r\n  PageHeader,\r\n  PageLayoutContent,\r\n  PageSidebar,\r\n  PageFooter,\r\n} from '../PageLayout';\r\nimport { BlogSidebar, BlogSidebarPost } from '../BlogSidebar/BlogSidebar';\r\nimport { BlogFeedView, BlogFeedPost } from '../BlogFeedView/BlogFeedView';\r\nimport { SingleBlogView, BlogPost } from '../SingleBlogView/SingleBlogView';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface BlogLayoutProps {\r\n  posts: BlogFeedPost[];\r\n  sidebarPosts: BlogSidebarPost[];\r\n  selectedPost?: BlogPost;\r\n  onPostClick?: (id: string) => void;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport const BlogLayout: React.FC<BlogLayoutProps> = ({\r\n  posts,\r\n  sidebarPosts,\r\n  selectedPost,\r\n  onPostClick,\r\n  children,\r\n  className,\r\n}) => (\r\n  <PageLayout variant=\"blog\" 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\">Blog</span>\r\n      </div>\r\n    </PageHeader>\r\n    <PageLayoutContent layout=\"sidebar\" spacing=\"lg\">\r\n      <PageSidebar position=\"left\" width=\"md\">\r\n        <BlogSidebar posts={sidebarPosts} onPostClick={onPostClick} />\r\n      </PageSidebar>\r\n      <main className=\"flex-1\">\r\n        {children ? (\r\n          children\r\n        ) : selectedPost ? (\r\n          <SingleBlogView post={selectedPost} />\r\n        ) : (\r\n          <BlogFeedView posts={posts} onPostClick={onPostClick} />\r\n        )}\r\n      </main>\r\n    </PageLayoutContent>\r\n    <PageFooter variant=\"minimal\">\r\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n        <p className=\"text-gray-600\">&copy; 2024 Blog. All rights reserved.</p>\r\n      </div>\r\n    </PageFooter>\r\n  </PageLayout>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAsBO,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MACCA,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,CAC/DC,IAAC,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,MAAA,EAAA,CAAY,EAAA,CAC3C,EAAA,CACK,EACbD,IAAA,CAAC,iBAAiB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAA,QAAA,EAAA,CAC9CC,GAAA,CAAC,WAAW,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAA,QAAA,EACrCA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI,EAAA,CAClD,EACdA,cAAM,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrB,QAAQ,IACP,QAAQ,IACN,YAAY,IACdA,IAAC,cAAc,EAAA,EAAC,IAAI,EAAE,YAAY,GAAI,KAEtCA,GAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI,CACzD,EAAA,CACI,CAAA,EAAA,CACW,EACpBA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAA,QAAA,EAC3BA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oDAAoD,EAAA,QAAA,EACjEA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,wCAAA,EAAA,CAA2C,GACnE,EAAA,CACK,CAAA,EAAA,CACF;;;;"}

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

@@ -1 +0,0 @@
-export * from './BlogLayout';

package/dist/components/BlogSidebar/BlogSidebar.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface BlogSidebarPost {
-    id: string;
-    title: string;
-    date: string;
-    author: {
-        name: string;
-        avatar?: string;
-    };
-    categories?: string[];
-    href?: string;
-}
-export interface BlogSidebarProps {
-    posts: BlogSidebarPost[];
-    title?: string;
-    onPostClick?: (id: string) => void;
-    className?: string;
-}
-export declare const BlogSidebar: React.FC<BlogSidebarProps>;

package/dist/components/BlogSidebar/BlogSidebar.js

@@ -1,10 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Card, CardHeader, CardTitle, CardContent } from '../Card/Card.js';
-import { Badge } from '../Badge/Badge.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../Avatar/Avatar.js';
-import { cn } from '../../utils/cn.js';
-
-const BlogSidebar = ({ posts, title = 'Recent Posts', onPostClick, className, }) => (jsxs(Card, { className: cn('space-y-4', className), children: [jsx(CardHeader, { children: jsx(CardTitle, { children: title }) }), jsx(CardContent, { children: jsx("div", { className: "space-y-4", children: posts.length === 0 ? (jsx("div", { className: "text-gray-500 text-center py-4", children: "No posts found." })) : (posts.map((post) => (jsxs("div", { className: "flex items-center space-x-3 cursor-pointer hover:bg-primary-50 rounded px-2 py-2 transition", onClick: () => onPostClick && onPostClick(post.id), children: [jsx(Avatar, { size: "sm", children: post.author.avatar ? (jsx(AvatarImage, { src: post.author.avatar })) : (jsx(AvatarFallback, { children: post.author.name ? post.author.name[0] : 'A' })) }), jsxs("div", { className: "flex-1 min-w-0", children: [jsx("div", { className: "font-medium text-gray-900 truncate", children: post.title }), jsxs("div", { className: "flex items-center space-x-2 text-xs text-gray-500", children: [jsx("span", { children: post.author.name }), jsx("span", { children: "\u2022" }), jsx("span", { children: post.date })] }), post.categories && (jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: post.categories.map((cat) => (jsx(Badge, { variant: "outline", className: "text-xs", children: cat }, cat))) }))] })] }, post.id)))) }) })] }));
-
-export { BlogSidebar };
-//# sourceMappingURL=BlogSidebar.js.map

package/dist/components/BlogSidebar/BlogSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogSidebar.js","sources":["../../../src/components/BlogSidebar/BlogSidebar.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Card, CardHeader, CardTitle, CardContent } from '../Card';\r\nimport { Badge } from '../Badge';\r\nimport { Avatar, AvatarImage, AvatarFallback } from '../Avatar';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface BlogSidebarPost {\r\n  id: string;\r\n  title: string;\r\n  date: string;\r\n  author: {\r\n    name: string;\r\n    avatar?: string;\r\n  };\r\n  categories?: string[];\r\n  href?: string;\r\n}\r\n\r\nexport interface BlogSidebarProps {\r\n  posts: BlogSidebarPost[];\r\n  title?: string;\r\n  onPostClick?: (id: string) => void;\r\n  className?: string;\r\n}\r\n\r\nexport const BlogSidebar: React.FC<BlogSidebarProps> = ({\r\n  posts,\r\n  title = 'Recent Posts',\r\n  onPostClick,\r\n  className,\r\n}) => (\r\n  <Card className={cn('space-y-4', className)}>\r\n    <CardHeader>\r\n      <CardTitle>{title}</CardTitle>\r\n    </CardHeader>\r\n    <CardContent>\r\n      <div className=\"space-y-4\">\r\n        {posts.length === 0 ? (\r\n          <div className=\"text-gray-500 text-center py-4\">No posts found.</div>\r\n        ) : (\r\n          posts.map((post) => (\r\n            <div\r\n              key={post.id}\r\n              className=\"flex items-center space-x-3 cursor-pointer hover:bg-primary-50 rounded px-2 py-2 transition\"\r\n              onClick={() => onPostClick && onPostClick(post.id)}\r\n            >\r\n              <Avatar size=\"sm\">\r\n                {post.author.avatar ? (\r\n                  <AvatarImage src={post.author.avatar} />\r\n                ) : (\r\n                  <AvatarFallback>\r\n                    {post.author.name ? post.author.name[0] : 'A'}\r\n                  </AvatarFallback>\r\n                )}\r\n              </Avatar>\r\n              <div className=\"flex-1 min-w-0\">\r\n                <div className=\"font-medium text-gray-900 truncate\">{post.title}</div>\r\n                <div className=\"flex items-center space-x-2 text-xs text-gray-500\">\r\n                  <span>{post.author.name}</span>\r\n                  <span>•</span>\r\n                  <span>{post.date}</span>\r\n                </div>\r\n                {post.categories && (\r\n                  <div className=\"flex flex-wrap gap-1 mt-1\">\r\n                    {post.categories.map((cat) => (\r\n                      <Badge key={cat} variant=\"outline\" className=\"text-xs\">\r\n                        {cat}\r\n                      </Badge>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          ))\r\n        )}\r\n      </div>\r\n    </CardContent>\r\n  </Card>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAyBO,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,KAAK,GAAG,cAAc,EACtB,WAAW,EACX,SAAS,GACV,MACCA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CACzCC,GAAA,CAAC,UAAU,EAAA,EAAA,QAAA,EACTA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAa,EAAA,CACnB,EACbA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EACVA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,KAAK,CAAC,MAAM,KAAK,CAAC,IACjBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAsB,KAErE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACbD,IAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAE,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,QAAA,EAAA,CAElDC,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACd,IAAI,CAAC,MAAM,CAAC,MAAM,IACjBA,GAAA,CAAC,WAAW,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAI,KAExCA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACZ,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,EAAA,CAC9B,CAClB,EAAA,CACM,EACTD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAO,EACtED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,CAChEC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAA,CAAQ,EAC/BA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAc,EACdA,wBAAO,IAAI,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,CACpB,EACL,IAAI,CAAC,UAAU,KACdA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACvC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,MACvBA,GAAA,CAAC,KAAK,EAAA,EAAW,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EACnD,GAAG,EAAA,EADM,GAAG,CAEP,CACT,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG,CAAA,EAAA,EA7BD,IAAI,CAAC,EAAE,CA8BR,CACP,CAAC,CACH,EAAA,CACG,EAAA,CACM,CAAA,EAAA,CACT;;;;"}

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

@@ -1 +0,0 @@
-export * from './BlogSidebar';

package/dist/components/Checkout/CheckoutPage.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { CartItem, Address, PaymentInfo } from './types';
-export interface CheckoutPageProps {
-    cartItems: CartItem[];
-    address: Address;
-    payment: PaymentInfo;
-    onUpdateCart?: (itemId: string, quantity: number) => void;
-    onUpdateAddress?: (address: Address) => void;
-    onUpdatePayment?: (payment: PaymentInfo) => void;
-    onPlaceOrder?: () => void;
-    onApplyCoupon?: (code: string) => void;
-    loading?: boolean;
-    error?: string;
-    className?: string;
-}
-export declare const CheckoutPage: React.FC<CheckoutPageProps>;

package/dist/components/Checkout/CheckoutPage.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { PageLayout, PageHeader, PageLayoutContent, PageFooter } from '../PageLayout/PageLayout.js';
-import { Button } from '../Button/Button.js';
-import { Card } from '../Card/Card.js';
-import { Badge } from '../Badge/Badge.js';
-import { Input } from '../Input/Input.js';
-import '../Avatar/Avatar.js';
-import 'lucide-react';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs/Tabs.js';
-import '../Toast/Toast.js';
-import { Select } from '../Select/Select.js';
-import { Spinner } from '../Spinner/Spinner.js';
-import { Alert } from '../Alert/Alert.js';
-import { cn } from '../../utils/cn.js';
-
-const CheckoutPage = ({ cartItems, address, payment, onUpdateCart, onUpdateAddress, onUpdatePayment, onPlaceOrder, onApplyCoupon, loading, error, className, }) => {
-    const [tab, setTab] = React__default.useState('cart');
-    const [coupon, setCoupon] = React__default.useState('');
-    const [applying, setApplying] = React__default.useState(false);
-    const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0);
-    const handleApplyCoupon = () => {
-        setApplying(true);
-        onApplyCoupon?.(coupon);
-        setTimeout(() => setApplying(false), 500);
-    };
-    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", children: jsx("span", { className: "font-bold text-xl", children: "Checkout" }) }) }), jsx(PageLayoutContent, { layout: "centered", spacing: "lg", children: jsxs(Tabs, { value: tab, onValueChange: setTab, children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "cart", children: "Cart" }), jsx(TabsTrigger, { value: "address", children: "Address" }), jsx(TabsTrigger, { value: "payment", children: "Payment" }), jsx(TabsTrigger, { value: "review", children: "Review" })] }), jsx(TabsContent, { value: "cart", children: jsxs(Card, { className: "p-4 mb-4", children: [jsx("h2", { className: "text-lg font-bold mb-2", children: "Cart Summary" }), loading && (jsx("div", { className: "flex justify-center my-4", children: jsx(Spinner, {}) })), error && (jsx(Alert, { variant: "danger", className: "mb-4", children: error })), cartItems.length === 0 ? (jsx("div", { className: "text-gray-500 text-center py-8", children: "Your cart is empty." })) : (jsx("div", { className: "space-y-4", children: cartItems.map((item) => (jsxs(Card, { className: "flex items-center p-2", children: [jsx("div", { className: "w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center mr-3", children: item.image ? (jsx("img", { src: item.image, alt: item.name, className: "object-contain h-12 w-12" })) : (jsx("span", { className: "text-gray-400", children: "No Image" })) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-900", children: item.name }), jsxs("div", { className: "text-sm text-gray-600", children: ["$", item.price.toFixed(2), " x", jsx(Input, { type: "number", min: 1, value: item.quantity, onChange: e => onUpdateCart?.(item.id, Number(e.target.value)), className: "w-12 mx-2 inline-block" }), item.discount && (jsx(Badge, { variant: "danger", className: "ml-1", children: item.discount }))] })] })] }, item.id))) })), jsxs("div", { className: "mt-6", children: [jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsx("span", { className: "font-medium", children: "Subtotal" }), jsxs("span", { className: "font-bold text-lg", children: ["$", subtotal.toFixed(2)] })] }), jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsx(Input, { placeholder: "Coupon code", value: coupon, onChange: e => setCoupon(e.target.value), className: "flex-1", disabled: applying }), jsx(Button, { variant: "outline", size: "sm", onClick: handleApplyCoupon, disabled: applying || !coupon, children: applying ? jsx(Spinner, { size: "sm" }) : 'Apply' })] }), jsx(Button, { variant: "primary", className: "w-full", onClick: () => setTab('address'), disabled: cartItems.length === 0, children: "Next: Address" })] })] }) }), jsx(TabsContent, { value: "address", children: jsxs(Card, { className: "p-4 mb-4", children: [jsx("h2", { className: "text-lg font-bold mb-2", children: "Shipping Address" }), jsxs("form", { onSubmit: e => {
-                                            e.preventDefault();
-                                            onUpdateAddress?.(address);
-                                            setTab('payment');
-                                        }, className: "space-y-4", children: [jsx(Input, { placeholder: "Full Name", value: address.name, onChange: e => onUpdateAddress?.({ ...address, name: e.target.value }), required: true }), jsx(Input, { placeholder: "Street Address", value: address.street, onChange: e => onUpdateAddress?.({ ...address, street: e.target.value }), required: true }), jsxs("div", { className: "flex space-x-2", children: [jsx(Input, { placeholder: "City", value: address.city, onChange: e => onUpdateAddress?.({ ...address, city: e.target.value }), required: true }), jsx(Input, { placeholder: "ZIP", value: address.zip, onChange: e => onUpdateAddress?.({ ...address, zip: e.target.value }), required: true })] }), jsx(Select, { value: address.country, onChange: e => onUpdateAddress?.({ ...address, country: e.target.value }), options: [
-                                                    { value: '', label: 'Select Country' },
-                                                    { value: 'USA', label: 'USA' },
-                                                    { value: 'UK', label: 'UK' },
-                                                    { value: 'Kenya', label: 'Kenya' },
-                                                ], required: true }), jsx(Button, { variant: "primary", className: "w-full", type: "submit", children: "Next: Payment" })] })] }) }), jsx(TabsContent, { value: "payment", children: jsxs(Card, { className: "p-4 mb-4", children: [jsx("h2", { className: "text-lg font-bold mb-2", children: "Payment Information" }), jsxs("form", { onSubmit: e => {
-                                            e.preventDefault();
-                                            onUpdatePayment?.(payment);
-                                            setTab('review');
-                                        }, className: "space-y-4", children: [jsx(Input, { placeholder: "Card Number", value: payment.cardNumber, onChange: e => onUpdatePayment?.({ ...payment, cardNumber: e.target.value }), required: true }), jsxs("div", { className: "flex space-x-2", children: [jsx(Input, { placeholder: "Expiry", value: payment.expiry, onChange: e => onUpdatePayment?.({ ...payment, expiry: e.target.value }), required: true }), jsx(Input, { placeholder: "CVV", value: payment.cvv, onChange: e => onUpdatePayment?.({ ...payment, cvv: e.target.value }), required: true })] }), jsx(Input, { placeholder: "Name on Card", value: payment.name, onChange: e => onUpdatePayment?.({ ...payment, name: e.target.value }), required: true }), jsx(Button, { variant: "primary", className: "w-full", type: "submit", children: "Next: Review" })] })] }) }), jsx(TabsContent, { value: "review", children: jsxs(Card, { className: "p-4 mb-4", children: [jsx("h2", { className: "text-lg font-bold mb-2", children: "Order Review" }), jsxs("div", { className: "mb-4", children: [jsx("div", { className: "font-medium", children: "Shipping Address:" }), jsxs("div", { children: [address.name, ", ", address.street, ", ", address.city, ", ", address.zip, ", ", address.country] })] }), jsxs("div", { className: "mb-4", children: [jsx("div", { className: "font-medium", children: "Payment:" }), jsxs("div", { children: ["Card ending in ", payment.cardNumber.slice(-4)] })] }), jsxs("div", { className: "mb-4", children: [jsx("div", { className: "font-medium", children: "Cart:" }), jsx("ul", { className: "list-disc ml-6", children: cartItems.map(item => (jsxs("li", { children: [item.name, " x ", item.quantity, " ($", item.price.toFixed(2), " each)"] }, item.id))) })] }), jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsx("span", { className: "font-medium", children: "Total" }), jsxs("span", { className: "font-bold text-lg", children: ["$", subtotal.toFixed(2)] })] }), jsx(Button, { variant: "primary", className: "w-full", onClick: onPlaceOrder, disabled: cartItems.length === 0, children: "Place Order" })] }) })] }) }), jsx(PageFooter, { variant: "simple", children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: jsx("p", { className: "text-gray-600", children: "\u00A9 2024 Checkout. All rights reserved." }) }) })] }));
-};
-
-export { CheckoutPage };
-//# sourceMappingURL=CheckoutPage.js.map

package/dist/components/Checkout/CheckoutPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckoutPage.js","sources":["../../../src/components/Checkout/CheckoutPage.tsx"],"sourcesContent":["import React from 'react';\r\nimport { PageLayout, PageHeader, PageLayoutContent, PageFooter } from '../PageLayout';\r\nimport { Card } from '../Card';\r\nimport { Button } from '../Button';\r\nimport { Input } from '../Input';\r\nimport { Select } from '../Select';\r\nimport { Badge } from '../Badge';\r\nimport { Spinner } from '../Spinner';\r\nimport { Alert } from '../Alert';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs';\r\nimport { cn } from '../../utils/cn';\r\n\r\nimport type { CartItem, Address, PaymentInfo } from './types';\r\n\r\nexport interface CheckoutPageProps {\r\n  cartItems: CartItem[];\r\n  address: Address;\r\n  payment: PaymentInfo;\r\n  onUpdateCart?: (itemId: string, quantity: number) => void;\r\n  onUpdateAddress?: (address: Address) => void;\r\n  onUpdatePayment?: (payment: PaymentInfo) => void;\r\n  onPlaceOrder?: () => void;\r\n  onApplyCoupon?: (code: string) => void;\r\n  loading?: boolean;\r\n  error?: string;\r\n  className?: string;\r\n}\r\n\r\nexport const CheckoutPage: React.FC<CheckoutPageProps> = ({\r\n  cartItems,\r\n  address,\r\n  payment,\r\n  onUpdateCart,\r\n  onUpdateAddress,\r\n  onUpdatePayment,\r\n  onPlaceOrder,\r\n  onApplyCoupon,\r\n  loading,\r\n  error,\r\n  className,\r\n}) => {\r\n  const [tab, setTab] = React.useState('cart');\r\n  const [coupon, setCoupon] = React.useState('');\r\n  const [applying, setApplying] = React.useState(false);\r\n\r\n  const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0);\r\n\r\n  const handleApplyCoupon = () => {\r\n    setApplying(true);\r\n    onApplyCoupon?.(coupon);\r\n    setTimeout(() => setApplying(false), 500);\r\n  };\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          <span className=\"font-bold text-xl\">Checkout</span>\r\n        </div>\r\n      </PageHeader>\r\n      <PageLayoutContent layout=\"centered\" spacing=\"lg\">\r\n        <Tabs value={tab} onValueChange={setTab}>\r\n          <TabsList>\r\n            <TabsTrigger value=\"cart\">Cart</TabsTrigger>\r\n            <TabsTrigger value=\"address\">Address</TabsTrigger>\r\n            <TabsTrigger value=\"payment\">Payment</TabsTrigger>\r\n            <TabsTrigger value=\"review\">Review</TabsTrigger>\r\n          </TabsList>\r\n          <TabsContent value=\"cart\">\r\n            <Card className=\"p-4 mb-4\">\r\n              <h2 className=\"text-lg font-bold mb-2\">Cart Summary</h2>\r\n              {loading && (\r\n                <div className=\"flex justify-center my-4\">\r\n                  <Spinner />\r\n                </div>\r\n              )}\r\n              {error && (\r\n                <Alert variant=\"danger\" className=\"mb-4\">\r\n                  {error}\r\n                </Alert>\r\n              )}\r\n              {cartItems.length === 0 ? (\r\n                <div className=\"text-gray-500 text-center py-8\">Your cart is empty.</div>\r\n              ) : (\r\n                <div className=\"space-y-4\">\r\n                  {cartItems.map((item) => (\r\n                    <Card key={item.id} className=\"flex items-center p-2\">\r\n                      <div className=\"w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center mr-3\">\r\n                        {item.image ? (\r\n                          <img src={item.image} alt={item.name} className=\"object-contain h-12 w-12\" />\r\n                        ) : (\r\n                          <span className=\"text-gray-400\">No Image</span>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"flex-1\">\r\n                        <div className=\"font-medium text-gray-900\">{item.name}</div>\r\n                        <div className=\"text-sm text-gray-600\">\r\n                          ${item.price.toFixed(2)} x\r\n                          <Input\r\n                            type=\"number\"\r\n                            min={1}\r\n                            value={item.quantity}\r\n                            onChange={e =>\r\n                              onUpdateCart?.(item.id, Number(e.target.value))\r\n                            }\r\n                            className=\"w-12 mx-2 inline-block\"\r\n                          />\r\n                          {item.discount && (\r\n                            <Badge variant=\"danger\" className=\"ml-1\">{item.discount}</Badge>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                    </Card>\r\n                  ))}\r\n                </div>\r\n              )}\r\n              <div className=\"mt-6\">\r\n                <div className=\"flex justify-between items-center mb-2\">\r\n                  <span className=\"font-medium\">Subtotal</span>\r\n                  <span className=\"font-bold text-lg\">${subtotal.toFixed(2)}</span>\r\n                </div>\r\n                <div className=\"flex items-center space-x-2 mb-4\">\r\n                  <Input\r\n                    placeholder=\"Coupon code\"\r\n                    value={coupon}\r\n                    onChange={e => setCoupon(e.target.value)}\r\n                    className=\"flex-1\"\r\n                    disabled={applying}\r\n                  />\r\n                  <Button\r\n                    variant=\"outline\"\r\n                    size=\"sm\"\r\n                    onClick={handleApplyCoupon}\r\n                    disabled={applying || !coupon}\r\n                  >\r\n                    {applying ? <Spinner size=\"sm\" /> : 'Apply'}\r\n                  </Button>\r\n                </div>\r\n                <Button\r\n                  variant=\"primary\"\r\n                  className=\"w-full\"\r\n                  onClick={() => setTab('address')}\r\n                  disabled={cartItems.length === 0}\r\n                >\r\n                  Next: Address\r\n                </Button>\r\n              </div>\r\n            </Card>\r\n          </TabsContent>\r\n          <TabsContent value=\"address\">\r\n            <Card className=\"p-4 mb-4\">\r\n              <h2 className=\"text-lg font-bold mb-2\">Shipping Address</h2>\r\n              <form\r\n                onSubmit={e => {\r\n                  e.preventDefault();\r\n                  onUpdateAddress?.(address);\r\n                  setTab('payment');\r\n                }}\r\n                className=\"space-y-4\"\r\n              >\r\n                <Input\r\n                  placeholder=\"Full Name\"\r\n                  value={address.name}\r\n                  onChange={e => onUpdateAddress?.({ ...address, name: e.target.value })}\r\n                  required\r\n                />\r\n                <Input\r\n                  placeholder=\"Street Address\"\r\n                  value={address.street}\r\n                  onChange={e => onUpdateAddress?.({ ...address, street: e.target.value })}\r\n                  required\r\n                />\r\n                <div className=\"flex space-x-2\">\r\n                  <Input\r\n                    placeholder=\"City\"\r\n                    value={address.city}\r\n                    onChange={e => onUpdateAddress?.({ ...address, city: e.target.value })}\r\n                    required\r\n                  />\r\n                  <Input\r\n                    placeholder=\"ZIP\"\r\n                    value={address.zip}\r\n                    onChange={e => onUpdateAddress?.({ ...address, zip: e.target.value })}\r\n                    required\r\n                  />\r\n                </div>\r\n                <Select\r\n                  value={address.country}\r\n                  onChange={e => onUpdateAddress?.({ ...address, country: e.target.value })}\r\n                  options={[\r\n                    { value: '', label: 'Select Country' },\r\n                    { value: 'USA', label: 'USA' },\r\n                    { value: 'UK', label: 'UK' },\r\n                    { value: 'Kenya', label: 'Kenya' },\r\n                  ]}\r\n                  required\r\n                />\r\n                <Button variant=\"primary\" className=\"w-full\" type=\"submit\">\r\n                  Next: Payment\r\n                </Button>\r\n              </form>\r\n            </Card>\r\n          </TabsContent>\r\n          <TabsContent value=\"payment\">\r\n            <Card className=\"p-4 mb-4\">\r\n              <h2 className=\"text-lg font-bold mb-2\">Payment Information</h2>\r\n              <form\r\n                onSubmit={e => {\r\n                  e.preventDefault();\r\n                  onUpdatePayment?.(payment);\r\n                  setTab('review');\r\n                }}\r\n                className=\"space-y-4\"\r\n              >\r\n                <Input\r\n                  placeholder=\"Card Number\"\r\n                  value={payment.cardNumber}\r\n                  onChange={e => onUpdatePayment?.({ ...payment, cardNumber: e.target.value })}\r\n                  required\r\n                />\r\n                <div className=\"flex space-x-2\">\r\n                  <Input\r\n                    placeholder=\"Expiry\"\r\n                    value={payment.expiry}\r\n                    onChange={e => onUpdatePayment?.({ ...payment, expiry: e.target.value })}\r\n                    required\r\n                  />\r\n                  <Input\r\n                    placeholder=\"CVV\"\r\n                    value={payment.cvv}\r\n                    onChange={e => onUpdatePayment?.({ ...payment, cvv: e.target.value })}\r\n                    required\r\n                  />\r\n                </div>\r\n                <Input\r\n                  placeholder=\"Name on Card\"\r\n                  value={payment.name}\r\n                  onChange={e => onUpdatePayment?.({ ...payment, name: e.target.value })}\r\n                  required\r\n                />\r\n                <Button variant=\"primary\" className=\"w-full\" type=\"submit\">\r\n                  Next: Review\r\n                </Button>\r\n              </form>\r\n            </Card>\r\n          </TabsContent>\r\n          <TabsContent value=\"review\">\r\n            <Card className=\"p-4 mb-4\">\r\n              <h2 className=\"text-lg font-bold mb-2\">Order Review</h2>\r\n              <div className=\"mb-4\">\r\n                <div className=\"font-medium\">Shipping Address:</div>\r\n                <div>{address.name}, {address.street}, {address.city}, {address.zip}, {address.country}</div>\r\n              </div>\r\n              <div className=\"mb-4\">\r\n                <div className=\"font-medium\">Payment:</div>\r\n                <div>Card ending in {payment.cardNumber.slice(-4)}</div>\r\n              </div>\r\n              <div className=\"mb-4\">\r\n                <div className=\"font-medium\">Cart:</div>\r\n                <ul className=\"list-disc ml-6\">\r\n                  {cartItems.map(item => (\r\n                    <li key={item.id}>\r\n                      {item.name} x {item.quantity} (${item.price.toFixed(2)} each)\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n              <div className=\"flex justify-between items-center mb-2\">\r\n                <span className=\"font-medium\">Total</span>\r\n                <span className=\"font-bold text-lg\">${subtotal.toFixed(2)}</span>\r\n              </div>\r\n              <Button\r\n                variant=\"primary\"\r\n                className=\"w-full\"\r\n                onClick={onPlaceOrder}\r\n                disabled={cartItems.length === 0}\r\n              >\r\n                Place Order\r\n              </Button>\r\n            </Card>\r\n          </TabsContent>\r\n        </Tabs>\r\n      </PageLayoutContent>\r\n      <PageFooter variant=\"simple\">\r\n        <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n          <p className=\"text-gray-600\">&copy; 2024 Checkout. All rights reserved.</p>\r\n        </div>\r\n      </PageFooter>\r\n    </PageLayout>\r\n  );\r\n};"],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Checkout/CheckoutSidebar.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { CartItem } from './types';
-export interface CheckoutSidebarProps {
-    cartItems: CartItem[];
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    onUpdateQuantity?: (itemId: string, quantity: number) => void;
-    onRemoveItem?: (itemId: string) => void;
-    onApplyCoupon?: (code: string) => void;
-    onProceedToCheckout?: () => void;
-    loading?: boolean;
-    error?: string;
-    className?: string;
-}
-export declare const CheckoutSidebar: React.FC<CheckoutSidebarProps>;

package/dist/components/Checkout/CheckoutSidebar.js

@@ -1,25 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { Modal } from '../Modal/Modal.js';
-import { Card } from '../Card/Card.js';
-import { Button } from '../Button/Button.js';
-import { Badge } from '../Badge/Badge.js';
-import { Input } from '../Input/Input.js';
-import { Spinner } from '../Spinner/Spinner.js';
-import { Alert } from '../Alert/Alert.js';
-import { cn } from '../../utils/cn.js';
-
-const CheckoutSidebar = ({ cartItems, open, onOpenChange, onUpdateQuantity, onRemoveItem, onApplyCoupon, onProceedToCheckout, loading, error, className, }) => {
-    const [coupon, setCoupon] = React__default.useState('');
-    const [applying, setApplying] = React__default.useState(false);
-    const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0);
-    const handleApplyCoupon = () => {
-        setApplying(true);
-        onApplyCoupon?.(coupon);
-        setTimeout(() => setApplying(false), 500);
-    };
-    return (jsx(Modal, { open: open, onOpenChange: onOpenChange, size: "md", children: jsxs(Card, { className: cn('w-[350px] max-w-full p-4', className), children: [jsx("h2", { className: "text-xl font-bold mb-4", children: "Your Cart" }), loading && (jsx("div", { className: "flex justify-center my-4", children: jsx(Spinner, {}) })), error && (jsx(Alert, { variant: "danger", className: "mb-4", children: error })), cartItems.length === 0 ? (jsx("div", { className: "text-gray-500 text-center py-8", children: "Your cart is empty." })) : (jsx("div", { className: "space-y-4", children: cartItems.map((item) => (jsxs(Card, { className: "flex items-center p-2", children: [jsx("div", { className: "w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center mr-3", children: item.image ? (jsx("img", { src: item.image, alt: item.name, className: "object-contain h-12 w-12" })) : (jsx("span", { className: "text-gray-400", children: "No Image" })) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-900", children: item.name }), jsxs("div", { className: "text-sm text-gray-600", children: ["$", item.price.toFixed(2), " x", jsx(Input, { type: "number", min: 1, value: item.quantity, onChange: e => onUpdateQuantity?.(item.id, Number(e.target.value)), className: "w-12 mx-2 inline-block" }), item.discount && (jsx(Badge, { variant: "danger", className: "ml-1", children: item.discount }))] })] }), jsx(Button, { variant: "ghost", size: "sm", onClick: () => onRemoveItem?.(item.id), "aria-label": "Remove", children: "\u00D7" })] }, item.id))) })), jsxs("div", { className: "mt-6", children: [jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsx("span", { className: "font-medium", children: "Subtotal" }), jsxs("span", { className: "font-bold text-lg", children: ["$", subtotal.toFixed(2)] })] }), jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsx(Input, { placeholder: "Coupon code", value: coupon, onChange: e => setCoupon(e.target.value), className: "flex-1", disabled: applying }), jsx(Button, { variant: "outline", size: "sm", onClick: handleApplyCoupon, disabled: applying || !coupon, children: applying ? jsx(Spinner, { size: "sm" }) : 'Apply' })] }), jsx(Button, { variant: "primary", className: "w-full", onClick: onProceedToCheckout, disabled: cartItems.length === 0, children: "Proceed to Checkout" })] })] }) }));
-};
-
-export { CheckoutSidebar };
-//# sourceMappingURL=CheckoutSidebar.js.map

package/dist/components/Checkout/CheckoutSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckoutSidebar.js","sources":["../../../src/components/Checkout/CheckoutSidebar.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Modal } from '../Modal';\r\nimport { Card } from '../Card';\r\nimport { Button } from '../Button';\r\nimport { Badge } from '../Badge';\r\nimport { Input } from '../Input';\r\nimport { Spinner } from '../Spinner';\r\nimport { Alert } from '../Alert';\r\nimport { cn } from '../../utils/cn';\r\n\r\nimport type { CartItem } from './types';\r\n\r\nexport interface CheckoutSidebarProps {\r\n  cartItems: CartItem[];\r\n  open: boolean;\r\n  onOpenChange: (open: boolean) => void;\r\n  onUpdateQuantity?: (itemId: string, quantity: number) => void;\r\n  onRemoveItem?: (itemId: string) => void;\r\n  onApplyCoupon?: (code: string) => void;\r\n  onProceedToCheckout?: () => void;\r\n  loading?: boolean;\r\n  error?: string;\r\n  className?: string;\r\n}\r\n\r\nexport const CheckoutSidebar: React.FC<CheckoutSidebarProps> = ({\r\n  cartItems,\r\n  open,\r\n  onOpenChange,\r\n  onUpdateQuantity,\r\n  onRemoveItem,\r\n  onApplyCoupon,\r\n  onProceedToCheckout,\r\n  loading,\r\n  error,\r\n  className,\r\n}) => {\r\n  const [coupon, setCoupon] = React.useState('');\r\n  const [applying, setApplying] = React.useState(false);\r\n\r\n  const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0);\r\n\r\n  const handleApplyCoupon = () => {\r\n    setApplying(true);\r\n    onApplyCoupon?.(coupon);\r\n    setTimeout(() => setApplying(false), 500);\r\n  };\r\n\r\n  return (\r\n    <Modal open={open} onOpenChange={onOpenChange} size=\"md\">\r\n      <Card className={cn('w-[350px] max-w-full p-4', className)}>\r\n        <h2 className=\"text-xl font-bold mb-4\">Your Cart</h2>\r\n        {loading && (\r\n          <div className=\"flex justify-center my-4\">\r\n            <Spinner />\r\n          </div>\r\n        )}\r\n        {error && (\r\n          <Alert variant=\"danger\" className=\"mb-4\">\r\n            {error}\r\n          </Alert>\r\n        )}\r\n        {cartItems.length === 0 ? (\r\n          <div className=\"text-gray-500 text-center py-8\">Your cart is empty.</div>\r\n        ) : (\r\n          <div className=\"space-y-4\">\r\n            {cartItems.map((item) => (\r\n              <Card key={item.id} className=\"flex items-center p-2\">\r\n                <div className=\"w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center mr-3\">\r\n                  {item.image ? (\r\n                    <img src={item.image} alt={item.name} className=\"object-contain h-12 w-12\" />\r\n                  ) : (\r\n                    <span className=\"text-gray-400\">No Image</span>\r\n                  )}\r\n                </div>\r\n                <div className=\"flex-1\">\r\n                  <div className=\"font-medium text-gray-900\">{item.name}</div>\r\n                  <div className=\"text-sm text-gray-600\">\r\n                    ${item.price.toFixed(2)} x\r\n                    <Input\r\n                      type=\"number\"\r\n                      min={1}\r\n                      value={item.quantity}\r\n                      onChange={e =>\r\n                        onUpdateQuantity?.(item.id, Number(e.target.value))\r\n                      }\r\n                      className=\"w-12 mx-2 inline-block\"\r\n                    />\r\n                    {item.discount && (\r\n                      <Badge variant=\"danger\" className=\"ml-1\">{item.discount}</Badge>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n                <Button\r\n                  variant=\"ghost\"\r\n                  size=\"sm\"\r\n                  onClick={() => onRemoveItem?.(item.id)}\r\n                  aria-label=\"Remove\"\r\n                >\r\n                  &times;\r\n                </Button>\r\n              </Card>\r\n            ))}\r\n          </div>\r\n        )}\r\n        <div className=\"mt-6\">\r\n          <div className=\"flex justify-between items-center mb-2\">\r\n            <span className=\"font-medium\">Subtotal</span>\r\n            <span className=\"font-bold text-lg\">${subtotal.toFixed(2)}</span>\r\n          </div>\r\n          <div className=\"flex items-center space-x-2 mb-4\">\r\n            <Input\r\n              placeholder=\"Coupon code\"\r\n              value={coupon}\r\n              onChange={e => setCoupon(e.target.value)}\r\n              className=\"flex-1\"\r\n              disabled={applying}\r\n            />\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={handleApplyCoupon}\r\n              disabled={applying || !coupon}\r\n            >\r\n              {applying ? <Spinner size=\"sm\" /> : 'Apply'}\r\n            </Button>\r\n          </div>\r\n          <Button\r\n            variant=\"primary\"\r\n            className=\"w-full\"\r\n            onClick={onProceedToCheckout}\r\n            disabled={cartItems.length === 0}\r\n          >\r\n            Proceed to Checkout\r\n          </Button>\r\n        </div>\r\n      </Card>\r\n    </Modal>\r\n  );\r\n};"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAyBO,MAAM,eAAe,GAAmC,CAAC,EAC9D,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,SAAS,GACV,KAAI;AACH,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;AAC9C,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAErD,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAErF,MAAM,iBAAiB,GAAG,MAAK;QAC7B,WAAW,CAAC,IAAI,CAAC;AACjB,QAAA,aAAa,GAAG,MAAM,CAAC;QACvB,UAAU,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAC3C,IAAA,CAAC;IAED,QACEC,IAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,EAAA,QAAA,EACtDC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,aACxDD,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,wBAAwB,EAAA,QAAA,EAAA,WAAA,EAAA,CAAe,EACpD,OAAO,KACNA,aAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EACvCA,GAAA,CAAC,OAAO,KAAG,EAAA,CACP,CACP,EACA,KAAK,KACJA,IAAC,KAAK,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACrC,KAAK,EAAA,CACA,CACT,EACA,SAAS,CAAC,MAAM,KAAK,CAAC,IACrBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA0B,KAEzEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,MAClBC,IAAA,CAAC,IAAI,EAAA,EAAe,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACnDD,aAAK,SAAS,EAAC,wEAAwE,EAAA,QAAA,EACpF,IAAI,CAAC,KAAK,IACTA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,0BAA0B,EAAA,CAAG,KAE7EA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,UAAA,EAAA,CAAgB,CAChD,EAAA,CACG,EACNC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrBD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,IAAI,CAAC,IAAI,EAAA,CAAO,EAC5DC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,GAAA,EAClC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,IAAA,EACvBD,GAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,IACT,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAErD,SAAS,EAAC,wBAAwB,EAAA,CAClC,EACD,IAAI,CAAC,QAAQ,KACZA,GAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,IAAI,CAAC,QAAQ,GAAS,CACjE,CAAA,EAAA,CACG,CAAA,EAAA,CACF,EACNA,GAAA,CAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,EAAA,YAAA,EAC3B,QAAQ,EAAA,QAAA,EAAA,QAAA,EAAA,CAGZ,CAAA,EAAA,EAjCA,IAAI,CAAC,EAAE,CAkCX,CACR,CAAC,EAAA,CACE,CACP,EACDC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,aACrDD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,CAAgB,EAC7CC,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC7D,EACNA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CD,GAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,GAAA,CAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,EAAA,QAAA,EAE5B,QAAQ,GAAGA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,IAAI,GAAG,GAAG,OAAO,EAAA,CACpC,CAAA,EAAA,CACL,EACNA,GAAA,CAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,SAAS,CAAC,MAAM,KAAK,CAAC,oCAGzB,CAAA,EAAA,CACL,CAAA,EAAA,CACD,EAAA,CACD;AAEZ;;;;"}

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

@@ -1,3 +0,0 @@
-export * from './CheckoutSidebar';
-export * from './CheckoutPage';
-export * from './types';

package/dist/components/Checkout/types.d.ts

@@ -1,21 +0,0 @@
-export interface CartItem {
-    id: string;
-    name: string;
-    image?: string;
-    price: number;
-    quantity: number;
-    discount?: string;
-}
-export interface Address {
-    name: string;
-    street: string;
-    city: string;
-    zip: string;
-    country: string;
-}
-export interface PaymentInfo {
-    cardNumber: string;
-    expiry: string;
-    cvv: string;
-    name: string;
-}