@rovela-ai/sdk 0.1.0 → 0.1.1

package/dist/products/components/ProductGrid.js

@@ -0,0 +1,83 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductGrid = ProductGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/ProductGrid
+ *
+ * Responsive grid layout for product cards.
+ */
+const utils_1 = require("../../core/utils");
+const ProductCard_1 = require("./ProductCard");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductGrid component for displaying products in a responsive grid.
+ *
+ * @example
+ * ```tsx
+ * import { ProductGrid } from '@rovela/sdk/products'
+ *
+ * function ProductListing() {
+ *   const { products, isLoading } = useProducts()
+ *
+ *   return (
+ *     <ProductGrid
+ *       products={products}
+ *       isLoading={isLoading}
+ *       columns={{ sm: 2, md: 3, lg: 4 }}
+ *       cardProps={{
+ *         showQuickAdd: true,
+ *         onQuickAdd: handleQuickAdd,
+ *       }}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+function ProductGrid({ products, columns = { sm: 2, md: 3, lg: 4 }, gap = 'md', className, cardProps, emptyState, isLoading = false, skeletonCount = 8, }) {
+    const columnClasses = {
+        sm: {
+            1: 'grid-cols-1',
+            2: 'grid-cols-2',
+        },
+        md: {
+            2: 'md:grid-cols-2',
+            3: 'md:grid-cols-3',
+            4: 'md:grid-cols-4',
+        },
+        lg: {
+            3: 'lg:grid-cols-3',
+            4: 'lg:grid-cols-4',
+            5: 'lg:grid-cols-5',
+            6: 'lg:grid-cols-6',
+        },
+    };
+    const gapClasses = {
+        sm: 'gap-3',
+        md: 'gap-4 md:gap-6',
+        lg: 'gap-6 md:gap-8',
+    };
+    const gridClassName = (0, utils_1.cn)('grid', columnClasses.sm[columns.sm || 2], columnClasses.md[columns.md || 3], columnClasses.lg[columns.lg || 4], gapClasses[gap], className);
+    // Loading state with skeletons
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: gridClassName, children: Array.from({ length: skeletonCount }).map((_, i) => ((0, jsx_runtime_1.jsx)(ProductCardSkeleton, {}, i))) }));
+    }
+    // Empty state
+    if (products.length === 0) {
+        if (emptyState) {
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emptyState });
+        }
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [(0, jsx_runtime_1.jsx)("svg", { className: "mb-4 h-12 w-12 text-muted-foreground", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-medium text-foreground", children: "No products found" }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: "Try adjusting your filters or search terms." })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: gridClassName, children: products.map((product) => ((0, jsx_runtime_1.jsx)(ProductCard_1.ProductCard, { product: product, ...cardProps }, product.id))) }));
+}
+// =============================================================================
+// Skeleton Component
+// =============================================================================
+function ProductCardSkeleton() {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-pulse overflow-hidden rounded-lg border bg-card", children: [(0, jsx_runtime_1.jsx)("div", { className: "aspect-square w-full bg-muted" }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-3/4 rounded bg-muted" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 h-4 w-1/2 rounded bg-muted" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 h-5 w-1/3 rounded bg-muted" })] })] }));
+}
+//# sourceMappingURL=ProductGrid.js.map

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

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

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

@@ -0,0 +1,43 @@
+export interface ProductSearchProps {
+    /** Current search value */
+    value?: string;
+    /** Callback when search changes */
+    onSearch: (query: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Custom className */
+    className?: string;
+    /** Debounce delay in ms */
+    debounceMs?: number;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show search icon */
+    showIcon?: boolean;
+}
+/**
+ * ProductSearch component for searching products.
+ *
+ * @example
+ * ```tsx
+ * import { ProductSearch } from '@rovela/sdk/products'
+ *
+ * function ProductToolbar() {
+ *   const [search, setSearch] = useState('')
+ *
+ *   return (
+ *     <ProductSearch
+ *       value={search}
+ *       onSearch={setSearch}
+ *       placeholder="Search products..."
+ *       debounceMs={300}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductSearch({ value, onSearch, placeholder, className, debounceMs, showClear, autoFocus, size, showIcon, }: ProductSearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSearch.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductSearch.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,QAAQ,EACR,WAAkC,EAClC,SAAS,EACT,UAAgB,EAChB,SAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,QAAe,GAChB,EAAE,kBAAkB,2CAyIpB"}

package/dist/products/components/ProductSearch.js

@@ -0,0 +1,99 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSearch = ProductSearch;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/ProductSearch
+ *
+ * Search input component for product discovery.
+ */
+const react_1 = require("react");
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductSearch component for searching products.
+ *
+ * @example
+ * ```tsx
+ * import { ProductSearch } from '@rovela/sdk/products'
+ *
+ * function ProductToolbar() {
+ *   const [search, setSearch] = useState('')
+ *
+ *   return (
+ *     <ProductSearch
+ *       value={search}
+ *       onSearch={setSearch}
+ *       placeholder="Search products..."
+ *       debounceMs={300}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+function ProductSearch({ value = '', onSearch, placeholder = 'Search products...', className, debounceMs = 300, showClear = true, autoFocus = false, size = 'md', showIcon = true, }) {
+    const [localValue, setLocalValue] = (0, react_1.useState)(value);
+    const debounceRef = (0, react_1.useRef)(undefined);
+    const inputRef = (0, react_1.useRef)(null);
+    // Sync local value with controlled value
+    (0, react_1.useEffect)(() => {
+        setLocalValue(value);
+    }, [value]);
+    // Auto focus
+    (0, react_1.useEffect)(() => {
+        if (autoFocus && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [autoFocus]);
+    // Handle input change with debounce
+    const handleChange = (0, react_1.useCallback)((e) => {
+        const newValue = e.target.value;
+        setLocalValue(newValue);
+        // Clear existing timeout
+        if (debounceRef.current) {
+            clearTimeout(debounceRef.current);
+        }
+        // Set new timeout
+        debounceRef.current = setTimeout(() => {
+            onSearch(newValue);
+        }, debounceMs);
+    }, [onSearch, debounceMs]);
+    // Handle clear
+    const handleClear = (0, react_1.useCallback)(() => {
+        setLocalValue('');
+        onSearch('');
+        inputRef.current?.focus();
+    }, [onSearch]);
+    // Handle form submit (prevent page reload)
+    const handleSubmit = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        // Clear timeout and trigger search immediately
+        if (debounceRef.current) {
+            clearTimeout(debounceRef.current);
+        }
+        onSearch(localValue);
+    }, [localValue, onSearch]);
+    // Cleanup timeout on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (debounceRef.current) {
+                clearTimeout(debounceRef.current);
+            }
+        };
+    }, []);
+    const sizeClasses = {
+        sm: 'h-8 text-sm',
+        md: 'h-10 text-sm',
+        lg: 'h-12 text-base',
+    };
+    const iconSizeClasses = {
+        sm: 'h-4 w-4',
+        md: 'h-5 w-5',
+        lg: 'h-5 w-5',
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: (0, utils_1.cn)('relative', className), children: [showIcon && ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3", children: (0, jsx_runtime_1.jsx)("svg", { className: (0, utils_1.cn)('text-muted-foreground', iconSizeClasses[size]), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "search", value: localValue, onChange: handleChange, placeholder: placeholder, className: (0, utils_1.cn)('w-full rounded-md border border-border bg-background transition-colors', 'focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary', 'placeholder:text-muted-foreground', sizeClasses[size], showIcon ? 'pl-10' : 'pl-4', showClear && localValue ? 'pr-10' : 'pr-4', '[&::-webkit-search-cancel-button]:hidden') }), showClear && localValue && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClear, className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground", children: (0, jsx_runtime_1.jsx)("svg", { className: iconSizeClasses[size], fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
+}
+//# sourceMappingURL=ProductSearch.js.map

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

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

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

@@ -0,0 +1,43 @@
+export type SortOption = 'newest' | 'price-asc' | 'price-desc' | 'name';
+export interface SortOptionConfig {
+    value: SortOption;
+    label: string;
+}
+export interface ProductSortProps {
+    /** Current sort value */
+    value: SortOption;
+    /** Callback when sort changes */
+    onChange: (value: SortOption) => void;
+    /** Custom className */
+    className?: string;
+    /** Custom options */
+    options?: SortOptionConfig[];
+    /** Label text */
+    label?: string;
+    /** Show label */
+    showLabel?: boolean;
+    /** Variant style */
+    variant?: 'select' | 'buttons';
+}
+/**
+ * ProductSort component for sorting product listings.
+ *
+ * @example
+ * ```tsx
+ * import { ProductSort } from '@rovela/sdk/products'
+ *
+ * function ProductToolbar() {
+ *   const [sort, setSort] = useState('newest')
+ *
+ *   return (
+ *     <ProductSort
+ *       value={sort}
+ *       onChange={setSort}
+ *       showLabel
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductSort({ value, onChange, className, options, label, showLabel, variant, }: ProductSortProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductSort.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSort.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductSort.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAA;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,EAAE,UAAU,CAAA;IACjB,iCAAiC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAiBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAwB,EACxB,KAAiB,EACjB,SAAiB,EACjB,OAAkB,GACnB,EAAE,gBAAgB,2CA+FlB"}

package/dist/products/components/ProductSort.js

@@ -0,0 +1,61 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSort = ProductSort;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/ProductSort
+ *
+ * Sort dropdown component for product listings.
+ */
+const react_1 = require("react");
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Default Options
+// =============================================================================
+const defaultOptions = [
+    { value: 'newest', label: 'Newest' },
+    { value: 'price-asc', label: 'Price: Low to High' },
+    { value: 'price-desc', label: 'Price: High to Low' },
+    { value: 'name', label: 'Name: A to Z' },
+];
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductSort component for sorting product listings.
+ *
+ * @example
+ * ```tsx
+ * import { ProductSort } from '@rovela/sdk/products'
+ *
+ * function ProductToolbar() {
+ *   const [sort, setSort] = useState('newest')
+ *
+ *   return (
+ *     <ProductSort
+ *       value={sort}
+ *       onChange={setSort}
+ *       showLabel
+ *     />
+ *   )
+ * }
+ * ```
+ */
+function ProductSort({ value, onChange, className, options = defaultOptions, label = 'Sort by', showLabel = false, variant = 'select', }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const selectedOption = options.find((opt) => opt.value === value) || options[0];
+    const handleSelect = (0, react_1.useCallback)((newValue) => {
+        onChange(newValue);
+        setIsOpen(false);
+    }, [onChange]);
+    if (variant === 'buttons') {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex items-center gap-2', className), children: [showLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-muted-foreground", children: [label, ":"] })), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-1", children: options.map((option) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => handleSelect(option.value), className: (0, utils_1.cn)('rounded-md px-3 py-1.5 text-sm transition-colors', value === option.value
+                            ? 'bg-primary text-primary-foreground'
+                            : 'bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground'), children: option.label }, option.value))) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [showLabel && ((0, jsx_runtime_1.jsxs)("label", { className: "text-sm text-muted-foreground", children: [label, ":"] })), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setIsOpen(!isOpen), className: "flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm transition-colors hover:bg-muted", children: [(0, jsx_runtime_1.jsx)("span", { children: selectedOption.label }), (0, jsx_runtime_1.jsx)("svg", { className: (0, utils_1.cn)('h-4 w-4 text-muted-foreground 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.jsx)("div", { className: "absolute right-0 z-20 mt-1 min-w-[180px] rounded-md border border-border bg-background py-1 shadow-lg", children: options.map((option) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => handleSelect(option.value), className: (0, utils_1.cn)('block w-full px-4 py-2 text-left text-sm transition-colors', value === option.value
+                                ? 'bg-primary/10 text-primary'
+                                : 'text-foreground hover:bg-muted'), children: option.label }, option.value))) })] }))] }));
+}
+//# sourceMappingURL=ProductSort.js.map

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

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

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

