storefront-layouts 1.0.17 → 1.0.19

package/dist/components/ui/category-tree.d.ts

@@ -11,6 +11,10 @@ export interface CategoryTreeProps {
     isAllSelected?: boolean;
     storeSlug?: string;
     linkBasePath?: string;
+    /** When set, shows "(n)" after each category name (includes products in descendants). */
+    categoryProductCounts?: Record<string, number>;
+    /** With counts: sort by count (desc) and show only this many root categories until "See more". */
+    featuredRootCategoryLimit?: number;
 }
-export declare function CategoryTree({ categories, selectedCategoryIds, onCategoryToggle, mode, onCategorySelect, className, showAllOption, onAllSelect, isAllSelected, storeSlug, linkBasePath, }: CategoryTreeProps): import("react").JSX.Element;
+export declare function CategoryTree({ categories, selectedCategoryIds, onCategoryToggle, mode, onCategorySelect, className, showAllOption, onAllSelect, isAllSelected, storeSlug, linkBasePath, categoryProductCounts, featuredRootCategoryLimit, }: CategoryTreeProps): import("react").JSX.Element;
 //# sourceMappingURL=category-tree.d.ts.map

package/dist/components/ui/category-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../src/components/ui/category-tree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAwLD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,mBAAwB,EACxB,gBAAgB,EAChB,IAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,aAAqB,EACrB,WAAW,EACX,aAAqB,EACrB,SAAS,EACT,YAAY,GACb,EAAE,iBAAiB,+BAoFnB"}
+{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../src/components/ui/category-tree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,kGAAkG;IAClG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AA+LD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,mBAAwB,EACxB,gBAAgB,EAChB,IAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,aAAqB,EACrB,WAAW,EACX,aAAqB,EACrB,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,yBAAyB,GAC1B,EAAE,iBAAiB,+BAiJnB"}

package/dist/components/ui/category-tree.js

@@ -1,14 +1,15 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from 'react';
 import Link from 'next/link';
-import { buildCategoryTree } from '../../lib/utils/category-tree.js';
-import { ChevronDown, ChevronRight, Check } from 'lucide-react';
+import { buildCategoryTree, getAllCategoryIds, sortCategoryTreeByProductCount } from '../../lib/utils/category-tree.js';
+import { ChevronDown, ChevronRight, ChevronUp, Check } from 'lucide-react';
 import { cn, formatDisplayLabel } from '../../lib/utils/index.js';
-function CategoryItem({ category, level, selectedCategoryIds, onCategoryToggle, mode, onCategorySelect, expandedCategories, onToggleExpand, storeSlug, linkBasePath, }) {
+function CategoryItem({ category, level, selectedCategoryIds, onCategoryToggle, mode, onCategorySelect, expandedCategories, onToggleExpand, storeSlug, linkBasePath, categoryProductCounts, }) {
     const hasChildren = category.children && category.children.length > 0;
     const isExpanded = expandedCategories.has(category.id);
     const isSelected = selectedCategoryIds.includes(category.id);
+    const productCount = categoryProductCounts?.[category.id];
     const handleClick = () => {
         if (mode === 'button' && onCategorySelect) {
             onCategorySelect(category.slug);
@@ -34,18 +35,40 @@ function CategoryItem({ category, level, selectedCategoryIds, onCategoryToggle,
             : 'px-3 py-2 cursor-pointer group hover:bg-slate-100 hover:text-slate-900', isSelected && mode === 'checkbox' && 'bg-blue-50 text-blue-600', isSelected && mode === 'button' && 'bg-blue-50 text-blue-600');
     const content = (_jsxs(_Fragment, { children: [mode !== 'link' && (_jsx("button", { type: "button", onClick: handleExpandToggle, className: cn('flex items-center justify-center w-5 h-5 rounded transition-colors', hasChildren ? 'cursor-pointer hover:bg-gray-200' : 'cursor-default opacity-0', level > 0 && 'ml-2'), "aria-label": isExpanded ? 'Collapse' : 'Expand', children: hasChildren && (isExpanded ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5 text-gray-500" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5 text-gray-500" }))) })), mode === 'link' && hasChildren && (_jsx("button", { type: "button", onClick: handleExpandToggle, className: cn('flex items-center justify-center w-5 h-5 rounded transition-colors cursor-pointer hover:bg-gray-200', level > 0 && 'ml-2'), "aria-label": isExpanded ? 'Collapse' : 'Expand', children: isExpanded ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5 text-gray-500" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5 text-gray-500" })) })), mode === 'checkbox' && (_jsx("div", { className: cn('w-4 h-4 rounded border flex items-center justify-center transition-colors', isSelected
                     ? 'bg-blue-600 border-blue-600'
-                    : 'border-gray-300 group-hover:border-blue-400'), children: isSelected && _jsx(Check, { className: "h-3 w-3 text-white" }) })), _jsx("span", { className: cn('text-sm font-medium flex-1', level === 0 ? 'text-gray-900' : 'text-gray-700', isSelected && 'text-blue-600'), children: formatDisplayLabel(category.name) }), mode === 'button' && isSelected && (_jsx(Check, { className: "h-4 w-4 text-blue-600" })), mode === 'link' && !hasChildren && (_jsx(ChevronRight, { className: "h-3 w-3 text-gray-300 group-hover:text-gray-500" }))] }));
+                    : 'border-gray-300 group-hover:border-blue-400'), children: isSelected && _jsx(Check, { className: "h-3 w-3 text-white" }) })), _jsxs("span", { className: cn('text-sm font-medium flex-1', level === 0 ? 'text-gray-900' : 'text-gray-700', isSelected && 'text-blue-600'), children: [formatDisplayLabel(category.name), typeof productCount === 'number' ? (_jsxs("span", { className: "text-gray-400 font-normal", children: [" (", productCount, ")"] })) : null] }), mode === 'button' && isSelected && (_jsx(Check, { className: "h-4 w-4 text-blue-600" })), mode === 'link' && !hasChildren && (_jsx(ChevronRight, { className: "h-3 w-3 text-gray-300 group-hover:text-gray-500" }))] }));
     return (_jsxs("div", { className: "space-y-1", children: [mode === 'link' && href ? (hasChildren ? (_jsx("div", { className: baseClasses, onClick: (e) => {
                     e.preventDefault();
                     onToggleExpand(category.id);
-                }, children: content })) : (_jsx(Link, { href: href, className: baseClasses, children: content }))) : (_jsx("div", { className: baseClasses, onClick: handleClick, children: content })), hasChildren && isExpanded && (_jsx("div", { className: cn('space-y-1', level === 0 ? 'ml-4' : 'ml-6'), style: level > 1 ? { marginLeft: `${(level + 1) * 0.75}rem` } : undefined, children: category.children.map((child) => (_jsx(CategoryItem, { category: child, level: level + 1, selectedCategoryIds: selectedCategoryIds, onCategoryToggle: onCategoryToggle, mode: mode, onCategorySelect: onCategorySelect, expandedCategories: expandedCategories, onToggleExpand: onToggleExpand, storeSlug: storeSlug, linkBasePath: linkBasePath }, child.id))) }))] }));
+                }, children: content })) : (_jsx(Link, { href: href, className: baseClasses, children: content }))) : (_jsx("div", { className: baseClasses, onClick: handleClick, children: content })), hasChildren && isExpanded && (_jsx("div", { className: cn('space-y-1', level === 0 ? 'ml-4' : 'ml-6'), style: level > 1 ? { marginLeft: `${(level + 1) * 0.75}rem` } : undefined, children: category.children.map((child) => (_jsx(CategoryItem, { category: child, level: level + 1, selectedCategoryIds: selectedCategoryIds, onCategoryToggle: onCategoryToggle, mode: mode, onCategorySelect: onCategorySelect, expandedCategories: expandedCategories, onToggleExpand: onToggleExpand, storeSlug: storeSlug, linkBasePath: linkBasePath, categoryProductCounts: categoryProductCounts }, child.id))) }))] }));
 }
