@rovela-ai/sdk 0.1.2 → 0.1.4

package/dist/products/api/products.js

@@ -0,0 +1,102 @@
+"use strict";
+/**
+ * @rovela/sdk/products/api/products
+ *
+ * API route handler for product listing endpoint.
+ * Provides GET /api/products with filtering, sorting, and pagination.
+ *
+ * Usage in Next.js App Router:
+ * ```typescript
+ * // app/api/products/route.ts
+ * export { GET } from '@rovela/sdk/products/api'
+ * ```
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = GET;
+const server_1 = require("next/server");
+const queries_1 = require("../../core/db/queries");
+// =============================================================================
+// Handler
+// =============================================================================
+/**
+ * GET /api/products
+ *
+ * Query Parameters:
+ * - category: string - Filter by category ID
+ * - search: string - Search by product name
+ * - sort: 'newest' | 'price-asc' | 'price-desc' | 'name'
+ * - status: 'draft' | 'active' | 'archived' (defaults to 'active')
+ * - minPrice: number - Minimum price filter
+ * - maxPrice: number - Maximum price filter
+ * - limit: number - Page size (default 12, max 100)
+ * - page: number - Page number (1-based, default 1)
+ * - attributes: JSON string - Attribute filters { color: ['Red'], size: ['L'] }
+ */
+async function GET(request) {
+    try {
+        const searchParams = request.nextUrl.searchParams;
+        // Parse pagination
+        const page = Math.max(1, parseInt(searchParams.get('page') || '1', 10));
+        const limit = Math.min(100, Math.max(1, parseInt(searchParams.get('limit') || '12', 10)));
+        const offset = (page - 1) * limit;
+        // Parse sort
+        const sortParam = searchParams.get('sort');
+        const sort = isValidSort(sortParam) ? sortParam : 'newest';
+        // Parse status (default to 'active' for public API)
+        const statusParam = searchParams.get('status');
+        const status = isValidStatus(statusParam) ? statusParam : 'active';
+        // Build query options
+        const options = {
+            categoryId: searchParams.get('category') || undefined,
+            search: searchParams.get('search') || undefined,
+            sort,
+            status,
+            limit,
+            offset,
+        };
+        // Execute queries in parallel
+        const [products, total] = await Promise.all([
+            (0, queries_1.findProducts)(options),
+            (0, queries_1.countProducts)({
+                categoryId: options.categoryId,
+                status: options.status,
+                search: options.search,
+            }),
+        ]);
+        const hasMore = offset + products.length < total;
+        return server_1.NextResponse.json({
+            data: products,
+            total,
+            page,
+            pageSize: limit,
+            hasMore,
+        });
+    }
+    catch (error) {
+        console.error('[Products API] Error:', error);
+        // Handle tenant not set error gracefully
+        if (error instanceof Error && error.message.includes('Tenant ID not set')) {
+            return server_1.NextResponse.json({
+                error: 'Store not configured. Please set TENANT_ID environment variable.',
+                code: 'TENANT_NOT_SET',
+            }, { status: 500 });
+        }
+        return server_1.NextResponse.json({
+            error: 'Failed to fetch products',
+            code: 'INTERNAL_ERROR',
+        }, { status: 500 });
+    }
+}
+// =============================================================================
+// Helpers
+// =============================================================================
+function isValidSort(value) {
+    return (value === 'newest' ||
+        value === 'price-asc' ||
+        value === 'price-desc' ||
+        value === 'name');
+}
+function isValidStatus(value) {
+    return value === 'draft' || value === 'active' || value === 'archived';
+}
+//# sourceMappingURL=products.js.map

package/dist/products/api/products.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/products/api/products.ts"],"names":[],"mappings":"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"}

package/dist/products/components/CategoryNav.d.ts