@@ -0,0 +1,43 @@
+import type { ProductVariant } from '../../core/types';
+export interface VariantSelectorProps {
+    /** Product variants */
+    variants: ProductVariant[];
+    /** Currently selected variant */
+    selected?: ProductVariant | null;
+    /** Callback when variant selection changes */
+    onSelect: (variant: ProductVariant | null) => void;
+    /** Custom className */
+    className?: string;
+    /** Show inventory count */
+    showInventory?: boolean;
+    /** Disable out of stock variants */
+    disableOutOfStock?: boolean;
+    /** Custom attribute labels */
+    labels?: Record<string, string>;
+    /** Render as buttons or dropdown */
+    display?: 'buttons' | 'dropdown';
+}
+/**
+ * VariantSelector component for selecting product variants.
+ *
+ * @example
+ * ```tsx
+ * import { VariantSelector } from '@rovela/sdk/products'
+ *
+ * function ProductVariants({ variants }) {
+ *   const [selected, setSelected] = useState(null)
+ *
+ *   return (
+ *     <VariantSelector
+ *       variants={variants}
+ *       selected={selected}
+ *       onSelect={setSelected}
+ *       showInventory
+ *       disableOutOfStock
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function VariantSelector({ variants, selected, onSelect, className, showInventory, disableOutOfStock, labels, display, }: VariantSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=VariantSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariantSelector.d.ts","sourceRoot":"","sources":["../../../src/products/components/VariantSelector.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMtD,MAAM,WAAW,oBAAoB;IACnC,uBAAuB;IACvB,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,iBAAwB,EACxB,MAAW,EACX,OAAmB,GACpB,EAAE,oBAAoB,kDAmLtB"}

package/dist/products/components/VariantSelector.js

@@ -0,0 +1,147 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantSelector = VariantSelector;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @rovela/sdk/products/components/VariantSelector
+ *
+ * Dynamic variant selector based on product variant attributes.
+ */
+const react_1 = require("react");
+const utils_1 = require("../../core/utils");
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * VariantSelector component for selecting product variants.
+ *
+ * @example
+ * ```tsx
+ * import { VariantSelector } from '@rovela/sdk/products'
+ *
+ * function ProductVariants({ variants }) {
+ *   const [selected, setSelected] = useState(null)
+ *
+ *   return (
+ *     <VariantSelector
+ *       variants={variants}
+ *       selected={selected}
+ *       onSelect={setSelected}
+ *       showInventory
+ *       disableOutOfStock
+ *     />
+ *   )
+ * }
+ * ```
+ */
+function VariantSelector({ variants, selected, onSelect, className, showInventory = false, disableOutOfStock = true, labels = {}, display = 'buttons', }) {
+    // Extract all unique attribute names and their values
+    const attributeGroups = (0, react_1.useMemo)(() => {
+        const groups = new Map();
+        variants.forEach((variant) => {
+            if (variant.attributes) {
+                Object.entries(variant.attributes).forEach(([key, value]) => {
+                    if (!groups.has(key)) {
+                        groups.set(key, new Set());
+                    }
+                    groups.get(key).add(value);
+                });
+            }
+        });
+        // Convert to array format
+        return Array.from(groups.entries()).map(([name, values]) => ({
+            name,
+            values: Array.from(values).sort(),
+            label: labels[name] || formatAttributeLabel(name),
+        }));
+    }, [variants, labels]);
+    // Track selected attributes
+    const [selectedAttributes, setSelectedAttributes] = (0, react_1.useState)({});
+    // Initialize from selected variant
+    (0, react_1.useEffect)(() => {
+        if (selected?.attributes) {
+            setSelectedAttributes(selected.attributes);
+        }
+    }, [selected]);
+    // Find variant matching selected attributes
+    const findMatchingVariant = (0, react_1.useCallback)((attrs) => {
+        return (variants.find((variant) => {
+            if (!variant.attributes)
+                return false;
+            return Object.entries(attrs).every(([key, value]) => variant.attributes[key] === value);
+        }) || null);
+    }, [variants]);
+    // Check if a specific attribute value is available given other selections
+    const isValueAvailable = (0, react_1.useCallback)((attributeName, value) => {
+        const testAttrs = { ...selectedAttributes, [attributeName]: value };
+        const matchingVariants = variants.filter((variant) => {
+            if (!variant.attributes)
+                return false;
+            return Object.entries(testAttrs).every(([key, val]) => {
+                // Only check attributes that are set
+                if (!val)
+                    return true;
+                return variant.attributes[key] === val;
+            });
+        });
+        if (matchingVariants.length === 0)
+            return false;
+        if (!disableOutOfStock)
+            return true;
+        return matchingVariants.some((v) => v.inventory > 0);
+    }, [variants, selectedAttributes, disableOutOfStock]);
+    // Handle attribute selection
+    const handleAttributeSelect = (0, react_1.useCallback)((attributeName, value) => {
+        const newAttrs = { ...selectedAttributes, [attributeName]: value };
+        setSelectedAttributes(newAttrs);
+        // Try to find matching variant
+        const matchingVariant = findMatchingVariant(newAttrs);
+        onSelect(matchingVariant);
+    }, [selectedAttributes, findMatchingVariant, onSelect]);
+    // Get variant for display info (inventory, etc.)
+    const getVariantForValue = (0, react_1.useCallback)((attributeName, value) => {
+        const testAttrs = { ...selectedAttributes, [attributeName]: value };
+        return variants.find((variant) => {
+            if (!variant.attributes)
+                return false;
+            return Object.entries(testAttrs).every(([key, val]) => variant.attributes[key] === val);
+        });
+    }, [variants, selectedAttributes]);
+    if (variants.length === 0 || attributeGroups.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('space-y-4', className), children: attributeGroups.map((group) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("label", { className: "mb-2 block text-sm font-medium text-foreground", children: [group.label, selectedAttributes[group.name] && ((0, jsx_runtime_1.jsx)("span", { className: "ml-2 font-normal text-muted-foreground", children: selectedAttributes[group.name] }))] }), display === 'buttons' ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2", children: group.values.map((value) => {
+                        const isSelected = selectedAttributes[group.name] === value;
+                        const isAvailable = isValueAvailable(group.name, value);
+                        const variant = getVariantForValue(group.name, value);
+                        const isOutOfStock = variant && variant.inventory <= 0;
+                        return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: !isAvailable || (disableOutOfStock && isOutOfStock), onClick: () => handleAttributeSelect(group.name, value), className: (0, utils_1.cn)('relative min-w-[3rem] rounded-md border px-3 py-2 text-sm font-medium transition-colors', isSelected
+                                ? 'border-primary bg-primary text-primary-foreground'
+                                : 'border-border bg-background text-foreground hover:border-primary', !isAvailable && 'cursor-not-allowed opacity-50', isOutOfStock &&
+                                disableOutOfStock &&
+                                'cursor-not-allowed opacity-50 line-through'), children: [value, showInventory && variant && ((0, jsx_runtime_1.jsxs)("span", { className: "ml-1 text-xs text-muted-foreground", children: ["(", variant.inventory, ")"] }))] }, value));
+                    }) })) : ((0, jsx_runtime_1.jsxs)("select", { value: selectedAttributes[group.name] || '', onChange: (e) => handleAttributeSelect(group.name, e.target.value), className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary", children: [(0, jsx_runtime_1.jsxs)("option", { value: "", children: ["Select ", group.label] }), group.values.map((value) => {
+                            const isAvailable = isValueAvailable(group.name, value);
+                            const variant = getVariantForValue(group.name, value);
+                            const isOutOfStock = variant && variant.inventory <= 0;
+                            return ((0, jsx_runtime_1.jsxs)("option", { value: value, disabled: !isAvailable || (disableOutOfStock && isOutOfStock), children: [value, showInventory && variant ? ` (${variant.inventory})` : '', isOutOfStock ? ' - Out of Stock' : ''] }, value));
+                        })] }))] }, group.name))) }));
+}
+// =============================================================================
+// Helpers
+// =============================================================================
+/**
+ * Format attribute name to display label
+ * e.g., "size" -> "Size", "shoe_size" -> "Shoe Size"
+ */
+function formatAttributeLabel(name) {
+    return name
+        .replace(/_/g, ' ')
+        .replace(/([A-Z])/g, ' $1')
+        .trim()
+        .split(' ')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+        .join(' ');
+}
+//# sourceMappingURL=VariantSelector.js.map

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

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

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

@@ -0,0 +1,26 @@
+/**
+ * @rovela/sdk/products/components
+ *
+ * Product catalog UI components.
+ */
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { ProductGrid } from './ProductGrid';
+export type { ProductGridProps } from './ProductGrid';
+export { ProductDetails } from './ProductDetails';
+export type { ProductDetailsProps } from './ProductDetails';
+export { VariantSelector } from './VariantSelector';
+export type { VariantSelectorProps } from './VariantSelector';
+export { ProductGallery } from './ProductGallery';
+export type { ProductGalleryProps } from './ProductGallery';
+export { CategoryNav } from './CategoryNav';
+export type { CategoryNavProps } from './CategoryNav';
+export { ProductBreadcrumb } from './ProductBreadcrumb';
+export type { ProductBreadcrumbProps, BreadcrumbItem } from './ProductBreadcrumb';
+export { ProductSearch } from './ProductSearch';
+export type { ProductSearchProps } from './ProductSearch';
+export { ProductSort } from './ProductSort';
+export type { ProductSortProps, SortOption, SortOptionConfig } from './ProductSort';
+export { ProductFilterPanel } from './ProductFilters';
+export type { ProductFilterPanelProps, ProductFilterValues } from './ProductFilters';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/products/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}