storefront-layouts 1.0.16 → 1.0.18

package/dist/layouts/booking-agenda/pages/AboutPage.js

@@ -7,18 +7,27 @@ import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
 import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml.js';
 import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
+import { storySectionImage, storySectionLabel, storySectionTitle, storyTeamSubtitle, storyTeamTitle, } from '../../shared/about-story-media.js';
 export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;
     const primaryColor = storeConfig.branding.primaryColor;
     const secondaryColor = storeConfig.branding.secondaryColor || primaryColor;
     const aboutConfig = storeConfig.layoutConfig?.pages?.about;
-    // Booking-agenda-specific hero image
-    const heroImage = aboutConfig?.heroImage || 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop';
-    const pageTitle = aboutConfig?.title || "Crafting Experiences, Delivering Joy.";
-    const pageContent = aboutConfig?.content || storeConfig.description;
-    const missionStatement = aboutConfig?.missionStatement;
-    const galleryImages = aboutConfig?.gallerySection;
+    const heroConfig = aboutConfig?.hero || aboutConfig;
+    const storyConfig = aboutConfig?.story || aboutConfig;
+    const heroImage = heroConfig?.heroImage ||
+        aboutConfig?.heroImage ||
+        'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop';
+    const pageTitle = heroConfig?.title || aboutConfig?.title || "Crafting Experiences, Delivering Joy.";
+    const pageContent = storyConfig?.content || aboutConfig?.content || storeConfig.description;
+    const missionStatement = heroConfig?.missionStatement || aboutConfig?.missionStatement;
+    const galleryImages = storyConfig?.gallerySection || aboutConfig?.gallerySection;
+    const storyImage = storySectionImage(storyConfig);
+    const storyLabel = storySectionLabel(storyConfig);
+    const storyTitle = storySectionTitle(storyConfig);
+    const storyCaptionTitle = storyTeamTitle(storyConfig);
+    const storyCaptionSubtitle = storyTeamSubtitle(storyConfig);
     const values = [
         {
             icon: Award,
@@ -41,7 +50,7 @@ export function AboutPage({ storeConfig: initialConfig }) {
             description: "Honest, transparent, and ethical practices in everything we do."
         }
     ];
-    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [_jsxs("section", { "data-section": "hero", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), "Est. 2024"] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: pageTitle }), _jsx(SafeRichHtml, { value: missionStatement || storeConfig.description, as: "div", className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light [&_p]:mb-0" })] }) }) })] }), _jsxs("section", { "data-section": "story", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [galleryImages && galleryImages.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: galleryImages.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, children: _jsx(Image, { src: img.image, alt: img.caption || "Gallery Image", fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500" }) }, i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", children: [_jsx(Image, { src: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop", alt: "Our Team", fill: true, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: "The Dream Team" }), _jsx("p", { className: "text-white/80 text-sm", children: "Working together to serve you better" })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: "Who We Are" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: "Our Journey" }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the ", _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry, ", storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: values.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, children: _jsx(item.icon, { className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: item.title }), _jsx(RichTextExcerpt, { value: item.description, as: "p", className: "text-gray-600 text-sm leading-relaxed" })] })] }, idx))) })] })] }) })] }), _jsxs("section", { "data-section": "stats", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: [
+    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [_jsxs("section", { "data-section": "hero", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), "Est. 2024"] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: pageTitle }), _jsx(SafeRichHtml, { value: missionStatement || storeConfig.description, as: "div", className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light [&_p]:mb-0" })] }) }) })] }), _jsxs("section", { "data-section": "story", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [galleryImages && galleryImages.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: galleryImages.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, children: _jsx(Image, { src: img.image, alt: img.caption || "Gallery Image", fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500" }) }, i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", children: [_jsx(Image, { src: storyImage, alt: storyCaptionTitle, fill: true, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: storyCaptionTitle }), _jsx("p", { className: "text-white/80 text-sm", children: storyCaptionSubtitle })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: "Who We Are" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: "Our Journey" }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the ", _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry, ", storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: values.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, children: _jsx(item.icon, { className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: item.title }), _jsx(RichTextExcerpt, { value: item.description, as: "p", className: "text-gray-600 text-sm leading-relaxed" })] })] }, idx))) })] })] }) })] }), _jsxs("section", { "data-section": "stats", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: [
                                 { label: "Sessions Held", value: "12k+" },
                                 { label: "Elite Experts", value: "20+" },
                                 { label: "Programs", value: storeConfig.services?.length ? `${storeConfig.services.length}+` : "25+" },

package/dist/layouts/booking-agenda/pages/CategoriesPage.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
-import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid';
+import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid.js';
 import { useStore } from '../../../lib/store-context.js';
 import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
 import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';

package/dist/layouts/booking-agenda/pages/ProductDetailPage.js

@@ -27,9 +27,9 @@ import { usePdpVariation } from '../../../hooks/use-pdp-variation.js';
 import { buildPdpBuyNowItem } from '../../../lib/pdp-cart-actions.js';
 import { assertVariationSelected } from '../../../lib/product-variation-utils.js';
 import { shippingService } from '../../../lib/services/shipping.service.js';
-import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection';
-import { PdpVariationSelectors } from '../../shared/components/PdpVariationSelectors';
-import { formatDateSafe } from '../../../utils/date';
+import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection.js';
+import { PdpVariationSelectors } from '../../shared/components/PdpVariationSelectors.js';
+import { formatDateSafe } from '../../../utils/date.js';
 // Helper function to format date
 const formatDate = (dateString) => {
     return formatDateSafe(dateString, '—', { year: 'numeric', month: 'long', day: 'numeric' });

package/dist/layouts/clothing/components/ClothingHomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClothingHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/components/ClothingHomePage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAoBvD,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAaD,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,qBAAqB,+BA8yBrF"}
+{"version":3,"file":"ClothingHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/components/ClothingHomePage.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAoBvD,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAaD,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,qBAAqB,+BA8yBrF"}

package/dist/layouts/clothing/components/ClothingHomePage.js

@@ -1,21 +1,22 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { hasValidCompareAtPrice } from '../../../utils/price-display.js';
 import { useFeaturedProducts } from '../../../hooks/use-featured-products.js';
-import { Button } from '../../../components/ui/button';
-import { ProductRating } from '../../../components/ui/product-rating';
+import { Button } from '../../../components/ui/button.js';
+import { ProductRating } from '../../../components/ui/product-rating.js';
 import { ShoppingCart, Heart, ArrowRight, ChevronLeft, ChevronRight } from 'lucide-react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
 import { useState, useEffect } from 'react';
-import { useToast } from '../../../components/ui/toast';
-import { formatCurrency, filterActiveProducts } from '../../../lib/utils';
-import { getLayoutText, getBannerImage } from '../../../lib/utils/asset-helpers';
-import { toStoreHref } from '../../../lib/utils/url-helpers';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection';
-import { useStore } from '../../../lib/store-context';
-import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml';
-import { useClothingPayaza } from '../payaza-bindings';
+import { useToast } from '../../../components/ui/toast.js';
+import { formatCurrency, filterActiveProducts } from '../../../lib/utils/index.js';
+import { getLayoutText, getBannerImage } from '../../../lib/utils/asset-helpers.js';
+import { toStoreHref } from '../../../lib/utils/url-helpers.js';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
+import { useStore } from '../../../lib/store-context.js';
+import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml.js';
+import { useClothingPayaza } from '../payaza-bindings.js';
 export function ClothingHomePage({ storeConfig: initialConfig }) {
     // Use the store from context which is updated in real-time by the editor
     const { store, addToCart, toggleWishlist, isInWishlist, isWishlistLoading } = useStore();
@@ -363,6 +364,6 @@ export function ClothingHomePage({ storeConfig: initialConfig }) {
                                         addToast('Failed to add to cart', 'error');
                                     }
                                 };
-                                return (_jsxs("div", { className: "group", children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 rounded-xl overflow-hidden mb-4", children: [_jsxs(Link, { href: productHref, className: "block w-full h-full", children: [_jsx(ImageWithFallback, { src: firstImage, alt: product.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", skeletonAspectRatio: "3/4", lazy: true }), validImages[1] && (_jsx(ImageWithFallback, { src: validImages[1], alt: product.name, className: "absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", skeletonAspectRatio: "3/4", lazy: true }))] }), _jsxs("div", { className: "hidden lg:flex absolute bottom-4 right-4 z-20 flex-col gap-2 opacity-0 transform translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300", children: [storeConfig.features.wishlist && (_jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleWishlistClick, disabled: isWishlistLoading, className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", "aria-label": inWishlist ? 'Remove from wishlist' : 'Add to wishlist', children: _jsx(Heart, { className: `h-4 w-4 ${inWishlist ? 'fill-current text-red-500' : ''}` }) })), _jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleAddToCartClick, className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", "aria-label": "Add to cart", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) })] }), _jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleAddToCartClick, className: "lg:hidden absolute bottom-3 right-3 z-20 bg-white text-black h-10 w-10 rounded-full shadow-lg active:scale-95 transition-transform", "aria-label": "Add to cart", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "absolute top-3 left-3 z-10 bg-black text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs(Link, { href: productHref, className: "block space-y-1", children: [_jsx("h3", { className: "font-semibold text-gray-900 group-hover:text-gray-600 transition-colors text-lg", children: product.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-sm text-gray-400 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] }, product.id));
+                                return (_jsxs("div", { className: "group", children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 rounded-xl overflow-hidden mb-4", children: [_jsxs(Link, { href: productHref, className: "block w-full h-full", children: [_jsx(ImageWithFallback, { src: firstImage, alt: product.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", skeletonAspectRatio: "3/4", lazy: true }), validImages[1] && (_jsx(ImageWithFallback, { src: validImages[1], alt: product.name, className: "absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", skeletonAspectRatio: "3/4", lazy: true }))] }), _jsxs("div", { className: "hidden lg:flex absolute bottom-4 right-4 z-20 flex-col gap-2 opacity-0 transform translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300", children: [storeConfig.features.wishlist && (_jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleWishlistClick, disabled: isWishlistLoading, className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", "aria-label": inWishlist ? 'Remove from wishlist' : 'Add to wishlist', children: _jsx(Heart, { className: `h-4 w-4 ${inWishlist ? 'fill-current text-red-500' : ''}` }) })), _jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleAddToCartClick, className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", "aria-label": "Add to cart", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) })] }), _jsx(Button, { type: "button", variant: "secondary", size: "icon", onClick: handleAddToCartClick, className: "lg:hidden absolute bottom-3 right-3 z-20 bg-white text-black h-10 w-10 rounded-full shadow-lg active:scale-95 transition-transform", "aria-label": "Add to cart", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "absolute top-3 left-3 z-10 bg-black text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs(Link, { href: productHref, className: "block space-y-1", children: [_jsx("h3", { className: "font-semibold text-gray-900 group-hover:text-gray-600 transition-colors text-lg", children: product.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "text-sm text-gray-400 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] }, product.id));
                             }) }), layoutConfig?.sections?.featuredProducts?.showViewAll !== false && (_jsx("div", { className: "mt-16 text-center", children: _jsx(Link, { href: `/${storeConfig.slug}/products`, children: _jsx(Button, { variant: "outline", className: "rounded-full px-10 py-6 border-gray-200 hover:border-black hover:bg-black hover:text-white transition-all text-base font-medium", children: getLayoutText(storeConfig, 'sections.featuredProducts.viewAll', 'View All Products') }) }) }))] }) }))] }));
 }