-export function CategoryTree({ categories, selectedCategoryIds = [], onCategoryToggle, mode = 'checkbox', onCategorySelect, className, showAllOption = false, onAllSelect, isAllSelected = false, storeSlug, linkBasePath, }) {
+export function CategoryTree({ categories, selectedCategoryIds = [], onCategoryToggle, mode = 'checkbox', onCategorySelect, className, showAllOption = false, onAllSelect, isAllSelected = false, storeSlug, linkBasePath, categoryProductCounts, featuredRootCategoryLimit, }) {
     const [expandedCategories, setExpandedCategories] = useState(new Set());
-    // Build category tree from flat array
+    const [showMoreRootCategories, setShowMoreRootCategories] = useState(false);
     const categoryTree = useMemo(() => {
-        return buildCategoryTree(categories);
-    }, [categories]);
+        let tree = buildCategoryTree(categories);
+        if (categoryProductCounts) {
+            tree = sortCategoryTreeByProductCount(tree, categoryProductCounts);
+        }
+        return tree;
+    }, [categories, categoryProductCounts]);
+    const { featuredRootCategories, overflowRootCategories } = useMemo(() => {
+        const limit = featuredRootCategoryLimit;
+        if (!limit || limit < 1 || categoryTree.length <= limit) {
+            return { featuredRootCategories: categoryTree, overflowRootCategories: [] };
+        }
+        return {
+            featuredRootCategories: categoryTree.slice(0, limit),
+            overflowRootCategories: categoryTree.slice(limit),
+        };
+    }, [categoryTree, featuredRootCategoryLimit]);
+    useEffect(() => {
+        if (overflowRootCategories.length === 0)
+            return;
+        const selectedInOverflow = selectedCategoryIds.some((id) => overflowRootCategories.some((root) => getAllCategoryIds(root).includes(id)));
+        if (selectedInOverflow) {
+            setShowMoreRootCategories(true);
+        }
+    }, [selectedCategoryIds, overflowRootCategories]);
     const handleToggleExpand = (categoryId) => {
         setExpandedCategories(prev => {
             const next = new Set(prev);
@@ -70,5 +93,6 @@ export function CategoryTree({ categories, selectedCategoryIds = [], onCategoryT
                     ? 'p-2 -ml-2 -mr-2 cursor-pointer group hover:bg-blue-50 hover:text-blue-600'
                     : 'cursor-pointer group hover:bg-slate-100 hover:text-slate-900', isAllSelected && 'bg-blue-50 text-blue-600'), children: [mode === 'checkbox' && (_jsx("div", { className: cn('w-4 h-4 rounded border flex items-center justify-center transition-colors', isAllSelected
                             ? 'bg-blue-600 border-blue-600'
-                            : 'border-gray-300 group-hover:border-blue-400'), children: isAllSelected && _jsx(Check, { className: "h-3 w-3 text-white" }) })), _jsx("span", { className: "flex-1", children: "All Products" }), mode === 'button' && isAllSelected && (_jsx(Check, { className: "h-4 w-4 text-blue-600" }))] })), categoryTree.map((category) => (_jsx(CategoryItem, { category: category, level: 0, selectedCategoryIds: selectedCategoryIds, onCategoryToggle: handleCategoryToggle, mode: mode, onCategorySelect: onCategorySelect, expandedCategories: expandedCategories, onToggleExpand: handleToggleExpand, storeSlug: storeSlug, linkBasePath: linkBasePath }, category.id)))] }));
+                            : 'border-gray-300 group-hover:border-blue-400'), children: isAllSelected && _jsx(Check, { className: "h-3 w-3 text-white" }) })), _jsx("span", { className: "flex-1", children: "All Products" }), mode === 'button' && isAllSelected && (_jsx(Check, { className: "h-4 w-4 text-blue-600" }))] })), featuredRootCategories.map((category) => (_jsx(CategoryItem, { category: category, level: 0, selectedCategoryIds: selectedCategoryIds, onCategoryToggle: handleCategoryToggle, mode: mode, onCategorySelect: onCategorySelect, expandedCategories: expandedCategories, onToggleExpand: handleToggleExpand, storeSlug: storeSlug, linkBasePath: linkBasePath, categoryProductCounts: categoryProductCounts }, category.id))), showMoreRootCategories &&
+                overflowRootCategories.map((category) => (_jsx(CategoryItem, { category: category, level: 0, selectedCategoryIds: selectedCategoryIds, onCategoryToggle: handleCategoryToggle, mode: mode, onCategorySelect: onCategorySelect, expandedCategories: expandedCategories, onToggleExpand: handleToggleExpand, storeSlug: storeSlug, linkBasePath: linkBasePath, categoryProductCounts: categoryProductCounts }, category.id))), overflowRootCategories.length > 0 && (_jsx("button", { type: "button", onClick: () => setShowMoreRootCategories((open) => !open), className: "text-sm text-gray-600 hover:text-blue-600 font-medium mt-2 flex items-center gap-1 transition-colors", children: showMoreRootCategories ? (_jsxs(_Fragment, { children: ["Show less ", _jsx(ChevronUp, { className: "h-4 w-4" })] })) : (_jsxs(_Fragment, { children: ["See more ", _jsx(ChevronDown, { className: "h-4 w-4" })] })) }))] }));
 }

