storefront-layouts 1.0.4 → 1.0.6

package/dist/layouts/food/index.d.ts

@@ -1,9 +1,9 @@
 export { FoodHomePage } from './components/FoodHomePage';
-export { FoodProductsPage } from './pages/ProductsPage';
-export { FoodProductDetailPage } from './pages/ProductDetailPage';
-export { FoodCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as FoodProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage as FoodProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as FoodCategoryPage } from './pages/CategoryPage';
 export { FoodCategoriesPage } from './pages/CategoriesPage';
-export { FoodMenuPage } from './pages/MenuPage';
-export { FoodAboutPage } from './pages/AboutPage';
-export { FoodContactPage } from './pages/ContactPage';
+export { MenuPage as FoodMenuPage } from './pages/MenuPage';
+export { AboutPage as FoodAboutPage } from './pages/AboutPage';
+export { ContactPage as FoodContactPage } from './pages/ContactPage';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/food/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/food/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/food/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/layouts/food/index.js

@@ -1,9 +1,9 @@
 // Savory Bites (food) layout — fully sandboxed exports
 export { FoodHomePage } from './components/FoodHomePage';
-export { FoodProductsPage } from './pages/ProductsPage';
-export { FoodProductDetailPage } from './pages/ProductDetailPage';
-export { FoodCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as FoodProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage as FoodProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as FoodCategoryPage } from './pages/CategoryPage';
 export { FoodCategoriesPage } from './pages/CategoriesPage';
-export { FoodMenuPage } from './pages/MenuPage';
-export { FoodAboutPage } from './pages/AboutPage';
-export { FoodContactPage } from './pages/ContactPage';
+export { MenuPage as FoodMenuPage } from './pages/MenuPage';
+export { AboutPage as FoodAboutPage } from './pages/AboutPage';
+export { ContactPage as FoodContactPage } from './pages/ContactPage';

package/dist/layouts/food/pages/AboutPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface AboutPageProps {
     storeConfig: StoreConfig;
 }
-export declare function AboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=AboutPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CAkQvE"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BAkQvE"}

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Award, Heart, Leaf, 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 { Button } from '../../../components/ui/button.js';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
 export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();

package/dist/layouts/food/pages/CategoriesPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface CategoriesPageProps {
     storeConfig: StoreConfig;
 }