package/dist/layouts/clothing/index.js

@@ -1,8 +1,8 @@
 // Fashion Hub (clothing) layout — fully sandboxed exports (see ClothingLayout + styles/clothing.css)
-export { ClothingHomePage } from './components/ClothingHomePage';
-export { ProductsPage as ClothingProductsPage } from './pages/ProductsPage';
-export { ProductDetailPage as ClothingProductDetailPage } from './pages/ProductDetailPage';
-export { CategoryPage as ClothingCategoryPage } from './pages/CategoryPage';
-export { ClothingCategoriesPage } from './pages/CategoriesPage';
-export { AboutPage as ClothingAboutPage } from './pages/AboutPage';
-export { ContactPage as ClothingContactPage } from './pages/ContactPage';
+export { ClothingHomePage } from './components/ClothingHomePage.js';
+export { ProductsPage as ClothingProductsPage } from './pages/ProductsPage.js';
+export { ProductDetailPage as ClothingProductDetailPage } from './pages/ProductDetailPage.js';
+export { CategoryPage as ClothingCategoryPage } from './pages/CategoryPage.js';
+export { ClothingCategoriesPage } from './pages/CategoriesPage.js';
+export { AboutPage as ClothingAboutPage } from './pages/AboutPage.js';
+export { ContactPage as ClothingContactPage } from './pages/ContactPage.js';