package/dist/components/ui/product-card.d.ts

@@ -6,6 +6,6 @@ interface ProductCardProps {
     onQuickView: (product: StoreProduct) => void;
     className?: string;
 }
-export declare function ProductCard({ product, storeSlug, onAddToCart, onQuickView, className }: ProductCardProps): import("react").JSX.Element;
+export declare function ProductCard({ product, storeSlug, onAddToCart, onQuickView: _onQuickView, className }: ProductCardProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=product-card.d.ts.map

package/dist/components/ui/product-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAsRxG"}
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA8QtH"}

package/dist/components/ui/product-card.js

@@ -5,7 +5,7 @@ import { useState } from 'react';
 import { Button } from './button.js';
 import { ImageWithFallback } from './image-with-fallback.js';
 import { ProductRating } from './product-rating.js';
-import { ShoppingCart, Heart, Eye, Share2 } from 'lucide-react';
+import { ShoppingCart, Heart, Share2 } from 'lucide-react';
 import { shareProductLink } from '../../lib/utils/product-share.js';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
@@ -21,7 +21,7 @@ import { isActiveLimitedTimeOffer } from '../../lib/limited-time-offer.js';
 import { getProductStockInfo } from '../../lib/inventory-utils.js';
 import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
 import { trackStorefrontEvent } from '../../lib/mixpanel.js';
-export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, className }) {
+export function ProductCard({ product, storeSlug, onAddToCart, onQuickView: _onQuickView, className }) {
     const router = useRouter();
     const [isHovered, setIsHovered] = useState(false);
     const hasVariationOptions = (product.variants?.length ?? 0) > 0;
@@ -132,19 +132,19 @@ export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, clas
             });
         }
     }