-export declare function FoodCategoriesPage({ storeConfig: initialConfig }: CategoriesPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function FoodCategoriesPage({ storeConfig: initialConfig }: CategoriesPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CategoriesPage.d.ts.map

package/dist/layouts/food/pages/CategoriesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CA0ErF"}
+{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,+BA0ErF"}

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { useStore } from '../../../lib/store-context';
-import { useCatalogLoader } from '../../../hooks/use-catalog-loader';
-import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
+import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';
 import { payazaInlineBindingProps } from '../../../preview/canvas/field-key';
 import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid';
 export function FoodCategoriesPage({ storeConfig: initialConfig }) {

package/dist/layouts/food/pages/CategoryPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface CategoryPageProps {
     storeConfig: StoreConfig;
     categorySlug: string;
 }
-export declare function CategoryPage({ storeConfig: initialConfig, categorySlug }: CategoryPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryPage({ storeConfig: initialConfig, categorySlug }: CategoryPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CategoryPage.d.ts.map

package/dist/layouts/food/pages/CategoryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/CategoryPage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAc5E,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAuK3F"}
+{"version":3,"file":"CategoryPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/CategoryPage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAc5E,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,+BAuK3F"}

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

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCategoryProducts } from '../../../hooks/use-category-products';
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useStore } from '../../../lib/store-context';
+import { useCategoryProducts } from '../../../hooks/use-category-products.js';
+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 { formatCurrency } from '../../../lib/utils';
+import { formatCurrency } from '../../../lib/utils/index.js';
 export function CategoryPage({ storeConfig: initialConfig, categorySlug }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/food/pages/ContactPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ContactPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ContactPage({ storeConfig: initialConfig }: ContactPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactPage({ storeConfig: initialConfig }: ContactPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ContactPage.d.ts.map

package/dist/layouts/food/pages/ContactPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CA6T3E"}
+{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,+BA6T3E"}

package/dist/layouts/food/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/food/pages/MenuPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface MenuPageProps {
     storeConfig: StoreConfig;
     categorySlug?: string;
 }
-export declare function MenuPage({ storeConfig: initialConfig, categorySlug }: MenuPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuPage({ storeConfig: initialConfig, categorySlug }: MenuPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MenuPage.d.ts.map

package/dist/layouts/food/pages/MenuPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/MenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,aAAa,2CAqVnF"}
+{"version":3,"file":"MenuPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/MenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,aAAa,+BAqVnF"}

package/dist/layouts/food/pages/MenuPage.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card, CardContent } from '../../../components/ui/card';
-import { Button } from '../../../components/ui/button';
+import { Card, CardContent } from '../../../components/ui/card.js';
+import { Button } from '../../../components/ui/button.js';
 import { ShoppingCart, Search, Star, Flame, Leaf, Wheat, Info, ChevronRight, ChevronLeft } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
-import { useStore } from '../../../lib/store-context';
-import { cn, formatCurrency } from '../../../lib/utils';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { productService } from '../../../lib/services/product.service';
-import { transformProductToStoreProduct } from '../../../lib/store-config-utils';
+import { useStore } from '../../../lib/store-context.js';
+import { cn, formatCurrency } from '../../../lib/utils/index.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { productService } from '../../../lib/services/product.service.js';
+import { transformProductToStoreProduct } from '../../../lib/store-config-utils.js';
 export function MenuPage({ storeConfig: initialConfig, categorySlug }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/food/pages/ProductDetailPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ProductDetailPageProps {
     storeConfig: StoreConfig;
     productSlug: string;
 }
-export declare function ProductDetailPage({ storeConfig, productSlug }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDetailPage({ storeConfig: initialConfig, productSlug }: ProductDetailPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductDetailPage.d.ts.map

package/dist/layouts/food/pages/ProductDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA6B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CAmkCrF"}
+{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA6B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,sBAAsB,+BAqkCpG"}

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

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useProductBySlug } from '../../../hooks/use-product-by-slug';
-import { useProductReviews } from '../../../hooks/use-product-reviews';
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Modal } from '../../../components/ui/modal';
+import { useProductBySlug } from '../../../hooks/use-product-by-slug.js';
+import { useProductReviews } from '../../../hooks/use-product-reviews.js';
+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, Ruler, Share2, Info } from 'lucide-react';
 import { useState, useMemo, useEffect } 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 { 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 { shippingService } from '../../../lib/services/shipping.service';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.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 { shippingService } from '../../../lib/services/shipping.service.js';
 import { locationService } from '../../../lib/services/location.service';
 import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection';
 import { formatDateSafe } from '../../../utils/date';
@@ -50,11 +50,12 @@ function StarRating({ rating, size = 'md', className = '' }) {
 function ReviewCard({ review }) {
     return (_jsxs("div", { className: "border-b border-gray-100 pb-8 last:border-b-0 last:pb-0", children: [_jsx("div", { className: "flex items-start justify-between mb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "w-12 h-12 rounded-full bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center flex-shrink-0 ring-2 ring-white shadow-sm overflow-hidden", children: [review.userAvatar ? (_jsx(Image, { src: review.userAvatar, alt: review.userName, fill: true, className: "w-full h-full object-cover" })) : null, _jsx(User, { className: "h-6 w-6 text-gray-600", style: { display: review.userAvatar ? 'none' : 'flex' } })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: "font-semibold text-gray-900", children: review.userName }), review.verified && (_jsx("span", { className: "text-xs bg-blue-50 text-blue-700 px-2.5 py-1 rounded-full font-medium border border-blue-100", children: "Verified Purchase" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StarRating, { rating: review.rating, size: "sm" }), _jsx("span", { className: "text-xs text-gray-500", children: formatDate(review.date) })] })] })] }) }), review.title && (_jsx("h4", { className: "font-semibold text-gray-900 mb-3 text-lg", children: review.title })), _jsx("p", { className: "text-gray-700 leading-relaxed mb-4", children: review.comment }), review.images && review.images.length > 0 && (_jsx("div", { className: "flex gap-2 mb-4", children: review.images.map((img, idx) => (_jsx("div", { className: "relative w-20 h-20 rounded-lg overflow-hidden border border-gray-200", children: _jsx(Image, { src: img, alt: `${review.userName}'s review image ${idx + 1}`, fill: true, className: "object-cover" }) }, idx))) })), review.helpful !== undefined && (_jsx("div", { className: "flex items-center gap-4", children: _jsxs("button", { className: "flex items-center gap-1.5 text-xs text-gray-600 hover:text-gray-900 transition-colors font-medium", children: [_jsx(ThumbsUp, { className: "h-4 w-4" }), _jsxs("span", { children: ["Helpful (", review.helpful, ")"] })] }) }))] }));
 }
-export function ProductDetailPage({ storeConfig, productSlug }) {
+export function ProductDetailPage({ storeConfig: initialConfig, productSlug }) {
+    const { store, addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
+    const storeConfig = store || initialConfig;
     const products = filterActiveProducts(storeConfig.products || []);
     const initialProduct = resolvePdpProduct(initialConfig.products, storeConfig.products, productSlug, isEditorPreviewMode(storeConfig));
     const { product, relatedProducts: apiRelatedProducts, isLoading: isLoadingProduct } = useProductBySlug(storeConfig.id, productSlug, initialProduct);
-    const { addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
     const { addToast } = useToast();
     const router = useRouter();
     const { isAuthenticated, openLogin } = useAuth();
@@ -526,7 +527,7 @@ export function ProductDetailPage({ storeConfig, productSlug }) {
     }, [product?.id, storeConfig?.id, trackEvent]);
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: "min-h-screen bg-white", children: _jsxs("div", { "data-content-ready": true, className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl", children: [_jsx("div", { className: "mb-6", children: _jsx(Breadcrumbs, { items: breadcrumbItems }) }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 mb-20", children: [_jsxs("div", { className: "relative lg:sticky lg:top-24 self-start z-0", children: [_jsxs("div", { className: "relative aspect-square bg-gray-50 rounded-xl overflow-hidden mb-4 border border-gray-100 shadow-sm group", children: [_jsx(ImageWithFallback, { "data-product-image": true, src: displayImages[selectedImage] || displayImages[0] || productImages[0], alt: product.name, className: cn("w-full h-full object-cover transition-transform duration-300 group-hover:scale-105", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" }))] }), displayImages.length > 0 && (_jsxs("div", { className: "grid grid-cols-5 gap-2", children: [displayImages.map((image, index) => (_jsx("button", { onClick: () => setSelectedImage(Math.min(index, displayImages.length - 1)), className: `aspect-square rounded-lg overflow-hidden border-2 transition-all ${selectedImage === index
                                                         ? 'border-gray-900 ring-2 ring-gray-900 ring-offset-2'
-                                                        : 'border-gray-200 hover:border-gray-300'}`, children: _jsx(ImageWithFallback, { src: image, alt: `${product.name} view ${index + 1}`, className: cn("w-full h-full object-cover", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }) }, index))), hasMoreImages && (_jsxs("div", { className: "aspect-square rounded-lg border-2 border-gray-200 bg-gray-50 flex items-center justify-center text-xs text-gray-500 font-medium", children: ["+", productImages.length - 5, " more"] }))] }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: directCategory?.name || storeConfig.name }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
+                                                        : 'border-gray-200 hover:border-gray-300'}`, children: _jsx(ImageWithFallback, { src: image, alt: `${product.name} view ${index + 1}`, className: cn("w-full h-full object-cover", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }) }, index))), hasMoreImages && (_jsxs("div", { className: "aspect-square rounded-lg border-2 border-gray-200 bg-gray-50 flex items-center justify-center text-xs text-gray-500 font-medium", children: ["+", productImages.length - 5, " more"] }))] }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: directCategory?.name || storeConfig.name }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
                                                         const colorValue = variant.value;
                                                         const swatchColor = colorSwatches[colorValue] || '#CCCCCC';
                                                         const isSelected = selectedColor === colorValue;

package/dist/layouts/food/pages/ProductsPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ProductsPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ProductsPage(props: ProductsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductsPage(props: ProductsPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductsPage.d.ts.map

package/dist/layouts/food/pages/ProductsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ProductsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AA0B9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAomBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAMpD"}
+{"version":3,"file":"ProductsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/pages/ProductsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AA0B9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAomBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD"}

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

@@ -1,25 +1,25 @@
 '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 { ProductGridSkeleton } from '../../../components/ui/skeletons';
-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 { ProductGridSkeleton } from '../../../components/ui/skeletons/index.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 { Check, Search, RotateCcw, SlidersHorizontal } from 'lucide-react';
 import { useSearchParams } from 'next/navigation';
 import { useState, useMemo, useEffect, useRef, Suspense } from 'react';
-import { formatCurrency } from '../../../lib/utils';
-import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection';
-import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range';
-import { isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds';
+import { formatCurrency } from '../../../lib/utils/index.js';
+import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers.js';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
+import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range.js';
+import { isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds.js';
 import { ProductPriceFilterSection } from '../../shared/components/ProductPriceFilterSection';
-import { productService } from '../../../lib/services/product.service';
-import { transformProductToStoreProduct } from '../../../lib/store-config-utils';
+import { productService } from '../../../lib/services/product.service.js';
+import { transformProductToStoreProduct } from '../../../lib/store-config-utils.js';
 function ProductsPageContent({ storeConfig: initialConfig }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/food-modern/components/FoodHomePageModern.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface FoodHomePageModernProps {
     storeConfig: StoreConfig;
 }
-export declare function FoodHomePageModern({ storeConfig: initialConfig }: FoodHomePageModernProps): import("react/jsx-runtime").JSX.Element;
+export declare function FoodHomePageModern({ storeConfig: initialConfig }: FoodHomePageModernProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=FoodHomePageModern.d.ts.map

package/dist/layouts/food-modern/components/FoodHomePageModern.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FoodHomePageModern.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/components/FoodHomePageModern.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAchD,UAAU,uBAAuB;IAC9B,WAAW,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,uBAAuB,2CA0ZzF"}
+{"version":3,"file":"FoodHomePageModern.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/components/FoodHomePageModern.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAchD,UAAU,uBAAuB;IAC9B,WAAW,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,uBAAuB,+BA0ZzF"}

package/dist/layouts/food-modern/components/FoodHomePageModern.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { Modal } from '../../../components/ui/modal';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useToast } from '../../../components/ui/toast';
-import { useStore } from '../../../lib/store-context';
+import { Button } from '../../../components/ui/button.js';
+import { Modal } from '../../../components/ui/modal.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useToast } from '../../../components/ui/toast.js';
+import { useStore } from '../../../lib/store-context.js';
 import { Star, ArrowRight, Utensils, Calendar, Users, Mail, Phone, CheckCircle, Flame, Wine, Coffee, ChefHat, Clock } from 'lucide-react';
 import { useState, useMemo } from 'react';
-import { formatCurrency, isEditorPreviewMode, resolveMenuItemsForDisplay } from '../../../lib/utils';
-import { getLayoutText, getBannerImage, getAssetUrl } from '../../../lib/utils/asset-helpers';
+import { formatCurrency, isEditorPreviewMode, resolveMenuItemsForDisplay } from '../../../lib/utils/index.js';
+import { getLayoutText, getBannerImage, getAssetUrl } from '../../../lib/utils/asset-helpers.js';
 import { VideoPlayer } from '../../../components/ui/video-player';
 import { PromoBanner } from '../../shared/components/PromoBanner';
 import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles';
@@ -68,7 +68,7 @@ export function FoodHomePageModern({ storeConfig: initialConfig }) {
             image: t.image || fallbackTestimonials[idx]?.image || '',
         }))
         : (isPreview ? fallbackTestimonials : []);
-    return (_jsxs("div", { className: "bg-[#0F0F0F] text-white font-sans selection:bg-orange-500 selection:text-white", children: [layoutConfig?.sections?.hero?.show !== false && _jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "home", className: "relative h-screen w-full overflow-hidden flex items-center justify-center bg-[#0F0F0F]", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'hero'), children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx(VideoPlayer, { src: getAssetUrl(storeConfig, 'hero_video', "https://cdn.coverr.co/videos/coverr-chef-preparing-food-in-kitchen-5379/1080p.mp4"), poster: getBannerImage(storeConfig, 'hero_video_poster', "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2070&auto=format&fit=crop"), context: "background", className: "w-full h-full opacity-50 scale-105" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#0F0F0F] via-[#0F0F0F]/40 to-black/30" }), _jsx("div", { className: "absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/noise.png')] opacity-20 mix-blend-overlay" })] }), _jsxs("div", { className: "relative z-10 text-center px-4 max-w-5xl mx-auto space-y-10", children: [_jsxs("div", { className: "flex justify-center items-center gap-6 animate-fade-in-up", children: [_jsx("span", { className: "h-px w-16 bg-white/30" }), _jsxs("div", { className: "flex items-center gap-2 text-orange-500 uppercase tracking-[0.3em] text-xs font-bold", children: [_jsx(Star, { className: "h-3 w-3 fill-current" }), " ", getLayoutText(storeConfig, 'food.ourPhilosophy', 'Michelin Star 2024')] }), _jsx("span", { className: "h-px w-16 bg-white/30" })] }), _jsxs("h1", { className: "text-5xl md:text-8xl lg:text-9xl font-black tracking-tighter leading-none uppercase text-white animate-fade-in-up delay-100", children: [getLayoutText(storeConfig, 'food.ourPhilosophy', 'Taste the Extraordinary'), " ", _jsx("br", {}), _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-amber-200", children: "Extraordinary" })] }), _jsxs("p", { className: "text-lg md:text-xl text-gray-300 max-w-xl mx-auto font-light leading-relaxed animate-fade-in-up delay-200 tracking-wide", children: [storeConfig.description, " Where culinary art meets exceptional atmosphere."] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-6 justify-center items-center pt-8 animate-fade-in-up delay-300", children: [_jsx(Button, { onClick: () => setIsReservationOpen(true), className: "h-14 px-10 bg-orange-600 hover:bg-orange-700 text-white text-sm font-bold uppercase tracking-[0.2em] rounded-full transition-all hover:scale-105 hover:shadow-[0_0_40px_rgba(234,88,12,0.3)]", children: getLayoutText(storeConfig, 'food.reserveTable', 'Reserve Table') }), _jsx("div", { onClick: scrollToMenu, className: "w-14 h-14 rounded-full border border-white/20 flex items-center justify-center cursor-pointer hover:bg-white hover:text-black transition-all group", children: _jsx(ArrowRight, { className: "h-5 w-5 group-hover:rotate-90 transition-transform duration-300" }) })] })] }), _jsxs("div", { className: "absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-4 animate-pulse", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.3em] text-gray-500", children: "Scroll" }), _jsx("div", { className: "w-px h-16 bg-gradient-to-b from-orange-500 to-transparent" })] })] }), layoutConfig?.sections?.story?.show !== false && (_jsxs("section", { "data-section": "about", "data-payaza-section-key": "about", "data-payaza-page": "home", className: "py-20 px-6 relative overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'about'), children: [_jsx("div", { className: "absolute top-0 right-0 w-1/3 h-full bg-white/5 skew-x-12 transform translate-x-20 pointer-events-none" }), _jsx("div", { className: "container mx-auto max-w-6xl relative z-10", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-none overflow-hidden grayscale hover:grayscale-0 transition-all duration-700", children: _jsx(ImageWithFallback, { src: getBannerImage(storeConfig, 'about_section_image', "https://images.unsplash.com/photo-1559339352-11d035aa65de?w=1200&q=80"), alt: "Chef", className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "absolute -bottom-10 -right-10 bg-[#1A1A1A] p-8 border border-white/5 max-w-xs hidden md:block", children: [_jsx("p", { className: "font-serif italic text-2xl text-white mb-4", children: "\"Cooking is an art, but patience is the key ingredient.\"" }), _jsx("p", { className: "text-orange-500 text-xs font-bold uppercase tracking-widest", children: "\u2014 Head Chef Marco" })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs", children: layoutConfig?.sections?.story?.label || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Our Philosophy') }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold leading-tight", children: layoutConfig?.sections?.story?.title || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Crafting Memories Through Flavor') }), _jsx("p", { className: "text-gray-400 text-lg leading-relaxed", children: layoutConfig?.sections?.story?.description || getLayoutText(storeConfig, 'food.ourPhilosophy', 'We believe that dining is more than just eating; it\'s an experience that engages all senses. Our seasonal menu is carefully curated using locally sourced ingredients to bring you the freshest flavors of the region.') }), _jsxs("div", { className: "grid grid-cols-3 gap-8 pt-8 border-t border-white/10", children: [_jsxs("div", { children: [_jsx(Flame, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Wood Fired" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Authentic taste" })] }), _jsxs("div", { children: [_jsx(Wine, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Fine Wines" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Curated selection" })] }), _jsxs("div", { children: [_jsx(Coffee, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Artisan Coffee" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Roasted in-house" })] })] })] })] }) })] })), layoutConfig?.sections?.promoBanner?.show !== false && layoutConfig?.sections?.promoBanner && (_jsx(PromoBanner, { config: layoutConfig.sections.promoBanner, storeSlug: storeConfig.slug, layoutStyle: "food", className: "my-20", sectionKey: "promoBanner", page: "home" })), _jsx("section", { id: "menu-section", "data-section": "menuGrid", "data-payaza-section-key": "menuGrid", "data-payaza-page": "home", className: "py-20 bg-[#141414] border-t border-white/5", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'menuGrid'), children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs mb-4 block", children: "Discover" }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold uppercase tracking-tight mb-8", children: getLayoutText(storeConfig, 'food.menuCategories', 'Our Menu') }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4", children: [_jsx("button", { onClick: () => setActiveTab('all'), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === 'all' ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: "All" }), categories.map((cat) => (_jsx("button", { onClick: () => setActiveTab(cat.id), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === cat.id ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: cat.name }, cat.id)))] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-16", children: filteredItems.map((item) => (_jsxs("div", { className: "group cursor-pointer", children: [_jsxs("div", { className: "aspect-square overflow-hidden rounded-full mb-6 border border-white/10 relative", children: [_jsx(ImageWithFallback, { src: item.image, alt: item.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 group-hover:rotate-3", skeletonAspectRatio: "square" }), _jsx("div", { className: "hidden lg:flex absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity items-center justify-center", children: _jsx(Button, { className: "bg-orange-600 rounded-full px-6 hover:bg-orange-700", onClick: (e) => {
+    return (_jsxs("div", { className: "bg-[#0F0F0F] text-white font-sans selection:bg-orange-500 selection:text-white", children: [layoutConfig?.sections?.hero?.show !== false && _jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "home", className: "relative h-screen w-full overflow-hidden flex items-center justify-center bg-[#0F0F0F]", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'hero'), children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx(VideoPlayer, { src: getAssetUrl(storeConfig, 'hero_video', "https://cdn.coverr.co/videos/coverr-chef-preparing-food-in-kitchen-5379/1080p.mp4"), poster: getBannerImage(storeConfig, 'hero_video_poster', "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2070&auto=format&fit=crop"), context: "background", className: "w-full h-full opacity-50 scale-105" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#0F0F0F] via-[#0F0F0F]/40 to-black/30" }), _jsx("div", { className: "absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/noise.png')] opacity-20 mix-blend-overlay" })] }), _jsxs("div", { className: "relative z-10 text-center px-4 max-w-5xl mx-auto space-y-10", children: [_jsxs("div", { className: "flex justify-center items-center gap-6 animate-fade-in-up", children: [_jsx("span", { className: "h-px w-16 bg-white/30" }), _jsxs("div", { className: "flex items-center gap-2 text-orange-500 uppercase tracking-[0.3em] text-xs font-bold", children: [_jsx(Star, { className: "h-3 w-3 fill-current" }), " ", getLayoutText(storeConfig, 'food.ourPhilosophy', 'Michelin Star 2024')] }), _jsx("span", { className: "h-px w-16 bg-white/30" })] }), _jsxs("h1", { className: "text-5xl md:text-8xl lg:text-9xl font-black tracking-tighter leading-none uppercase text-white animate-fade-in-up delay-100", children: [getLayoutText(storeConfig, 'food.ourPhilosophy', 'Taste the Extraordinary'), " ", _jsx("br", {}), _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-amber-200", children: "Extraordinary" })] }), _jsxs("p", { className: "text-lg md:text-xl text-gray-300 max-w-xl mx-auto font-light leading-relaxed animate-fade-in-up delay-200 tracking-wide", children: [storeConfig.description, " Where culinary art meets exceptional atmosphere."] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-6 justify-center items-center pt-8 animate-fade-in-up delay-300", children: [_jsx(Button, { onClick: () => setIsReservationOpen(true), className: "h-14 px-10 bg-orange-600 hover:bg-orange-700 text-white text-sm font-bold uppercase tracking-[0.2em] rounded-full transition-all hover:scale-105 hover:shadow-[0_0_40px_rgba(234,88,12,0.3)]", children: getLayoutText(storeConfig, 'food.reserveTable', 'Reserve Table') }), _jsx("div", { onClick: scrollToMenu, className: "w-14 h-14 rounded-full border border-white/20 flex items-center justify-center cursor-pointer hover:bg-white hover:text-black transition-all group", children: _jsx(ArrowRight, { className: "h-5 w-5 group-hover:rotate-90 transition-transform duration-300" }) })] })] }), _jsxs("div", { className: "absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-4 animate-pulse", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.3em] text-gray-500", children: "Scroll" }), _jsx("div", { className: "w-px h-16 bg-gradient-to-b from-orange-500 to-transparent" })] })] }), layoutConfig?.sections?.story?.show !== false && (_jsxs("section", { "data-section": "about", "data-payaza-section-key": "about", "data-payaza-page": "home", className: "py-20 px-6 relative overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'about'), children: [_jsx("div", { className: "absolute top-0 right-0 w-1/3 h-full bg-white/5 skew-x-12 transform translate-x-20 pointer-events-none" }), _jsx("div", { className: "container mx-auto max-w-6xl relative z-10", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-none overflow-hidden grayscale hover:grayscale-0 transition-all duration-700", children: _jsx(ImageWithFallback, { src: getBannerImage(storeConfig, 'about_section_image', "https://images.unsplash.com/photo-1559339352-11d035aa65de?w=1200&q=80"), alt: "Chef", className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "absolute -bottom-10 -right-10 bg-[#1A1A1A] p-8 border border-white/5 max-w-xs hidden md:block", children: [_jsx("p", { className: "font-serif italic text-2xl text-white mb-4", children: "\"Cooking is an art, but patience is the key ingredient.\"" }), _jsx("p", { className: "text-orange-500 text-xs font-bold uppercase tracking-widest", children: "\u2014 Head Chef Marco" })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs", children: layoutConfig?.sections?.story?.label || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Our Philosophy') }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold leading-tight", children: layoutConfig?.sections?.story?.title || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Crafting Memories Through Flavor') }), _jsx("p", { className: "text-gray-400 text-lg leading-relaxed", children: layoutConfig?.sections?.story?.description || getLayoutText(storeConfig, 'food.ourPhilosophy', 'We believe that dining is more than just eating; it\'s an experience that engages all senses. Our seasonal menu is carefully curated using locally sourced ingredients to bring you the freshest flavors of the region.') }), _jsxs("div", { className: "grid grid-cols-3 gap-8 pt-8 border-t border-white/10", children: [_jsxs("div", { children: [_jsx(Flame, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Wood Fired" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Authentic taste" })] }), _jsxs("div", { children: [_jsx(Wine, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Fine Wines" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Curated selection" })] }), _jsxs("div", { children: [_jsx(Coffee, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Artisan Coffee" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Roasted in-house" })] })] })] })] }) })] })), layoutConfig?.sections?.promoBanner?.show !== false && layoutConfig?.sections?.promoBanner && (_jsx(PromoBanner, { config: layoutConfig.sections.promoBanner, layoutStyle: "food", className: "my-20" })), _jsx("section", { id: "menu-section", "data-section": "menuGrid", "data-payaza-section-key": "menuGrid", "data-payaza-page": "home", className: "py-20 bg-[#141414] border-t border-white/5", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'menuGrid'), children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs mb-4 block", children: "Discover" }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold uppercase tracking-tight mb-8", children: getLayoutText(storeConfig, 'food.menuCategories', 'Our Menu') }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4", children: [_jsx("button", { onClick: () => setActiveTab('all'), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === 'all' ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: "All" }), categories.map((cat) => (_jsx("button", { onClick: () => setActiveTab(cat.id), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === cat.id ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: cat.name }, cat.id)))] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-16", children: filteredItems.map((item) => (_jsxs("div", { className: "group cursor-pointer", children: [_jsxs("div", { className: "aspect-square overflow-hidden rounded-full mb-6 border border-white/10 relative", children: [_jsx(ImageWithFallback, { src: item.image, alt: item.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 group-hover:rotate-3", skeletonAspectRatio: "square" }), _jsx("div", { className: "hidden lg:flex absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity items-center justify-center", children: _jsx(Button, { className: "bg-orange-600 rounded-full px-6 hover:bg-orange-700", onClick: (e) => {
                                                         e.preventDefault();
                                                         e.stopPropagation();
                                                         // Adapt menu item to product for cart

package/dist/layouts/food-modern/index.d.ts

@@ -1,9 +1,9 @@
 export { FoodHomePageModern } from './components/FoodHomePageModern';
-export { FoodModernProductsPage } from './pages/ProductsPage';
-export { FoodModernProductDetailPage } from './pages/ProductDetailPage';
-export { FoodModernCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as FoodModernProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage as FoodModernProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as FoodModernCategoryPage } from './pages/CategoryPage';
 export { FoodModernCategoriesPage } from './pages/CategoriesPage';
-export { FoodModernMenuPage } from './pages/MenuPage';
-export { FoodModernAboutPage } from './pages/AboutPage';
-export { FoodModernContactPage } from './pages/ContactPage';
+export { MenuPage as FoodModernMenuPage } from './pages/MenuPage';
+export { AboutPage as FoodModernAboutPage } from './pages/AboutPage';
+export { ContactPage as FoodModernContactPage } from './pages/ContactPage';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/food-modern/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/food-modern/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/food-modern/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,IAAI,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,IAAI,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,YAAY,IAAI,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/layouts/food-modern/index.js

@@ -1,9 +1,9 @@
 // Modern Eats (food-modern) layout — fully sandboxed exports
 export { FoodHomePageModern } from './components/FoodHomePageModern';
-export { FoodModernProductsPage } from './pages/ProductsPage';
-export { FoodModernProductDetailPage } from './pages/ProductDetailPage';
-export { FoodModernCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as FoodModernProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage as FoodModernProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as FoodModernCategoryPage } from './pages/CategoryPage';
 export { FoodModernCategoriesPage } from './pages/CategoriesPage';
-export { FoodModernMenuPage } from './pages/MenuPage';
-export { FoodModernAboutPage } from './pages/AboutPage';
-export { FoodModernContactPage } from './pages/ContactPage';
+export { MenuPage as FoodModernMenuPage } from './pages/MenuPage';
+export { AboutPage as FoodModernAboutPage } from './pages/AboutPage';
+export { ContactPage as FoodModernContactPage } from './pages/ContactPage';

package/dist/layouts/food-modern/pages/AboutPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface AboutPageProps {
     storeConfig: StoreConfig;
 }
-export declare function AboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=AboutPage.d.ts.map

package/dist/layouts/food-modern/pages/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CA4OvE"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BA4OvE"}

package/dist/layouts/food-modern/pages/AboutPage.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Award, Heart, Leaf, 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 { Button } from '../../../components/ui/button.js';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
 export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();

package/dist/layouts/food-modern/pages/CategoriesPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface CategoriesPageProps {
     storeConfig: StoreConfig;
 }
-export declare function FoodModernCategoriesPage({ storeConfig: initialConfig }: CategoriesPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function FoodModernCategoriesPage({ storeConfig: initialConfig }: CategoriesPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CategoriesPage.d.ts.map

package/dist/layouts/food-modern/pages/CategoriesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CA4D3F"}
+{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,+BA4D3F"}