package/dist/layouts/clothing/pages/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAUvD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BAqPvE"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiBvD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BA0PvE"}

package/dist/layouts/clothing/pages/AboutPage.js

@@ -1,12 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Heart, MapPin, Clock, Mail, ArrowRight } from 'lucide-react';
-import { Button } from '../../../components/ui/button';
-import { DotPattern } from '../../../components/ui/background-patterns';
-import { useStore } from '../../../lib/store-context';
-import { DynamicIcon } from '../../../components/ui/dynamic-icon';
+import { Button } from '../../../components/ui/button.js';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { useStore } from '../../../lib/store-context.js';
+import { DynamicIcon } from '../../../components/ui/dynamic-icon.js';
 import Image from 'next/image';
 import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
+import { storySectionImage, storySectionLabel, storySectionTitle, storyTeamSubtitle, storyTeamTitle, } from '../../shared/about-story-media.js';
 export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;
@@ -26,6 +27,11 @@ export function AboutPage({ storeConfig: initialConfig }) {
     // Story section data
     const pageContent = storyConfig?.content || storeConfig.description;
     const gallerySection = storyConfig?.gallerySection || [];
+    const storyImage = storySectionImage(storyConfig);
+    const storyLabel = storySectionLabel(storyConfig);
+    const storyTitle = storySectionTitle(storyConfig);
+    const storyCaptionTitle = storyTeamTitle(storyConfig);
+    const storyCaptionSubtitle = storyTeamSubtitle(storyConfig);
     // Values section data - use config if available, otherwise use defaults
     const valuesItems = (valuesConfig?.items || [
         { icon: 'Award', title: "Premium Fabrics", description: "We use only the highest quality materials for our collections." },
@@ -33,7 +39,7 @@ export function AboutPage({ storeConfig: initialConfig }) {
         { icon: 'Heart', title: "Ethical Fashion", description: "We believe in fair trade and ethical manufacturing processes." },
         { icon: 'Leaf', title: "Sustainable Style", description: "Eco-friendly collections that look good and do good for the planet." }
     ]).filter(Boolean);
-    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [heroConfig?.show !== false && (_jsxs("section", { "data-section": "hero", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), "Est. 2024"] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: pageTitle }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light", children: missionStatement })] }) }) })] })), storyConfig?.show !== false && (_jsxs("section", { "data-section": "story", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [gallerySection && gallerySection.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: gallerySection.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, children: _jsx(Image, { src: img.image, alt: img.caption || "Gallery Image", fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500" }) }, i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", children: [_jsx(Image, { src: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop", alt: "Our Team", fill: true, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: "The Dream Team" }), _jsx("p", { className: "text-white/80 text-sm", children: "Working together to serve you better" })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: "Who We Are" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: "Our Journey" }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the ", _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry, ", storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), valuesConfig?.show !== false && valuesItems.length > 0 && (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: valuesItems.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, children: _jsx(DynamicIcon, { name: item.icon, className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: item.title }), _jsx(RichTextExcerpt, { value: item.description, as: "p", className: "text-gray-600 text-sm leading-relaxed" })] })] }, idx))) }))] })] }) })] })), statsConfig?.show !== false && (_jsxs("section", { "data-section": "stats", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: [
+    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [heroConfig?.show !== false && (_jsxs("section", { "data-section": "hero", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), "Est. 2024"] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: pageTitle }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light", children: missionStatement })] }) }) })] })), storyConfig?.show !== false && (_jsxs("section", { "data-section": "story", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [gallerySection && gallerySection.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: gallerySection.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, children: _jsx(Image, { src: img.image, alt: img.caption || "Gallery Image", fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500" }) }, i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", children: [_jsx(Image, { src: storyImage, alt: storyCaptionTitle, fill: true, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: storyCaptionTitle }), _jsx("p", { className: "text-white/80 text-sm", children: storyCaptionSubtitle })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: storyLabel }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: storyTitle }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the ", _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry, ", storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), valuesConfig?.show !== false && valuesItems.length > 0 && (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: valuesItems.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, children: _jsx(DynamicIcon, { name: item.icon, className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: item.title }), _jsx(RichTextExcerpt, { value: item.description, as: "p", className: "text-gray-600 text-sm leading-relaxed" })] })] }, idx))) }))] })] }) })] })), statsConfig?.show !== false && (_jsxs("section", { "data-section": "stats", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: [
                                 { label: "Style Lovers", value: "20k+" },
                                 { label: "New Arrivals", value: storeConfig.products?.length ? `${storeConfig.products.length * 5}+` : "100+" },
                                 { label: "Global Shipping", value: "50+" },

package/dist/layouts/clothing/pages/CategoriesPage.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useStore } from '../../../lib/store-context';
-import { useCatalogLoader } from '../../../hooks/use-catalog-loader';
-import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles';
-import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils';
-import { useClothingPayaza } from '../payaza-bindings';
-import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid';
-import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
+import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles.js';
+import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';
+import { useClothingPayaza } from '../payaza-bindings.js';
+import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid.js';
+import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml.js';
 export function ClothingCategoriesPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/clothing/pages/CategoryPage.js

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCategoryProducts } from '../../../hooks/use-category-products.js';
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useStore } from '../../../lib/store-context';
+import { Button } from '../../../components/ui/button.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useStore } from '../../../lib/store-context.js';
 import { ArrowLeft, Filter } from 'lucide-react';
 import Link from 'next/link';