-    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4", lazy: true }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || (hasValidCompareAtPrice(product.price, product.compareAtPrice)) || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !(hasValidCompareAtPrice(product.price, product.compareAtPrice)) && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsxs("div", { className: "absolute bottom-4 inset-x-4 grid grid-cols-[2.5rem_1fr] gap-2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "h-10 w-10 flex items-center justify-center rounded-full bg-white text-slate-900 hover:bg-slate-900 hover:text-white border border-transparent shadow-lg transition-colors duration-200", title: "View Details", onClick: trackProductClick, children: _jsx(Eye, { className: "h-4 w-4" }) }), _jsxs(Button, { type: "button", variant: "outline", onClick: async (e) => {
-                                    e.preventDefault();
-                                    e.stopPropagation();
-                                    if (isOutOfStock)
-                                        return;
-                                    if (hasVariationOptions) {
-                                        trackProductClick();
-                                        startPageLoading(productHref);
-                                        router.push(productHref);
-                                        return;
-                                    }
-                                    await onAddToCart(product);
-                                }, disabled: isOutOfStock, className: cn('h-10 w-full min-w-0 justify-center gap-2 rounded-full border-0 bg-white px-4 text-slate-900 shadow-lg hover:bg-slate-900 hover:text-white font-semibold transition-colors duration-200 [&_svg]:text-current hover:[&_svg]:text-current', isOutOfStock && 'opacity-50 cursor-not-allowed'), children: [_jsx(ShoppingCart, { className: "h-4 w-4 shrink-0", "aria-hidden": true }), "Add to cart"] })] })] }), _jsxs("div", { className: "p-4 flex flex-col flex-1 space-y-2", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "group-hover:text-blue-600 transition-colors duration-300", onClick: () => {
+    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4", lazy: true }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || (hasValidCompareAtPrice(product.price, product.compareAtPrice)) || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !(hasValidCompareAtPrice(product.price, product.compareAtPrice)) && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsx("div", { className: "absolute bottom-4 inset-x-4 flex justify-center opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: _jsxs(Button, { type: "button", variant: "outline", onClick: async (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                if (isOutOfStock)
+                                    return;
+                                if (hasVariationOptions) {
+                                    trackProductClick();
+                                    startPageLoading(productHref);
+                                    router.push(productHref);
+                                    return;
+                                }
+                                await onAddToCart(product);
+                            }, disabled: isOutOfStock, className: cn('h-10 min-w-[10.5rem] justify-center gap-2 rounded-full border-0 bg-white px-5 text-slate-900 shadow-lg hover:bg-slate-900 hover:text-white font-semibold transition-colors duration-200 [&_svg]:text-current hover:[&_svg]:text-current', isOutOfStock && 'opacity-50 cursor-not-allowed'), children: [_jsx(ShoppingCart, { className: "h-4 w-4 shrink-0", "aria-hidden": true }), "Add to cart"] }) })] }), _jsxs("div", { className: "p-4 flex flex-col flex-1 space-y-2", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "group-hover:text-blue-600 transition-colors duration-300", onClick: () => {
                             trackProductClick();
                             startPageLoading(`/${storeSlug}/products/${product.slug}`);
                         }, children: _jsx("h3", { className: "font-bold text-slate-900 text-base leading-tight line-clamp-1", children: product.name }) }), richFieldHasContent(product.description) && (_jsx("p", { className: "text-xs text-slate-500 line-clamp-1", children: richFieldPlainTextForDisplay(product.description) })), _jsxs("div", { className: "mt-auto pt-2 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-lg font-bold text-slate-900", children: formatCurrency(product.price, product.currency || 'USD') }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "text-sm text-slate-400 line-through font-medium", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] })] }));