@@ -0,0 +1,51 @@
+import type { Category } from '../../core/types';
+import type { CategoryWithChildren } from '../hooks/useCategories';
+export interface CategoryNavProps {
+    /** Categories (flat or tree structure) */
+    categories: Category[] | CategoryWithChildren[];
+    /** Currently active category slug */
+    activeSlug?: string | null;
+    /** Custom className */
+    className?: string;
+    /** Navigation style */
+    variant?: 'horizontal' | 'vertical' | 'dropdown';
+    /** Link href pattern (default: /categories/[slug]) */
+    hrefPattern?: string;
+    /** Show product count */
+    showCount?: boolean;
+    /** Product counts by category ID */
+    counts?: Record<string, number>;
+    /** Show all products link */
+    showAllLink?: boolean;
+    /** All products link label */
+    allLinkLabel?: string;
+    /** Collapse nested categories */
+    collapsible?: boolean;
+    /** Maximum depth to render */
+    maxDepth?: number;
+}
+/**
+ * CategoryNav component for displaying category navigation.
+ *
+ * @example
+ * ```tsx
+ * import { CategoryNav, useCategories } from '@rovela/sdk/products'
+ *
+ * function Sidebar({ activeCategory }) {
+ *   const { tree, isLoading } = useCategories()
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *
+ *   return (
+ *     <CategoryNav
+ *       categories={tree}
+ *       activeSlug={activeCategory}
+ *       variant="vertical"
+ *       collapsible
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function CategoryNav({ categories, activeSlug, className, variant, hrefPattern, showCount, counts, showAllLink, allLinkLabel, collapsible, maxDepth, }: CategoryNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CategoryNav.d.ts.map

package/dist/products/components/CategoryNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryNav.d.ts","sourceRoot":"","sources":["../../../src/products/components/CategoryNav.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAMlE,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,UAAU,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAC/C,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,CAAA;IAChD,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAoB,EACpB,WAAkC,EAClC,SAAiB,EACjB,MAAW,EACX,WAAkB,EAClB,YAA6B,EAC7B,WAAmB,EACnB,QAAY,GACb,EAAE,gBAAgB,2CAmElB"}

package/dist/products/components/CategoryNav.js

@@ -0,0 +1,115 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryNav = CategoryNav;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/CategoryNav
+ *
+ * Category navigation component with hierarchical support.
+ */
+const react_1 = require("react");
+const link_1 = __importDefault(require("next/link"));
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * CategoryNav component for displaying category navigation.
+ *
+ * @example
+ * ```tsx
+ * import { CategoryNav, useCategories } from '@rovela/sdk/products'
+ *
+ * function Sidebar({ activeCategory }) {
+ *   const { tree, isLoading } = useCategories()
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *
+ *   return (
+ *     <CategoryNav
+ *       categories={tree}
+ *       activeSlug={activeCategory}
+ *       variant="vertical"
+ *       collapsible
+ *     />
+ *   )
+ * }
+ * ```
+ */
+function CategoryNav({ categories, activeSlug, className, variant = 'vertical', hrefPattern = '/categories/[slug]', showCount = false, counts = {}, showAllLink = true, allLinkLabel = 'All Products', collapsible = false, maxDepth = 3, }) {
+    // Check if categories have children (tree structure)
+    const isTree = categories.length > 0 && 'children' in categories[0];
+    const baseClasses = {
+        horizontal: 'flex flex-wrap gap-2',
+        vertical: 'flex flex-col space-y-1',
+        dropdown: 'relative',
+    };
+    if (variant === 'dropdown') {
+        return ((0, jsx_runtime_1.jsx)(CategoryDropdown, { categories: categories, activeSlug: activeSlug, className: className, hrefPattern: hrefPattern, showCount: showCount, counts: counts, showAllLink: showAllLink, allLinkLabel: allLinkLabel }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, utils_1.cn)(baseClasses[variant], className), "aria-label": "Categories", children: [showAllLink && ((0, jsx_runtime_1.jsx)(CategoryLink, { href: "/products", label: allLinkLabel, isActive: !activeSlug, variant: variant })), isTree ? (
+            // Render tree structure
+            categories.map((category) => ((0, jsx_runtime_1.jsx)(CategoryTreeItem, { category: category, activeSlug: activeSlug, hrefPattern: hrefPattern, showCount: showCount, counts: counts, collapsible: collapsible, variant: variant, depth: 0, maxDepth: maxDepth }, category.id)))) : (
+            // Render flat structure
+            categories.map((category) => ((0, jsx_runtime_1.jsx)(CategoryLink, { href: hrefPattern.replace('[slug]', category.slug), label: category.name, isActive: category.slug === activeSlug, count: showCount ? counts[category.id] : undefined, variant: variant }, category.id))))] }));
+}
+function CategoryLink({ href, label, isActive = false, count, variant = 'vertical', className, depth = 0, }) {
+    const linkClasses = (0, utils_1.cn)('block transition-colors', variant === 'horizontal'
+        ? (0, utils_1.cn)('rounded-full px-4 py-2 text-sm', isActive
+            ? 'bg-primary text-primary-foreground'
+            : 'bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground')
+        : (0, utils_1.cn)('rounded-md px-3 py-2 text-sm', isActive
+            ? 'bg-primary/10 font-medium text-primary'
+            : 'text-muted-foreground hover:bg-muted hover:text-foreground'), depth > 0 && variant === 'vertical' && `ml-${Math.min(depth * 4, 12)}`, className);
+    return ((0, jsx_runtime_1.jsx)(link_1.default, { href: href, className: linkClasses, children: (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: label }), count !== undefined && ((0, jsx_runtime_1.jsxs)("span", { className: "ml-2 text-xs text-muted-foreground", children: ["(", count, ")"] }))] }) }));
+}
+function CategoryTreeItem({ category, activeSlug, hrefPattern, showCount, counts, collapsible, variant, depth, maxDepth, }) {
+    const hasChildren = category.children && category.children.length > 0;
+    const isActive = category.slug === activeSlug;
+    const isActiveParent = hasChildren &&
+        category.children.some(child => child.slug === activeSlug ||
+            (child.children && child.children.some(gc => gc.slug === activeSlug)));
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(isActive || isActiveParent);
+    const handleToggle = (0, react_1.useCallback)((e) => {
+        if (collapsible && hasChildren) {
+            e.preventDefault();
+            setIsExpanded(!isExpanded);
+        }
+    }, [collapsible, hasChildren, isExpanded]);
+    // Don't render beyond max depth
+    if (depth >= maxDepth)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: variant === 'vertical' ? 'space-y-1' : '', children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [collapsible && hasChildren && variant === 'vertical' && ((0, jsx_runtime_1.jsx)("button", { onClick: handleToggle, className: "mr-1 flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-muted", "aria-label": isExpanded ? 'Collapse' : 'Expand', children: (0, jsx_runtime_1.jsx)("svg", { className: (0, utils_1.cn)('h-4 w-4 transition-transform', isExpanded && 'rotate-90'), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })), (0, jsx_runtime_1.jsx)(CategoryLink, { href: hrefPattern.replace('[slug]', category.slug), label: category.name, isActive: isActive, count: showCount ? counts[category.id] : undefined, variant: variant, depth: collapsible ? 0 : depth, className: "flex-1" })] }), hasChildren && (collapsible ? isExpanded : true) && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(variant === 'vertical' && 'ml-4 space-y-1'), children: category.children.map((child) => ((0, jsx_runtime_1.jsx)(CategoryTreeItem, { category: child, activeSlug: activeSlug, hrefPattern: hrefPattern, showCount: showCount, counts: counts, collapsible: collapsible, variant: variant, depth: depth + 1, maxDepth: maxDepth }, child.id))) }))] }));
+}
+function CategoryDropdown({ categories, activeSlug, className, hrefPattern, showCount, counts, showAllLink, allLinkLabel, }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    // Find active category name
+    const flatCategories = flattenCategories(categories);
+    const activeCategory = flatCategories.find((c) => c.slug === activeSlug);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative', className), children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setIsOpen(!isOpen), className: "flex w-full items-center justify-between rounded-md border border-border bg-background px-4 py-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { children: activeCategory?.name || allLinkLabel }), (0, jsx_runtime_1.jsx)("svg", { className: (0, utils_1.cn)('h-4 w-4 transition-transform', isOpen && 'rotate-180'), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), isOpen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-10", onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute z-20 mt-1 w-full rounded-md border border-border bg-background py-1 shadow-lg", children: [showAllLink && ((0, jsx_runtime_1.jsx)(link_1.default, { href: "/products", onClick: () => setIsOpen(false), className: (0, utils_1.cn)('block px-4 py-2 text-sm', !activeSlug
+                                    ? 'bg-primary/10 text-primary'
+                                    : 'text-foreground hover:bg-muted'), children: allLinkLabel })), flatCategories.map((category) => ((0, jsx_runtime_1.jsx)(link_1.default, { href: hrefPattern.replace('[slug]', category.slug), onClick: () => setIsOpen(false), className: (0, utils_1.cn)('block px-4 py-2 text-sm', category.slug === activeSlug
+                                    ? 'bg-primary/10 text-primary'
+                                    : 'text-foreground hover:bg-muted'), children: (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: category.name }), showCount && counts[category.id] !== undefined && ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-muted-foreground", children: ["(", counts[category.id], ")"] }))] }) }, category.id)))] })] }))] }));
+}
+// =============================================================================
+// Helpers
+// =============================================================================
+function flattenCategories(categories) {
+    const result = [];
+    function flatten(items) {
+        items.forEach((item) => {
+            result.push(item);
+            if ('children' in item && Array.isArray(item.children) && item.children.length > 0) {
+                flatten(item.children);
+            }
+        });
+    }
+    flatten(categories);
+    return result;
+}
+//# sourceMappingURL=CategoryNav.js.map

package/dist/products/components/CategoryNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryNav.js","sourceRoot":"","sources":["../../../src/products/components/CategoryNav.tsx"],"names":[],"mappings":"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"}

package/dist/products/components/ProductBreadcrumb.d.ts

@@ -0,0 +1,52 @@
+import type { Category, Product } from '../../core/types';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface ProductBreadcrumbProps {
+    /** Category path (from root to current) */
+    categories?: Category[];
+    /** Current product (optional, for product pages) */
+    product?: Product | null;
+    /** Custom className */
+    className?: string;
+    /** Show home link */
+    showHome?: boolean;
+    /** Home label */
+    homeLabel?: string;
+    /** Home href */
+    homeHref?: string;
+    /** Category href pattern */
+    categoryHrefPattern?: string;
+    /** Custom separator */
+    separator?: React.ReactNode;
+    /** Custom items (overrides categories/product) */
+    items?: BreadcrumbItem[];
+}
+/**
+ * ProductBreadcrumb component for navigation context.
+ *
+ * @example
+ * ```tsx
+ * import { ProductBreadcrumb, useCategories } from '@rovela/sdk/products'
+ *
+ * function ProductPage({ product, categorySlug }) {
+ *   const { getBreadcrumb, getCategoryBySlug } = useCategories()
+ *   const category = getCategoryBySlug(categorySlug)
+ *   const categoryPath = category ? getBreadcrumb(category.id) : []
+ *
+ *   return (
+ *     <div>
+ *       <ProductBreadcrumb
+ *         categories={categoryPath}
+ *         product={product}
+ *         showHome
+ *       />
+ *       {// ... product content}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductBreadcrumb({ categories, product, className, showHome, homeLabel, homeHref, categoryHrefPattern, separator, items: customItems, }: ProductBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductBreadcrumb.d.ts.map

package/dist/products/components/ProductBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductBreadcrumb.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAMzD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAA;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,uBAAuB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,kDAAkD;IAClD,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;CACzB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAe,EACf,OAAO,EACP,SAAS,EACT,QAAe,EACf,SAAkB,EAClB,QAAc,EACd,mBAA0C,EAC1C,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,sBAAsB,2CAwFxB"}

package/dist/products/components/ProductBreadcrumb.js

@@ -0,0 +1,78 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductBreadcrumb = ProductBreadcrumb;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/ProductBreadcrumb
+ *
+ * Breadcrumb navigation for product and category pages.
+ */
+const link_1 = __importDefault(require("next/link"));
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductBreadcrumb component for navigation context.
+ *
+ * @example
+ * ```tsx
+ * import { ProductBreadcrumb, useCategories } from '@rovela/sdk/products'
+ *
+ * function ProductPage({ product, categorySlug }) {
+ *   const { getBreadcrumb, getCategoryBySlug } = useCategories()
+ *   const category = getCategoryBySlug(categorySlug)
+ *   const categoryPath = category ? getBreadcrumb(category.id) : []
+ *
+ *   return (
+ *     <div>
+ *       <ProductBreadcrumb
+ *         categories={categoryPath}
+ *         product={product}
+ *         showHome
+ *       />
+ *       {// ... product content}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+function ProductBreadcrumb({ categories = [], product, className, showHome = true, homeLabel = 'Home', homeHref = '/', categoryHrefPattern = '/categories/[slug]', separator, items: customItems, }) {
+    // Build breadcrumb items
+    const items = [];
+    if (customItems) {
+        // Use custom items if provided
+        items.push(...customItems);
+    }
+    else {
+        // Build from categories and product
+        if (showHome) {
+            items.push({ label: homeLabel, href: homeHref });
+        }
+        // Add "Shop" or "Products" link
+        items.push({ label: 'Products', href: '/products' });
+        // Add category path
+        categories.forEach((category) => {
+            items.push({
+                label: category.name,
+                href: categoryHrefPattern.replace('[slug]', category.slug),
+            });
+        });
+        // Add product (no link, it's the current page)
+        if (product) {
+            items.push({ label: product.name });
+        }
+    }
+    const defaultSeparator = ((0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4 flex-shrink-0 text-muted-foreground", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }));
+    return ((0, jsx_runtime_1.jsx)("nav", { className: (0, utils_1.cn)('flex items-center text-sm', className), "aria-label": "Breadcrumb", children: (0, jsx_runtime_1.jsx)("ol", { className: "flex flex-wrap items-center gap-1.5", children: items.map((item, index) => {
+                const isLast = index === items.length - 1;
+                return ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-center gap-1.5", children: [index > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "flex-shrink-0", "aria-hidden": "true", children: separator || defaultSeparator })), item.href && !isLast ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.href, className: "text-muted-foreground transition-colors hover:text-foreground", children: item.label })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(isLast
+                                ? 'font-medium text-foreground'
+                                : 'text-muted-foreground'), "aria-current": isLast ? 'page' : undefined, children: item.label }))] }, index));
+            }) }) }));
+}
+//# sourceMappingURL=ProductBreadcrumb.js.map

package/dist/products/components/ProductBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBreadcrumb.js","sourceRoot":"","sources":["../../../src/products/components/ProductBreadcrumb.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+/**
+ * @rovela/sdk/products/components/ProductCard
+ *
+ * Product card component for catalog display.
+ */
+import { type ReactNode } from 'react';
+import type { Product } from '../../core/types';
+export interface ProductCardProps {
+    /** Product data */
+    product: Product;
+    /** Show quick add button */
+    showQuickAdd?: boolean;
+    /** Quick add handler */
+    onQuickAdd?: (product: Product) => void;
+    /** Image aspect ratio */
+    imageAspect?: 'square' | 'portrait' | 'landscape';
+    /** Custom className */
+    className?: string;
+    /** Currency for price formatting */
+    currency?: string;
+    /** Locale for price formatting */
+    locale?: string;
+    /** Custom quick add button content */
+    quickAddContent?: ReactNode;
+    /** Link href pattern (default: /products/[slug]) */
+    href?: string;
+    /** Show discount badge */
+    showDiscount?: boolean;
+}
+/**
+ * ProductCard component for displaying products in a grid.
+ *
+ * @example
+ * ```tsx
+ * import { ProductCard } from '@rovela/sdk/products'
+ *
+ * function ProductGrid({ products }) {
+ *   return (
+ *     <div className="grid grid-cols-3 gap-4">
+ *       {products.map(product => (
+ *         <ProductCard
+ *           key={product.id}
+ *           product={product}
+ *           showQuickAdd
+ *           onQuickAdd={handleQuickAdd}
+ *         />
+ *       ))}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductCard({ product, showQuickAdd, onQuickAdd, imageAspect, className, currency, locale, quickAddContent, href, showDiscount, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/products/components/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductCard.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAM/C,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,wBAAwB;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAA;IACjD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAoB,EACpB,UAAU,EACV,WAAsB,EACtB,SAAS,EACT,QAAgB,EAChB,MAAgB,EAChB,eAAe,EACf,IAAI,EACJ,YAAmB,GACpB,EAAE,gBAAgB,2CAqHlB"}

package/dist/products/components/ProductCard.js

@@ -0,0 +1,65 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductCard = ProductCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const image_1 = __importDefault(require("next/image"));
+const link_1 = __importDefault(require("next/link"));
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductCard component for displaying products in a grid.
+ *
+ * @example
+ * ```tsx
+ * import { ProductCard } from '@rovela/sdk/products'
+ *
+ * function ProductGrid({ products }) {
+ *   return (
+ *     <div className="grid grid-cols-3 gap-4">
+ *       {products.map(product => (
+ *         <ProductCard
+ *           key={product.id}
+ *           product={product}
+ *           showQuickAdd
+ *           onQuickAdd={handleQuickAdd}
+ *         />
+ *       ))}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+function ProductCard({ product, showQuickAdd = false, onQuickAdd, imageAspect = 'square', className, currency = 'USD', locale = 'en-US', quickAddContent, href, showDiscount = true, }) {
+    const aspectClasses = {
+        square: 'aspect-square',
+        portrait: 'aspect-[3/4]',
+        landscape: 'aspect-[4/3]',
+    };
+    const productHref = href || `/products/${product.slug}`;
+    const mainImage = product.images?.[0];
+    // Calculate discount percentage
+    const price = typeof product.price === 'string'
+        ? parseFloat(product.price)
+        : product.price;
+    const comparePrice = product.comparePrice
+        ? typeof product.comparePrice === 'string'
+            ? parseFloat(product.comparePrice)
+            : product.comparePrice
+        : null;
+    const discountPercent = comparePrice && comparePrice > price
+        ? Math.round(((comparePrice - price) / comparePrice) * 100)
+        : null;
+    const handleQuickAdd = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onQuickAdd?.(product);
+    };
+    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, utils_1.cn)('group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground transition-shadow hover:shadow-md', className), children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: productHref, className: "relative block overflow-hidden", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative w-full bg-muted', aspectClasses[imageAspect]), children: [mainImage ? ((0, jsx_runtime_1.jsx)(image_1.default, { src: mainImage, alt: product.name, fill: true, sizes: "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw", className: "object-cover transition-transform duration-300 group-hover:scale-105" })) : ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-12 w-12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) })), showDiscount && discountPercent && ((0, jsx_runtime_1.jsxs)("span", { className: "absolute left-2 top-2 rounded-full bg-destructive px-2 py-0.5 text-xs font-medium text-destructive-foreground", children: ["-", discountPercent, "%"] })), showQuickAdd && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-0 bottom-0 translate-y-full bg-gradient-to-t from-black/60 to-transparent p-4 opacity-0 transition-all duration-200 group-hover:translate-y-0 group-hover:opacity-100", children: (0, jsx_runtime_1.jsx)("button", { onClick: handleQuickAdd, className: "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90", children: quickAddContent || 'Quick Add' }) }))] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col p-4", children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: productHref, className: "flex-1", children: (0, jsx_runtime_1.jsx)("h3", { className: "line-clamp-2 font-medium text-foreground transition-colors hover:text-primary", children: product.name }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-baseline gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-lg font-semibold text-foreground", children: (0, utils_1.formatPrice)(price, { currency, locale }) }), comparePrice && comparePrice > price && ((0, jsx_runtime_1.jsx)("span", { className: "text-sm text-muted-foreground line-through", children: (0, utils_1.formatPrice)(comparePrice, { currency, locale }) }))] }), product.hasVariants && ((0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: "Multiple options available" }))] })] }));
+}
+//# sourceMappingURL=ProductCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../src/products/components/ProductCard.tsx"],"names":[],"mappings":"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"}

package/dist/products/components/ProductDetails.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @rovela/sdk/products/components/ProductDetails
+ *
+ * Full product details component for product pages.
+ */
+import { type ReactNode } from 'react';
+import type { Product, ProductVariant } from '../../core/types';
+export interface ProductDetailsProps {
+    /** Product data */
+    product: Product;
+    /** Product variants */
+    variants?: ProductVariant[];
+    /** Custom className */
+    className?: string;
+    /** Currency for price formatting */
+    currency?: string;
+    /** Locale for price formatting */
+    locale?: string;
+    /** Add to cart handler */
+    onAddToCart?: (product: Product, variant: ProductVariant | null, quantity: number) => void;
+    /** Buy now handler */
+    onBuyNow?: (product: Product, variant: ProductVariant | null, quantity: number) => void;
+    /** Custom add to cart button content */
+    addToCartContent?: ReactNode;
+    /** Custom buy now button content */
+    buyNowContent?: ReactNode;
+    /** Show buy now button */
+    showBuyNow?: boolean;
+    /** Show quantity selector */
+    showQuantity?: boolean;
+    /** Maximum quantity allowed */
+    maxQuantity?: number;
+    /** Show stock status */
+    showStock?: boolean;
+    /** Show variant selector labels */
+    variantLabels?: Record<string, string>;
+    /** Gallery position */
+    galleryPosition?: 'left' | 'top';
+    /** Children rendered after description */
+    children?: ReactNode;
+}
+/**
+ * ProductDetails component for product pages.
+ *
+ * @example
+ * ```tsx
+ * import { ProductDetails } from '@rovela/sdk/products'
+ *
+ * function ProductPage({ product, variants }) {
+ *   return (
+ *     <ProductDetails
+ *       product={product}
+ *       variants={variants}
+ *       onAddToCart={handleAddToCart}
+ *       showBuyNow
+ *       showStock
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductDetails({ product, variants, className, currency, locale, onAddToCart, onBuyNow, addToCartContent, buyNowContent, showBuyNow, showQuantity, maxQuantity, showStock, variantLabels, galleryPosition, children, }: ProductDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductDetails.d.ts.map