-import { useToast } from '../../../components/ui/toast';
-import { useAnalytics } from '../../../hooks/use-analytics';
+import { useToast } from '../../../components/ui/toast.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
 import { useEffect } from 'react';
-import { ProductCard } from '../../../components/ui/product-card';
-import { CategoryDescription } from '../../../components/rich-text/CategoryDescription';
+import { ProductCard } from '../../../components/ui/product-card.js';
+import { CategoryDescription } from '../../../components/rich-text/CategoryDescription.js';
 export function CategoryPage({ storeConfig: initialConfig, categorySlug, categoryProductsSeed }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/clothing/pages/ContactPage.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 import { Mail, Phone, MapPin, Clock, Send, MessageSquare, CheckCircle } from 'lucide-react';
-import { useStore } from '../../../lib/store-context';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
-import { submitContact } from '../../../lib/services/contact.service';
+import { submitContact } from '../../../lib/services/contact.service.js';
 export function ContactPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/clothing/pages/ProductDetailPage.js

@@ -2,34 +2,34 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useProductBySlug } from '../../../hooks/use-product-by-slug.js';
 import { useProductReviews } from '../../../hooks/use-product-reviews.js';
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Modal } from '../../../components/ui/modal';
+import { Button } from '../../../components/ui/button.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Modal } from '../../../components/ui/modal.js';
 import { ShoppingCart, Heart, Star, CheckCircle, ThumbsUp, User, Minus, Plus, Share2, Info } from 'lucide-react';
 import { useState, useMemo, useEffect, useCallback } from 'react';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
 import { useRouter } from 'next/navigation';