package/dist/editor/alignment-schemas/booking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/booking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AAUrE,eAAO,MAAM,aAAa,EAAE,qBAwd3B,CAAC"}
+{"version":3,"file":"booking.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/booking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AAiBrE,eAAO,MAAM,aAAa,EAAE,qBA8f3B,CAAC"}

package/dist/editor/alignment-schemas/booking.js

@@ -5,6 +5,12 @@ const sectionStyleSupports = {
     border: true,
     typography: true,
 };
+const aboutSectionStyleSupports = {
+    spacing: false,
+    colors: false,
+    border: false,
+    typography: false,
+};
 export const BookingSchema = {
     home: {
         hero: {
@@ -169,52 +175,66 @@ export const BookingSchema = {
     about: {
         hero: {
             type: 'section',
-            label: 'About Hero',
-            description: 'Full-bleed hero section at the top of the about page.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Mission Banner',
+            description: 'Full-bleed hero at the top of the about page.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.hero',
             fields: {
-                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
-                heroImage: { type: 'image', label: 'Hero Background Image' },
-                title: { type: 'text', label: 'Page Title', defaultValue: 'Crafting Experiences, Delivering Joy.' },
-                missionStatement: { type: 'multiline_text', label: 'Mission Statement / Tagline' },
-                establishedYear: { type: 'text', label: 'Established Year Badge', description: 'Short badge text, e.g. "Est. 2024".', defaultValue: 'Est. 2024' }
-            }
+                show: { type: 'toggle', label: 'Display header', defaultValue: true },
+                badgeText: {
+                    type: 'text',
+                    label: 'Badge text',
+                    description: 'Short label above the headline',
+                    defaultValue: 'Est. 2024',
+                },
+                badgeTextColor: { type: 'color', label: 'Badge text colour', defaultValue: '#ffffff' },
+                heroImage: { type: 'image', label: 'Mission image' },
+                imageOverlayColor: {
+                    type: 'color',
+                    label: 'Image overlay',
+                    description: 'Dark tint over the hero image behind the text.',
+                    defaultValue: '#000000',
+                },
+                title: { type: 'text', label: 'Mission headline', defaultValue: 'Crafting Experiences, Delivering Joy.' },
+                titleColor: { type: 'color', label: 'Headline colour', defaultValue: '#ffffff' },
+                missionStatement: { type: 'multiline_text', label: 'Core mission' },
+                missionStatementColor: { type: 'color', label: 'Mission text colour', defaultValue: '#e5e7eb' },
+            },
         },
         story: {
             type: 'section',
-            label: 'Our Story',
-            description: 'Brand narrative and gallery section.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Brand journey',
+            description: 'Brand narrative with a single story image.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.story',
             fields: {
-                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
-                sectionLabel: { type: 'text', label: 'Section Label', description: 'Small uppercase label above the heading (e.g. "Who We Are").', defaultValue: 'Who We Are' },
-                sectionHeading: { type: 'text', label: 'Section Heading', defaultValue: 'Our Journey' },
-                content: { type: 'multiline_text', label: 'Story Content' },
+                show: { type: 'toggle', label: 'Display story', defaultValue: true },
+                sectionLabel: {
+                    type: 'text',
+                    label: 'Section label',
+                    description: 'Small label above the title (e.g. "Who We Are").',
+                    defaultValue: 'Who We Are',
+                },
+                sectionHeading: { type: 'text', label: 'Section title', defaultValue: 'Our Journey' },
+                content: { type: 'multiline_text', label: 'The narrative' },
                 storyImage: {
                     type: 'image',
-                    label: 'Story / Team Image',
-                    description: 'Main image beside the story when no gallery images are set.',
+                    label: 'Story / team image',
                     defaultValue: 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop',
                 },
-                galleryOverlayTitle: { type: 'text', label: 'Fallback Gallery Card Title', defaultValue: 'The Dream Team' },
-                galleryOverlaySubtitle: { type: 'text', label: 'Fallback Gallery Card Subtitle', defaultValue: 'Working together to serve you better' },
-                gallerySection: {
-                    type: 'array',
-                    label: 'Gallery Images',
-                    itemSchema: {
-                        image: { type: 'image', label: 'Gallery Image' },
-                        caption: { type: 'text', label: 'Image Caption' }
-                    }
-                }
-            }
+                galleryOverlayTitle: { type: 'text', label: 'Image caption title', defaultValue: 'The Dream Team' },
+                galleryOverlaySubtitle: {
+                    type: 'text',
+                    label: 'Image caption subtitle',
+                    defaultValue: 'Working together to serve you better',
+                },
+            },
         },
         values: {
             type: 'section',
-            label: 'Our Values',
-            description: 'Four value/feature cards shown in the story section.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Brand pillars',
+            description: 'Value cards shown beside your story.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.values',
             fields: {
                 show: { type: 'toggle', label: 'Show Section', defaultValue: true },
@@ -237,15 +257,16 @@ export const BookingSchema = {
         },
         stats: {
             type: 'section',
-            label: 'Key Metrics',
-            description: 'Numeric highlights like bookings completed, staff, years of experience.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Milestones & impact',
+            description: 'Numeric highlights of your business.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.stats',
             fields: {
-                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                show: { type: 'toggle', label: 'Display metrics', defaultValue: true },
                 items: {
                     type: 'array',
-                    label: 'Stat Items',
+                    label: 'Milestone items',
+                    maxSlides: 4,
                     defaultValue: [
                         { id: 'about-s1', value: '8k+', label: 'Bookings Completed' },
                         { id: 'about-s2', value: '15+', label: 'Expert Staff' },
@@ -261,35 +282,57 @@ export const BookingSchema = {
         },
         'contact-info': {
             type: 'section',
-            label: 'Quick Contact',
-            description: 'Contact reference cards on the about page.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Location & availability',
+            description: 'Quick reference cards for location, email, and hours.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.contact-info',
             fields: {
-                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
-                sectionTitle: { type: 'text', label: 'Section Heading', defaultValue: 'Get in Touch' },
-                sectionSubtitle: { type: 'multiline_text', label: 'Section Supporting Text', defaultValue: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store." },
-                visitTitle: { type: 'text', label: '"Visit Us" Card Title', defaultValue: 'Visit Us' },
-                visitIcon: { type: 'icon', label: 'Visit Card Icon', defaultValue: 'MapPin' },
-                emailTitle: { type: 'text', label: '"Email Us" Card Title', defaultValue: 'Email Us' },
-                emailIcon: { type: 'icon', label: 'Email Card Icon', defaultValue: 'Mail' },
-                hoursTitle: { type: 'text', label: '"Opening Hours" Card Title', defaultValue: 'Opening Hours' },
-                hoursIcon: { type: 'icon', label: 'Hours Card Icon', defaultValue: 'Clock' },
-                address: {
+                show: { type: 'toggle', label: 'Display section', defaultValue: true },
+                title: { type: 'text', label: 'Section headline', defaultValue: 'Get in Touch' },
+                description: {
                     type: 'multiline_text',
-                    label: 'Visit Card Address',
-                    defaultValue: '123 Store Street\nCommerce City, ST 12345',
+                    label: 'Section introduction',
+                    defaultValue: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store.",
                 },
-                email: { type: 'text', label: 'Email Card — Primary Email' },
-                phone: { type: 'text', label: 'Email Card — Phone Number', defaultValue: '+1 (555) 123-4567' },
-                hours: {
-                    type: 'multiline_text',
-                    label: 'Hours Card — Business Hours',
-                    defaultValue: 'Mon - Fri: 9am - 6pm\nSat - Sun: 10am - 4pm',
+                visitCard: {
+                    type: 'object',
+                    label: 'Visit card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Visit Us' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'MapPin' },
+                        address: {
+                            type: 'multiline_text',
+                            label: 'Address',
+                            defaultValue: '123 Store Street\nCommerce City, ST 12345',
+                        },
+                    },
                 },
-                emailCTALabel: { type: 'text', label: 'Email Card CTA Text', defaultValue: 'Send a message' },
-                emailLink: { type: 'text', label: 'Email Card CTA Link', defaultValue: '/contact' },
-            }
+                emailCard: {
+                    type: 'object',
+                    label: 'Email card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Email Us' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'Mail' },
+                        email: { type: 'text', label: 'Primary email' },
+                        phone: { type: 'text', label: 'Phone number', defaultValue: '+1 (555) 123-4567' },
+                        ctaLabel: { type: 'text', label: 'Button text', defaultValue: 'Send a message' },
+                        ctaLink: { type: 'text', label: 'Button link', defaultValue: '/contact' },
+                    },
+                },
+                hoursCard: {
+                    type: 'object',
+                    label: 'Hours card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Opening Hours' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'Clock' },
+                        hours: {
+                            type: 'multiline_text',
+                            label: 'Opening hours',
+                            defaultValue: 'Mon - Fri: 9am - 6pm\nSat - Sun: 10am - 4pm',
+                        },
+                    },
+                },
+            },
         },
         ...bookingFooterSection,
     },

package/dist/editor/alignment-schemas/clothing-minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clothing-minimal.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/clothing-minimal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AAUrE,eAAO,MAAM,qBAAqB,EAAE,qBAmWnC,CAAC"}
+{"version":3,"file":"clothing-minimal.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/clothing-minimal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AAiBrE,eAAO,MAAM,qBAAqB,EAAE,qBA0YnC,CAAC"}

package/dist/editor/alignment-schemas/clothing-minimal.js

@@ -5,6 +5,12 @@ const sectionStyleSupports = {
     border: true,
     typography: true,
 };
+const aboutSectionStyleSupports = {
+    spacing: false,
+    colors: false,
+    border: false,
+    typography: false,
+};
 export const ClothingMinimalSchema = {
     home: {
         header: {
@@ -199,12 +205,18 @@ export const ClothingMinimalSchema = {
     about: {
         aboutHeader: {
             type: 'section',
-            label: 'Identity Banner',
-            description: 'The minimalist hero section for the brand story page.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Identity banner',
+            description: 'Minimal hero for the about page.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.aboutHeader',
             fields: {
                 show: { type: 'toggle', label: 'Display Header', defaultValue: true },
+                badgeText: {
+                    type: 'text',
+                    label: 'Badge Text',
+                    description: 'Short label above the headline',
+                    defaultValue: 'Est. 2024',
+                },
                 title: { type: 'text', label: 'Brand Headline' },
                 missionStatement: { type: 'multiline_text', label: 'Mission Focus' },
                 heroImage: { type: 'image', label: 'Brand Image' }
@@ -212,9 +224,9 @@ export const ClothingMinimalSchema = {
         },
         aboutContent: {
             type: 'section',
-            label: 'Heritage Text',
-            description: 'Brand story, team image, and core values.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Brand journey',
+            description: 'Story, team image, and value cards.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.aboutContent',
             fields: {
                 show: { type: 'toggle', label: 'Display Content', defaultValue: true },
@@ -243,15 +255,16 @@ export const ClothingMinimalSchema = {
         },
         statsSection: {
             type: 'section',
-            label: 'By The Numbers',
-            description: 'Numeric proof points shown as large stats.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Milestones & impact',
+            description: 'Large numeric proof points.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.statsSection',
             fields: {
-                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                show: { type: 'toggle', label: 'Display section', defaultValue: true },
                 items: {
                     type: 'array',
-                    label: 'Statistics',
+                    label: 'Milestone items',
+                    maxSlides: 4,
                     defaultValue: [
                         { value: '12k+', label: 'Happy Shoppers' },
                         { value: '60+', label: 'Active Designs' },
@@ -267,27 +280,58 @@ export const ClothingMinimalSchema = {
         },
         contactSection: {
             type: 'section',
-            label: 'Quick Contact',
-            description: 'Contact cards shown at the bottom of the about page.',
-            _styleSupports: sectionStyleSupports,
+            label: 'Location & availability',
+            description: 'Contact cards at the bottom of the about page.',
+            _styleSupports: aboutSectionStyleSupports,
             _sourcePath: 'layoutConfig.pages.about.contactSection',
             fields: {
-                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
-                title: { type: 'text', label: 'Section Heading', defaultValue: 'Get in Touch' },
-                description: { type: 'multiline_text', label: 'Supporting Text', defaultValue: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store." },
-                visitIcon: { type: 'icon', label: 'Visit Card Icon', defaultValue: 'MapPin' },
-                visitLabel: { type: 'text', label: 'Visit Card Heading', defaultValue: 'Visit Us' },
-                visitAddress: { type: 'multiline_text', label: 'Address', defaultValue: '123 Store Street\nCommerce City, ST 12345' },
-                emailIcon: { type: 'icon', label: 'Email Card Icon', defaultValue: 'Mail' },
-                emailLabel: { type: 'text', label: 'Email Card Heading', defaultValue: 'Email Us' },
-                email1: { type: 'text', label: 'Primary Email' },
-                email2: { type: 'text', label: 'Support Email' },
-                hoursIcon: { type: 'icon', label: 'Hours Card Icon', defaultValue: 'Clock' },
-                hoursLabel: { type: 'text', label: 'Hours Card Heading', defaultValue: 'Opening Hours' },
-                hoursLine1: { type: 'text', label: 'Weekday Hours', defaultValue: 'Mon - Fri: 9am - 6pm' },
-                hoursLine2: { type: 'text', label: 'Weekend Hours', defaultValue: 'Sat - Sun: 10am - 4pm' },
-            }
-        }
+                show: { type: 'toggle', label: 'Display section', defaultValue: true },
+                title: { type: 'text', label: 'Section headline', defaultValue: 'Get in Touch' },
+                description: {
+                    type: 'multiline_text',
+                    label: 'Section introduction',
+                    defaultValue: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store.",
+                },
+                visitCard: {
+                    type: 'object',
+                    label: 'Visit card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Visit Us' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'MapPin' },
+                        address: {
+                            type: 'multiline_text',
+                            label: 'Address',
+                            defaultValue: '123 Store Street\nCommerce City, ST 12345',
+                        },
+                    },
+                },
+                emailCard: {
+                    type: 'object',
+                    label: 'Email card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Email Us' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'Mail' },
+                        email: { type: 'text', label: 'Primary email' },
+                        emailSecondary: { type: 'text', label: 'Support email' },
+                        ctaLabel: { type: 'text', label: 'Button text', defaultValue: 'Send a message' },
+                        ctaLink: { type: 'text', label: 'Button link', defaultValue: '/contact' },
+                    },
+                },
+                hoursCard: {
+                    type: 'object',
+                    label: 'Hours card',
+                    fields: {
+                        title: { type: 'text', label: 'Card title', defaultValue: 'Opening Hours' },
+                        icon: { type: 'icon', label: 'Icon', defaultValue: 'Clock' },
+                        hours: {
+                            type: 'multiline_text',
+                            label: 'Opening hours',
+                            defaultValue: 'Mon - Fri: 9am - 6pm\nSat - Sun: 10am - 4pm',
+                        },
+                    },
+                },
+            },
+        },
     },
     contact: {
         contactHeader: {

package/dist/editor/alignment-schemas/clothing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clothing.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/clothing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AASrE,eAAO,MAAM,cAAc,EAAE,qBAqd5B,CAAC"}
+{"version":3,"file":"clothing.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/clothing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAC;AAiBrE,eAAO,MAAM,cAAc,EAAE,qBAsgB5B,CAAC"}