-import { useAuth } from '../../../lib/auth-context';
-import { useAnalytics } from '../../../hooks/use-analytics';
-import { customerService } from '../../../lib/services/customer.service';
-import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal';
-import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user';
-import { ProductCard } from '../../../components/ui/product-card';
+import { useAuth } from '../../../lib/auth-context.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
+import { customerService } from '../../../lib/services/customer.service.js';
+import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal.js';
+import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user.js';
+import { ProductCard } from '../../../components/ui/product-card.js';
 import Image from 'next/image';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml';
-import { ButtonLoader } from '../../../components/ui/page-loader';
-import { extractImageUrls } from '../../../lib/store-config-utils';
-import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay';
-import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils';
-import { usePdpVariation } from '../../../hooks/use-pdp-variation';
-import { buildPdpBuyNowItem } from '../../../lib/pdp-cart-actions';
-import { assertVariationSelected } from '../../../lib/product-variation-utils';
-import { shippingService } from '../../../lib/services/shipping.service';
-import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection';
-import { PdpVariationSelectors } from '../../shared/components/PdpVariationSelectors';
-import { formatDateSafe } from '../../../utils/date';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml.js';
+import { ButtonLoader } from '../../../components/ui/page-loader.js';
+import { extractImageUrls } from '../../../lib/store-config-utils.js';
+import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay.js';
+import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils/index.js';
+import { usePdpVariation } from '../../../hooks/use-pdp-variation.js';
+import { buildPdpBuyNowItem } from '../../../lib/pdp-cart-actions.js';
+import { assertVariationSelected } from '../../../lib/product-variation-utils.js';
+import { shippingService } from '../../../lib/services/shipping.service.js';
+import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection.js';
+import { PdpVariationSelectors } from '../../shared/components/PdpVariationSelectors.js';
+import { formatDateSafe } from '../../../utils/date.js';
 // Helper function to format date
 const formatDate = (dateString) => {
     return formatDateSafe(dateString, '—', { year: 'numeric', month: 'long', day: 'numeric' });

package/dist/layouts/clothing/pages/ProductsPage.js

@@ -1,31 +1,31 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Sheet } from '../../../components/ui/sheet';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { ProductCard } from '../../../components/ui/product-card';
-import { ProductGridSkeleton } from '../../../components/ui/skeletons';
-import { CategoryTree } from '../../../components/ui/category-tree';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
-import { useLoading } from '../../../lib/loading-context';
-import { useAnalytics } from '../../../hooks/use-analytics';
+import { Button } from '../../../components/ui/button.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Sheet } from '../../../components/ui/sheet.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { ProductCard } from '../../../components/ui/product-card.js';
+import { ProductGridSkeleton } from '../../../components/ui/skeletons/index.js';
+import { CategoryTree } from '../../../components/ui/category-tree.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
 import { ChevronDown, ChevronUp, Star, Check, Search, RotateCcw, SlidersHorizontal } from 'lucide-react';
 import { useSearchParams } from 'next/navigation';
 import { useState, useMemo, useEffect, Suspense } from 'react';
 import { useProductBrands } from '../../../hooks/use-product-brands.js';
 import { useFilteredProductsFetch } from '../../../hooks/use-filtered-products-fetch.js';
-import { filterActiveProducts } from '../../../lib/utils';
-import { getAllCategoryIds, flattenCategoryTree, buildCategoryTree } from '../../../lib/utils/category-tree';
-import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection';
-import { productCategoryFilterChipClass } from '../../shared/product-category-filter-chip';
+import { filterActiveProducts } from '../../../lib/utils/index.js';
+import { getAllCategoryIds, flattenCategoryTree, buildCategoryTree } from '../../../lib/utils/category-tree.js';
+import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers.js';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
+import { productCategoryFilterChipClass } from '../../shared/product-category-filter-chip.js';
 import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range.js';
 import { getApiPriceFilterActive, isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds.js';
 import { buildFilteredProductQuery, getFilteredProductQueryKey, productMatchesCategoryIds, productMatchesCategorySlug, } from '../../../lib/utils/filtered-product-query.js';
 import { transformProductToStoreProduct } from '../../../lib/store-config-utils.js';
-import { ProductPriceFilterSection } from '../../shared/components/ProductPriceFilterSection';
+import { ProductPriceFilterSection } from '../../shared/components/ProductPriceFilterSection.js';
 function ProductsPageContent({ storeConfig: initialConfig }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/clothing/payaza-bindings.js

@@ -1,6 +1,6 @@
 'use client';
-import { encodePayazaFieldKey, payazaIconBindingProps, payazaInlineBindingProps } from '../../preview/canvas/field-key';
-import { isEditorPreviewMode } from '../../lib/utils/editor-preview';
+import { encodePayazaFieldKey, payazaIconBindingProps, payazaInlineBindingProps } from '../../preview/canvas/field-key.js';
+import { isEditorPreviewMode } from '../../lib/utils/editor-preview.js';
 /** Preview + Payaza field helpers for Fashion Hub (clothing) layout pages. */
 export function useClothingPayaza(storeConfig, pageId) {
     const isPreview = isEditorPreviewMode(storeConfig);

package/dist/layouts/clothing-minimal/components/ClothingHomePageMinimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClothingHomePageMinimal.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing-minimal/components/ClothingHomePageMinimal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAgBrE,UAAU,4BAA4B;IACpC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,4BAA4B,+BAqUnG"}
+{"version":3,"file":"ClothingHomePageMinimal.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing-minimal/components/ClothingHomePageMinimal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAgBrE,UAAU,4BAA4B;IACpC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,4BAA4B,+BAqUnG"}

package/dist/layouts/clothing-minimal/components/ClothingHomePageMinimal.js

@@ -1,17 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { hasValidCompareAtPrice } from '../../../utils/price-display.js';
 import { useFeaturedProducts } from '../../../hooks/use-featured-products.js';
-import { Button } from '../../../components/ui/button';
-import { useStore } from '../../../lib/store-context';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useToast } from '../../../components/ui/toast';
+import { Button } from '../../../components/ui/button.js';
+import { useStore } from '../../../lib/store-context.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useToast } from '../../../components/ui/toast.js';
 import { ArrowUpRight, Plus } from 'lucide-react';
 import Link from 'next/link';
-import { formatCurrency, filterActiveProducts } from '../../../lib/utils';
-import { countProductsInCategoryTree, getCategoriesForDisplay, } from '../../../lib/utils/category-tree';
-import { getLayoutText, getBannerImage, resolveClothingMinimalHeroBadge } from '../../../lib/utils/asset-helpers';
-import { PromoBanner } from '../../shared/components/PromoBanner';
-import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml';
+import { formatCurrency, filterActiveProducts } from '../../../lib/utils/index.js';
+import { countProductsInCategoryTree, getCategoriesForDisplay, } from '../../../lib/utils/category-tree.js';
+import { getLayoutText, getBannerImage, resolveClothingMinimalHeroBadge } from '../../../lib/utils/asset-helpers.js';
+import { PromoBanner } from '../../shared/components/PromoBanner.js';
+import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml.js';
 export function ClothingHomePageMinimal({ storeConfig: initialConfig }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;
@@ -61,6 +62,6 @@ export function ClothingHomePageMinimal({ storeConfig: initialConfig }) {
                                                         }, className: "bg-white text-black px-8 py-3 rounded-full text-sm font-bold shadow-lg transform translate-y-4 group-hover:translate-y-0 transition-all duration-300 hover:bg-black hover:text-white", children: "Add to cart" }) }), _jsx("button", { onClick: (e) => {
                                                         e.preventDefault();
                                                         handleAddToCart(product);
-                                                    }, className: "lg:hidden absolute bottom-3 right-3 bg-white text-black h-10 w-10 flex items-center justify-center rounded-full shadow-lg z-10 active:scale-95 transition-transform", children: _jsx(Plus, { className: "h-5 w-5" }) }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "absolute top-2 left-2 text-[10px] font-bold uppercase tracking-wider bg-black text-white px-2 py-1", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-medium text-base mb-1 group-hover:underline decoration-1 underline-offset-4", children: product.name }), _jsx("div", { className: "flex gap-2 mb-2", children: ['#D4D4D4', '#171717', '#737373'].map((color, i) => (_jsx("div", { className: "w-3 h-3 rounded-full border border-gray-200", style: { backgroundColor: color } }, i))) })] }), _jsx("span", { className: "font-medium text-sm", children: formatCurrency(product.price, product.currency || 'USD') })] })] }) }, product.id))) })] }) })), layoutConfig?.sections?.about?.show !== false && (_jsx("section", { "data-section": "about", className: "py-16 md:py-24 px-4 md:px-8 border-t border-gray-100", children: _jsx("div", { className: "container mx-auto", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center", children: [_jsxs("div", { className: "relative aspect-[4/5] bg-gray-100 group overflow-hidden", children: [_jsx(ImageWithFallback, { src: "https://images.unsplash.com/photo-1483985988355-763728e1935b?q=80&w=2070&auto=format&fit=crop", alt: "Shop the look", className: "w-full h-full object-cover" }), _jsxs("div", { className: "absolute top-[30%] left-[45%] group/spot", children: [_jsx("div", { className: "w-4 h-4 bg-white rounded-full animate-pulse cursor-pointer relative z-10 hover:scale-125 transition-transform" }), _jsxs("div", { className: "absolute left-6 top-1/2 -translate-y-1/2 bg-white p-3 rounded shadow-lg w-48 opacity-0 group-hover/spot:opacity-100 transition-opacity pointer-events-none group-hover/spot:pointer-events-auto", children: [_jsx("p", { className: "font-bold text-xs mb-1", children: "Oversized Wool Coat" }), _jsx("p", { className: "text-xs text-gray-500", children: "$299.00" })] })] }), _jsxs("div", { className: "absolute bottom-[25%] right-[40%] group/spot", children: [_jsx("div", { className: "w-4 h-4 bg-white rounded-full animate-pulse cursor-pointer relative z-10 hover:scale-125 transition-transform" }), _jsxs("div", { className: "absolute right-6 top-1/2 -translate-y-1/2 bg-white p-3 rounded shadow-lg w-48 opacity-0 group-hover/spot:opacity-100 transition-opacity pointer-events-none group-hover/spot:pointer-events-auto", children: [_jsx("p", { className: "font-bold text-xs mb-1", children: "Leather Ankle Boots" }), _jsx("p", { className: "text-xs text-gray-500", children: "$189.00" })] })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("h2", { className: "text-4xl font-light", children: layoutConfig?.sections?.about?.title || (_jsxs(_Fragment, { children: ["Winter ", _jsx("span", { className: "font-serif italic", children: "Layering" })] })) }), _jsx("div", { className: "text-gray-600 leading-relaxed max-w-md [&_p]:mb-3 [&_p:last-child]:mb-0", children: _jsx(SafeRichHtml, { value: layoutConfig?.sections?.about?.description ||
+                                                    }, className: "lg:hidden absolute bottom-3 right-3 bg-white text-black h-10 w-10 flex items-center justify-center rounded-full shadow-lg z-10 active:scale-95 transition-transform", children: _jsx(Plus, { className: "h-5 w-5" }) }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "absolute top-2 left-2 text-[10px] font-bold uppercase tracking-wider bg-black text-white px-2 py-1", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-medium text-base mb-1 group-hover:underline decoration-1 underline-offset-4", children: product.name }), _jsx("div", { className: "flex gap-2 mb-2", children: ['#D4D4D4', '#171717', '#737373'].map((color, i) => (_jsx("div", { className: "w-3 h-3 rounded-full border border-gray-200", style: { backgroundColor: color } }, i))) })] }), _jsx("span", { className: "font-medium text-sm", children: formatCurrency(product.price, product.currency || 'USD') })] })] }) }, product.id))) })] }) })), layoutConfig?.sections?.about?.show !== false && (_jsx("section", { "data-section": "about", className: "py-16 md:py-24 px-4 md:px-8 border-t border-gray-100", children: _jsx("div", { className: "container mx-auto", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center", children: [_jsxs("div", { className: "relative aspect-[4/5] bg-gray-100 group overflow-hidden", children: [_jsx(ImageWithFallback, { src: "https://images.unsplash.com/photo-1483985988355-763728e1935b?q=80&w=2070&auto=format&fit=crop", alt: "Shop the look", className: "w-full h-full object-cover" }), _jsxs("div", { className: "absolute top-[30%] left-[45%] group/spot", children: [_jsx("div", { className: "w-4 h-4 bg-white rounded-full animate-pulse cursor-pointer relative z-10 hover:scale-125 transition-transform" }), _jsxs("div", { className: "absolute left-6 top-1/2 -translate-y-1/2 bg-white p-3 rounded shadow-lg w-48 opacity-0 group-hover/spot:opacity-100 transition-opacity pointer-events-none group-hover/spot:pointer-events-auto", children: [_jsx("p", { className: "font-bold text-xs mb-1", children: "Oversized Wool Coat" }), _jsx("p", { className: "text-xs text-gray-500", children: "$299.00" })] })] }), _jsxs("div", { className: "absolute bottom-[25%] right-[40%] group/spot", children: [_jsx("div", { className: "w-4 h-4 bg-white rounded-full animate-pulse cursor-pointer relative z-10 hover:scale-125 transition-transform" }), _jsxs("div", { className: "absolute right-6 top-1/2 -translate-y-1/2 bg-white p-3 rounded shadow-lg w-48 opacity-0 group-hover/spot:opacity-100 transition-opacity pointer-events-none group-hover/spot:pointer-events-auto", children: [_jsx("p", { className: "font-bold text-xs mb-1", children: "Leather Ankle Boots" }), _jsx("p", { className: "text-xs text-gray-500", children: "$189.00" })] })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("h2", { className: "text-4xl font-light", children: layoutConfig?.sections?.about?.title || (_jsxs(_Fragment, { children: ["Winter ", _jsx("span", { className: "font-serif italic", children: "Layering" })] })) }), _jsx("div", { className: "text-gray-600 leading-relaxed max-w-md [&_p]:mb-3 [&_p:last-child]:mb-0", children: _jsx(SafeRichHtml, { value: layoutConfig?.sections?.about?.description ||
                                                 'Master the art of layering with our winter collection. Combining warmth with style, these pieces are designed to work together seamlessly.', fallbackPlain: "Master the art of layering with our winter collection. Combining warmth with style, these pieces are designed to work together seamlessly." }) }), _jsx("div", { className: "space-y-4", children: products.slice(0, 3).map((item, i) => (_jsxs("div", { className: "flex gap-4 items-center p-2 hover:bg-gray-50 rounded-lg transition-colors group cursor-pointer", children: [_jsx("div", { className: "w-16 h-20 bg-white relative", children: _jsx(ImageWithFallback, { src: item.images[0], alt: item.name, className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "font-medium text-sm mb-1", children: item.name }), _jsx("p", { className: "text-xs text-gray-500", children: formatCurrency(item.price, item.currency || storeConfig.settings?.currency || 'USD') })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => handleAddToCart(item), className: "opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx(Plus, { className: "h-4 w-4" }) })] }, i))) }), _jsx(Link, { href: `/${storeConfig.slug}/products`, children: _jsx(Button, { className: "w-full bg-black text-white hover:bg-gray-800 h-12 rounded-none uppercase tracking-widest text-xs font-bold", children: getLayoutText(storeConfig, 'common.shopNow', 'Shop The Edit') }) })] })] }) }) })), _jsx(PromoBanner, { config: layoutConfig?.sections?.promoBanner, layoutStyle: "clothing" })] }));
 }

package/dist/layouts/clothing-minimal/components/clothing-minimal-block-render.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { Button } from '../../../components/ui/button.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
 import { Plus } from 'lucide-react';
-import { encodePayazaFieldKey, payazaInlineBindingProps, payazaGroupBindingProps } from '../../../preview/canvas/field-key';
-import { richFieldHasContent, richFieldHtmlForRender } from '../../../lib/rich-html';
-import { resolveClothingMinimalHeroBadge } from '../../../lib/utils/asset-helpers';
-import { formatCurrency } from '../../../lib/utils';
-import { getPayazaBlockDefinition } from '../../../editor/blocks/registry';
+import { encodePayazaFieldKey, payazaInlineBindingProps, payazaGroupBindingProps } from '../../../preview/canvas/field-key.js';
+import { richFieldHasContent, richFieldHtmlForRender } from '../../../lib/rich-html.js';
+import { resolveClothingMinimalHeroBadge } from '../../../lib/utils/asset-helpers.js';
+import { formatCurrency } from '../../../lib/utils/index.js';
+import { getPayazaBlockDefinition } from '../../../editor/blocks/registry.js';
 export function blkAttr(block) {
     const a = block.attributes;
     if (a && typeof a === 'object' && !Array.isArray(a))

package/dist/layouts/clothing-minimal/index.js

@@ -1,8 +1,8 @@
 // Fashion Minimal (clothing-minimal) layout — fully sandboxed exports
-export { ClothingHomePageMinimal } from './components/ClothingHomePageMinimal';
-export { ProductsPage as ClothingMinimalProductsPage } from './pages/ProductsPage';
-export { ProductDetailPage as ClothingMinimalProductDetailPage } from './pages/ProductDetailPage';
-export { CategoryPage as ClothingMinimalCategoryPage } from './pages/CategoryPage';
-export { ClothingMinimalCategoriesPage } from './pages/CategoriesPage';
-export { AboutPage as ClothingMinimalAboutPage } from './pages/AboutPage';
-export { ContactPage as ClothingMinimalContactPage } from './pages/ContactPage';
+export { ClothingHomePageMinimal } from './components/ClothingHomePageMinimal.js';
+export { ProductsPage as ClothingMinimalProductsPage } from './pages/ProductsPage.js';
+export { ProductDetailPage as ClothingMinimalProductDetailPage } from './pages/ProductDetailPage.js';
+export { CategoryPage as ClothingMinimalCategoryPage } from './pages/CategoryPage.js';
+export { ClothingMinimalCategoriesPage } from './pages/CategoriesPage.js';
+export { AboutPage as ClothingMinimalAboutPage } from './pages/AboutPage.js';
+export { ContactPage as ClothingMinimalContactPage } from './pages/ContactPage.js';

package/dist/layouts/clothing-minimal/pages/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing-minimal/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AASvD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BA8OvE"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing-minimal/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAgBvD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BAoPvE"}