@fayz-ai/storefront 0.6.0 → 0.7.0

package/dist/pages/CheckoutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA+FlD,wBAAgB,YAAY,sBAke3B"}
+{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAgGlD,wBAAgB,YAAY,sBAke3B"}

package/dist/pages/HomePage.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-import type { HomeSection } from '../sections';
+import type { StorefrontSection } from '../sections';
+export declare function StorefrontSections({ sections }: {
+    sections: readonly StorefrontSection[];
+}): React.JSX.Element;
 export declare function HomePage({ sections }: {
-    sections: HomeSection[];
+    sections: readonly StorefrontSection[];
 }): React.JSX.Element;
 //# sourceMappingURL=HomePage.d.ts.map

package/dist/pages/HomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAO9C,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAE,qBAEjE"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAOpD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAA;CAAE,qBAE1F;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAA;CAAE,qBAEhF"}

package/dist/pages/MyPurchasesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyPurchasesPage.d.ts","sourceRoot":"","sources":["../../src/pages/MyPurchasesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0RvC,wBAAgB,eAAe,sBA2B9B"}
+{"version":3,"file":"MyPurchasesPage.d.ts","sourceRoot":"","sources":["../../src/pages/MyPurchasesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA2RvC,wBAAgB,eAAe,sBA2B9B"}

package/dist/pages/OrderConfirmationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderConfirmationPage.d.ts","sourceRoot":"","sources":["../../src/pages/OrderConfirmationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAmDlD,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,qBAyIrE"}
+{"version":3,"file":"OrderConfirmationPage.d.ts","sourceRoot":"","sources":["../../src/pages/OrderConfirmationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAoDlD,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,qBAyIrE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,qBAwK3D"}
+{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAmBlD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,qBAgP3D"}

package/dist/sections.d.ts

@@ -1,4 +1,5 @@
 import type { HeroVariant } from './theme';
+import type React from 'react';
 export interface HeroSlide {
     title: string;
     subtitle?: string;
@@ -10,11 +11,28 @@ export interface HeroSlide {
     /** Editorial boxed copy block (Uyuni) instead of free overlay */
     boxed?: boolean;
 }
-export type HomeSection = {
+export interface MediaCarouselItem {
+    title: string;
+    subtitle?: string;
+    eyebrow?: string;
+    cta?: string;
+    href?: string;
+    image: string;
+    imageAlt?: string;
+    align?: 'start' | 'center' | 'end';
+}
+export type StorefrontSection = {
     type: 'hero';
     variant: HeroVariant;
     slides: HeroSlide[];
     height?: 'tall' | 'medium';
+} | {
+    type: 'mediaCarousel';
+    items: MediaCarouselItem[];
+    height?: 'medium' | 'tall' | 'screen';
+    autoplayMs?: number;
+    overlay?: 'dark' | 'soft' | 'none';
+    className?: string;
 } | {
     type: 'categories';
     style: 'bubbles' | 'tiles';
@@ -28,6 +46,18 @@ export type HomeSection = {
     /** 'sale' = compareAtPrice set; 'new' = newest first; 'all' = catalog order */
     filter?: 'sale' | 'new' | 'all';
     limit?: number;
+} | {
+    type: 'productSlider';
+    title: string;
+    subtitle?: string;
+    eyebrow?: string;
+    filter?: 'sale' | 'new' | 'all';
+    categoryName?: string;
+    collection?: string;
+    limit?: number;
+    cta?: string;
+    href?: string;
+    className?: string;
 } | {
     type: 'benefits';
     items: Array<{
@@ -60,8 +90,10 @@ export type HomeSection = {
     title?: string;
     subtitle?: string;
 };
+/** @deprecated Use StorefrontSection. Kept for existing generated stores. */
+export type HomeSection = StorefrontSection;
 export interface HomeConfig {
-    sections: HomeSection[];
+    sections: readonly StorefrontSection[];
 }
 export interface NavLink {
     label: string;
@@ -78,6 +110,17 @@ export interface FooterConfig {
         label: string;
         href: string;
     }>;
+    credit?: React.ReactNode;
+    labels?: {
+        categories?: string;
+        navigation?: string;
+        contact?: string;
+        viewAll?: string;
+        purchases?: string;
+        privacy?: string;
+        terms?: string;
+        returns?: string;
+    };
 }
 /** Wide gradient SVG data-URI — deterministic hero/banner art, no network. */
 export declare function bannerPlaceholder(label: string, hueA: number, hueB: number, w?: number, h?: number): string;

package/dist/sections.d.ts.map

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

package/dist/testids.d.ts

@@ -11,6 +11,13 @@ export declare const TID: {
     readonly hero: "home-hero";
     readonly heroPrev: "hero-prev";
     readonly heroNext: "hero-next";
+    readonly mediaCarousel: "media-carousel";
+    readonly mediaCarouselPrev: "media-carousel-prev";
+    readonly mediaCarouselNext: "media-carousel-next";
+    readonly productSlider: "product-slider";
+    readonly productSliderViewport: "product-slider-viewport";
+    readonly productSliderPrev: "product-slider-prev";
+    readonly productSliderNext: "product-slider-next";
     readonly categoryShowcase: "category-showcase";
     readonly productRail: "product-rail";
     readonly benefits: "benefits-row";
@@ -42,6 +49,19 @@ export declare const TID: {
     readonly productOptionValue: (id: string, value: string) => string;
     readonly pdpQtyInput: "pdp-qty-input";
     readonly pdpAddToCart: "pdp-add-to-cart";
+    readonly pdpRoot: "pdp-root";
+    readonly pdpGallery: "pdp-gallery";
+    readonly pdpActions: "pdp-actions";
+    readonly pdpEnquiryButton: "pdp-enquiry-button";
+    readonly enquiryForm: "enquiry-form";
+    readonly enquiryName: "enquiry-name";
+    readonly enquiryEmail: "enquiry-email";
+    readonly enquiryPhone: "enquiry-phone";
+    readonly enquirySubject: "enquiry-subject";
+    readonly enquiryMessage: "enquiry-message";
+    readonly enquirySubmit: "enquiry-submit";
+    readonly enquirySuccess: "enquiry-success";
+    readonly enquiryError: "enquiry-error";
     readonly cartDrawer: "cart-drawer";
     readonly cartLine: "cart-line";
     readonly lineQty: "line-qty";

package/dist/testids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testids.d.ts","sourceRoot":"","sources":["../src/testids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;;;;;;;8BAQG,MAAM;iCACH,MAAM;;;;;;;;;;;;;;;;;;;;;;oCAyBH,MAAM;;;;;;;;;;sCAWJ,MAAM;sCACN,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAoCpB,MAAM;;;;;;;;;;;;;;;;;CAkBxB,CAAA"}
+{"version":3,"file":"testids.d.ts","sourceRoot":"","sources":["../src/testids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;;;;;;;8BAQG,MAAM;iCACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgCH,MAAM;;;;;;;;;;sCAWJ,MAAM;sCACN,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAiDpB,MAAM;;;;;;;;;;;;;;;;;CAkBxB,CAAA"}

package/dist/theme.d.ts

@@ -41,6 +41,10 @@ export interface StorefrontTheme {
         variant?: HeaderVariant;
         /** Uppercase nav links (premium retail tone) */
         uppercaseNav?: boolean;
+        /** Show category shortcuts after primary nav links. Default true. */
+        showCategories?: boolean;
+        /** Show the storefront search input in the header. Default true. */
+        showSearch?: boolean;
     };
     productCard?: {
         style?: CardStyle;

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAaxC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;AACzE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,CAAA;AAE5C,MAAM,WAAW,qBAAqB;IACpC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uBAAuB;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAED,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,yBAAyB;IACzB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,aAAa,CAAA;QACvB,gDAAgD;QAChD,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;KACpC,CAAA;IACD,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAyBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAuCzD;AAYD,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE;;8CAiBzE"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAaxC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;AACzE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,CAAA;AAE5C,MAAM,WAAW,qBAAqB;IACpC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uBAAuB;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAED,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,yBAAyB;IACzB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,aAAa,CAAA;QACvB,gDAAgD;QAChD,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,qEAAqE;QACrE,cAAc,CAAC,EAAE,OAAO,CAAA;QACxB,oEAAoE;QACpE,UAAU,CAAC,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;KACpC,CAAA;IACD,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAyBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAuCzD;AAYD,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE;;8CAiBzE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fayz-ai/storefront",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Fayz SDK storefront kit — Shopify-style customer-facing ecommerce template components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -40,11 +40,12 @@
     "@supabase/supabase-js": "^2.45.0",
     "lucide-react": "^0.400.0",
     "zustand": "^4.5.0",
-    "@fayz-ai/auth": "^0.6.0",
-    "@fayz-ai/core": "^0.6.0",
-    "@fayz-ai/sdk": "^0.6.0",
-    "@fayz-ai/shop": "^0.6.0",
-    "@fayz-ai/ui": "^0.6.0"
+    "@fayz-ai/core": "^0.6.6",
+    "@fayz-ai/plugin-auth": "^0.1.2",
+    "@fayz-ai/shop": "^0.7.0",
+    "@fayz-ai/ui": "^0.6.6",
+    "@fayz-ai/sdk": "^0.6.6",
+    "@fayz-ai/auth": "^0.6.6"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -63,9 +64,6 @@
     "template"
   ],
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "build": "tsup && tsc --emitDeclarationOnly --declaration --declarationMap --noEmit false",
     "dev": "tsup --watch",

package/src/auth.ts

@@ -1,5 +1,9 @@
 import type { AuthAdapter, AuthUser } from '@fayz-ai/core'
-import { createMockAuthAdapter } from '@fayz-ai/auth'
+import {
+  createAuthRuntime,
+  createMockAuthAdapter,
+  type AuthPluginOptions,
+} from '@fayz-ai/plugin-auth'
 import { getShopProvider } from '@fayz-ai/shop/runtime'
 import { useSessionStore } from './stores/session.store'
 
@@ -11,20 +15,53 @@ import { useSessionStore } from './stores/session.store'
 // and purchase history attach to a customer.
 // ---------------------------------------------------------------------------
 
-export type StorefrontAuthAdapter = AuthAdapter | 'mock' | 'supabase'
+export type StorefrontAuthAdapter = AuthAdapter | 'mock' | 'supabase' | (string & {})
+
+export interface StorefrontAuthConfig {
+  adapter?: AuthPluginOptions['adapter']
+  provider?: AuthPluginOptions['provider']
+  routes?: AuthPluginOptions['routes']
+  supabase?: AuthPluginOptions['supabase']
+}
 
 let _adapter: AuthAdapter | null = null
 
+function isAuthAdapter(value: unknown): value is AuthAdapter {
+  return Boolean(
+    value &&
+      typeof value === 'object' &&
+      'getSession' in value &&
+      'signIn' in value &&
+      'signOut' in value,
+  )
+}
+
+function normalizeAuthConfig(
+  configured: StorefrontAuthAdapter | StorefrontAuthConfig | undefined,
+): StorefrontAuthConfig {
+  if (!configured) return {}
+  if (typeof configured === 'string' || isAuthAdapter(configured)) return { adapter: configured }
+  return configured
+}
+
 export function resolveAuthAdapter(
-  configured: StorefrontAuthAdapter | undefined,
+  configured: StorefrontAuthAdapter | StorefrontAuthConfig | undefined,
+  fallback?: { supabaseUrl?: string; supabaseAnonKey?: string },
 ): AuthAdapter {
-  if (configured && configured !== 'mock' && configured !== 'supabase') return configured
-  if (configured === 'supabase') {
-    console.warn(
-      '@fayz-ai/shop: auth.adapter="supabase" is legacy. Pass an explicit AuthAdapter or use the Fayz SDK broker path.',
-    )
-  }
-  return createMockAuthAdapter()
+  const config = normalizeAuthConfig(configured)
+  return createAuthRuntime({
+    provider: config.provider ?? config.adapter ?? (fallback?.supabaseUrl ? 'supabase' : 'mock'),
+    adapter: config.adapter,
+    routes: config.routes,
+    requireAuth: false,
+    supabase: {
+      url: config.supabase?.url ?? fallback?.supabaseUrl,
+      anonKey: config.supabase?.anonKey ?? fallback?.supabaseAnonKey,
+      client: config.supabase?.client,
+      callbackUrl: config.supabase?.callbackUrl,
+      resetPasswordUrl: config.supabase?.resetPasswordUrl,
+    },
+  }).adapter
 }
 
 /** Called once by createStorefrontApp. Restores any persisted session. */

package/src/blocks.tsx

@@ -1,9 +1,11 @@
 import { registerBlock } from '@fayz-ai/core'
 import type { BlockNode } from '@fayz-ai/core'
-import type { HomeSection } from './sections'
+import type { StorefrontSection } from './sections'
 import { HeroSection } from './components/sections/HeroSection'
 import { CategoryShowcase } from './components/sections/CategoryShowcase'
 import { ProductRail } from './components/sections/ProductRail'
+import { MediaCarousel } from './components/sections/MediaCarousel'
+import { ProductSlider } from './components/sections/ProductSlider'
 import {
   BenefitsRow,
   PromoBanner,
@@ -26,8 +28,10 @@ export function registerStorefrontBlocks(): void {
   if (registered) return
   registered = true
   registerBlock('hero', HeroSection, { source: 'sdk', label: 'Hero' })
+  registerBlock('mediaCarousel', MediaCarousel, { source: 'sdk', label: 'Media carousel' })
   registerBlock('categories', CategoryShowcase, { source: 'sdk', label: 'Categories' })
   registerBlock('products', ProductRail, { source: 'sdk', label: 'Product rail' })
+  registerBlock('productSlider', ProductSlider, { source: 'sdk', label: 'Product slider' })
   registerBlock('benefits', BenefitsRow, { source: 'sdk', label: 'Benefits row' })
   registerBlock('banner', PromoBanner, { source: 'sdk', label: 'Promo banner' })
   registerBlock('manifesto', ManifestoBlock, { source: 'sdk', label: 'Manifesto' })
@@ -38,8 +42,8 @@ export function registerStorefrontBlocks(): void {
 // Register on import so any consumer of the storefront package has the blocks.
 registerStorefrontBlocks()
 
-/** Convert the legacy HomeSection[] blueprint into a generic block tree. */
-export function sectionsToBlocks(sections: HomeSection[]): BlockNode[] {
+/** Convert the typed storefront section blueprint into a generic block tree. */
+export function sectionsToBlocks(sections: readonly StorefrontSection[]): BlockNode[] {
   return sections.map((section, i) => {
     const { type, ...props } = section
     return { type, id: `${type}-${i}`, props: props as Record<string, unknown> }

package/src/component-contracts.ts

@@ -0,0 +1,140 @@
+import type React from 'react'
+import type { Category, CreateProductEnquiryInput, Product, ProductEnquiry, ProductImage } from '@fayz-ai/shop/types'
+import type { ProductOptionGroup, ProductOptionSelection } from './product-options'
+import type { ResolvedStorefrontConfig, StorefrontCommerceMode } from './config'
+import type { MediaCarouselItem } from './sections'
+
+export interface StorefrontComponentBaseProps {
+  config: ResolvedStorefrontConfig
+  commerceMode: StorefrontCommerceMode
+  className?: string
+  testId?: string
+}
+
+export interface StorefrontActions {
+  navigateTo: (to: string) => void
+  addToCart: (product: Product, quantity?: number, options?: ProductOptionSelection) => void
+  openCart: () => void
+  closeCart: () => void
+  createProductEnquiry: (input: CreateProductEnquiryInput) => Promise<ProductEnquiry>
+}
+
+export interface ProductCardProps extends StorefrontComponentBaseProps {
+  product: Product
+  actions: Pick<StorefrontActions, 'navigateTo' | 'addToCart' | 'openCart'>
+}
+
+export interface ProductDetailProps extends StorefrontComponentBaseProps {
+  product: Product
+  primaryImage?: ProductImage
+  optionGroups: ProductOptionGroup[]
+  selectedOptions: ProductOptionSelection
+  setSelectedOptions: React.Dispatch<React.SetStateAction<ProductOptionSelection>>
+  quantity: number
+  setQuantity: React.Dispatch<React.SetStateAction<number>>
+  soldOut: boolean
+  lowStock: boolean
+  actions: Pick<StorefrontActions, 'addToCart' | 'createProductEnquiry' | 'navigateTo'>
+  addToCart: () => void
+  openEnquiry: () => void
+}
+
+export interface ProductGalleryProps extends StorefrontComponentBaseProps {
+  product: Product
+  images: ProductImage[]
+  primaryImage?: ProductImage
+}
+
+export interface ProductPriceProps extends StorefrontComponentBaseProps {
+  product: Product
+  value: number
+  compareAt?: number | null
+}
+
+export interface ProductActionsProps extends StorefrontComponentBaseProps {
+  product: Product
+  quantity: number
+  setQuantity: React.Dispatch<React.SetStateAction<number>>
+  soldOut: boolean
+  actions: Pick<StorefrontActions, 'addToCart' | 'createProductEnquiry' | 'navigateTo'>
+  addToCart: () => void
+  openEnquiry: () => void
+}
+
+export interface ProductEnquiryFormContractProps extends StorefrontComponentBaseProps {
+  product: Product
+  onSuccess?: () => void
+}
+
+export interface CategoryCardProps extends StorefrontComponentBaseProps {
+  category: Category
+  actions: Pick<StorefrontActions, 'navigateTo'>
+}
+
+export interface CollectionSectionProps extends StorefrontComponentBaseProps {
+  title: string
+  subtitle?: string
+  products: Product[]
+  category?: Category
+  children?: React.ReactNode
+}
+
+export interface HeroSectionContractProps extends StorefrontComponentBaseProps {
+  title: string
+  subtitle?: string
+  eyebrow?: string
+  image?: string
+  cta?: string
+  href?: string
+  children?: React.ReactNode
+}
+
+export interface MediaCarouselProps extends StorefrontComponentBaseProps {
+  items: MediaCarouselItem[]
+  height?: 'medium' | 'tall' | 'screen'
+  autoplayMs?: number
+  overlay?: 'dark' | 'soft' | 'none'
+}
+
+export interface ProductSliderProps extends StorefrontComponentBaseProps {
+  title: string
+  subtitle?: string
+  eyebrow?: string
+  filter?: 'sale' | 'new' | 'all'
+  categoryName?: string
+  collection?: string
+  limit?: number
+  cta?: string
+  href?: string
+}
+
+export interface StorefrontChromeProps extends StorefrontComponentBaseProps {
+  children?: React.ReactNode
+}
+
+export interface StorefrontStateProps extends StorefrontComponentBaseProps {
+  title?: string
+  message?: string
+  children?: React.ReactNode
+}
+
+export interface StorefrontComponents {
+  ProductCard?: React.ComponentType<ProductCardProps>
+  ProductDetail?: React.ComponentType<ProductDetailProps>
+  ProductGallery?: React.ComponentType<ProductGalleryProps>
+  ProductPrice?: React.ComponentType<ProductPriceProps>
+  ProductActions?: React.ComponentType<ProductActionsProps>
+  ProductEnquiryForm?: React.ComponentType<ProductEnquiryFormContractProps>
+  CategoryCard?: React.ComponentType<CategoryCardProps>
+  CollectionSection?: React.ComponentType<CollectionSectionProps>
+  HeroSection?: React.ComponentType<HeroSectionContractProps>
+  MediaCarousel?: React.ComponentType<MediaCarouselProps>
+  ProductSlider?: React.ComponentType<ProductSliderProps>
+  Header?: React.ComponentType<StorefrontChromeProps>
+  Footer?: React.ComponentType<StorefrontChromeProps>
+  Shell?: React.ComponentType<StorefrontChromeProps>
+  EmptyState?: React.ComponentType<StorefrontStateProps>
+  LoadingState?: React.ComponentType<StorefrontStateProps>
+  ErrorState?: React.ComponentType<StorefrontStateProps>
+
+}

package/src/component-selectors.ts

@@ -0,0 +1,31 @@
+import { TID } from './testids'
+
+/**
+ * Stable selectors that custom storefront components must preserve.
+ *
+ * Apps can fully customize the visual tree, but replacement components still
+ * need these anchors so smoke tests, QA, and agents can operate stores.
+ */
+export const productCardComponentContract = {
+  root: { 'data-testid': TID.productCard },
+  name: { 'data-testid': TID.productCardName },
+  priceTestId: TID.productCardPrice,
+  addButton: { 'data-testid': TID.productCardAdd },
+} as const
+
+export const storefrontComponentContracts = {
+  productCard: productCardComponentContract,
+  productDetail: {
+    root: { 'data-testid': TID.pdpRoot },
+    gallery: { 'data-testid': TID.pdpGallery },
+    name: { 'data-testid': TID.pdpName },
+    description: { 'data-testid': TID.pdpDescription },
+    actions: { 'data-testid': TID.pdpActions },
+    addButton: { 'data-testid': TID.pdpAddToCart },
+    enquiryButton: { 'data-testid': TID.pdpEnquiryButton },
+    enquiryForm: { 'data-testid': TID.enquiryForm },
+  },
+} as const
+
+export type ProductCardComponentContract = typeof productCardComponentContract
+export type ProductDetailComponentContract = typeof storefrontComponentContracts.productDetail

package/src/components/CartDrawer.tsx

@@ -14,6 +14,7 @@ import { navigateTo } from '../router'
 import { formatMoney } from '../format'
 import { QuantityInput } from './QuantityInput'
 import { TID } from '../testids'
+import { SmoothImage } from './SmoothImage'
 
 export function CartDrawer() {
   const config = useStorefrontConfig()
@@ -127,7 +128,7 @@ export function CartDrawer() {
                   }`}
                 >
                   {line.imageUrl && (
-                    <img src={line.imageUrl} alt={line.name} className="h-20 w-20 shrink-0 rounded-lg border object-cover" />
+                    <SmoothImage src={line.imageUrl} alt={line.name} className="h-20 w-20 shrink-0 rounded-lg border object-cover" />
                   )}
                   <div className="flex flex-1 flex-col">
                     <div className="flex items-start justify-between gap-2">

package/src/components/ProductCard.tsx

@@ -1,31 +1,31 @@
 import React from 'react'
 import { ShoppingBag } from 'lucide-react'
-import type { Product } from '@fayz-ai/shop/types'
-import { useCartStore } from '../stores/cart.store'
 import { useStorefrontConfig } from '../config'
 import { Link, navigateTo } from '../router'
 import { getProductOptionGroups } from '../product-options'
 import { Price } from './Price'
 import { TID } from '../testids'
-import { productCardSlotContract } from '../slot-contracts'
+import { productCardComponentContract } from '../component-selectors'
+import { useStorefrontActions } from '../hooks/useStorefront'
+import type { ProductCardProps } from '../component-contracts'
+import { SmoothImage } from './SmoothImage'
 
-export interface ProductCardProps {
-  product: Product
-}
-
-export function ProductCard({ product }: ProductCardProps) {
-  const config = useStorefrontConfig()
-  const addItem = useCartStore((s) => s.addItem)
+export function ProductCard({ product, config: providedConfig, actions: providedActions }: ProductCardProps) {
+  const runtimeConfig = useStorefrontConfig()
+  const runtimeActions = useStorefrontActions()
+  const config = providedConfig ?? runtimeConfig
+  const actions = providedActions ?? runtimeActions
   const hasOptions = getProductOptionGroups(product).length > 0
   const soldOut = product.inventoryCount <= 0
   const onSale = product.compareAtPrice != null && product.compareAtPrice > product.price
   const image = product.images.find((i) => i.isPrimary) ?? product.images[0]
   const cardStyle = config.theme?.productCard?.style ?? 'card'
   const aspect = config.theme?.productCard?.imageAspect === 'portrait' ? 'aspect-[3/4]' : 'aspect-square'
+  const purchaseMode = config.commerceMode === 'checkout'
 
   return (
     <div
-      {...productCardSlotContract.root}
+      {...productCardComponentContract.root}
       data-slug={product.slug}
       className={`group flex flex-col overflow-hidden transition-all duration-300 ${
         cardStyle === 'editorial'
@@ -36,7 +36,7 @@ export function ProductCard({ product }: ProductCardProps) {
     >
       <Link to={`/product/${product.slug}`} className={`relative block ${aspect} overflow-hidden bg-muted`} style={{ borderRadius: cardStyle === 'editorial' ? 'var(--sf-radius-card)' : undefined }}>
         {image && (
-          <img
+          <SmoothImage
             src={image.url}
             alt={image.altText ?? product.name}
             className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
@@ -67,23 +67,39 @@ export function ProductCard({ product }: ProductCardProps) {
         <span className="text-xs text-muted-foreground">{product.categoryName}</span>
         <Link
           to={`/product/${product.slug}`}
-          {...productCardSlotContract.name}
+          {...productCardComponentContract.name}
           className="font-medium leading-snug hover:underline"
         >
           {product.name}
         </Link>
-        <div className="mt-auto flex items-center justify-between pt-2">
-          <Price
-            value={product.price}
-            compareAt={product.compareAtPrice}
-            testId={productCardSlotContract.priceTestId}
-          />
+        <div className="mt-auto flex items-center justify-between gap-3 pt-2">
+          {purchaseMode ? (
+            <Price
+              value={product.price}
+              compareAt={product.compareAtPrice}
+              testId={productCardComponentContract.priceTestId}
+            />
+          ) : (
+            <span data-testid={productCardComponentContract.priceTestId} className="text-sm text-muted-foreground">
+              {config.commerceMode === 'enquiry' ? config.enquiry.label : 'Ver detalhes'}
+            </span>
+          )}
           <button
             type="button"
-            {...productCardSlotContract.addButton}
-            disabled={soldOut}
-            aria-label={hasOptions ? `Escolher opções de ${product.name}` : `Adicionar ${product.name} ao carrinho`}
+            {...productCardComponentContract.addButton}
+            disabled={purchaseMode && soldOut}
+            aria-label={
+              purchaseMode
+                ? hasOptions
+                  ? `Escolher opções de ${product.name}`
+                  : `Adicionar ${product.name} ao carrinho`
+                : `${config.enquiry.label} ${product.name}`
+            }
             onClick={() => {
+              if (!purchaseMode) {
+                navigateTo(`/product/${product.slug}`)
+                return
+              }
               // Products with variants (size/color) must pick an option on the PDP
               // — quick-adding would create an option-less line. Others add inline
               // (addItem auto-opens the cart drawer).
@@ -91,7 +107,7 @@ export function ProductCard({ product }: ProductCardProps) {
                 navigateTo(`/product/${product.slug}`)
                 return
               }
-              addItem(product)
+              actions.addToCart(product)
             }}
             className="rounded-full border bg-background/90 p-2.5 text-foreground shadow-sm transition-all duration-200 hover:scale-110 hover:bg-primary hover:text-primary-foreground hover:shadow disabled:cursor-not-allowed disabled:opacity-40 lg:translate-y-1 lg:opacity-0 lg:group-hover:translate-y-0 lg:group-hover:opacity-100 lg:disabled:opacity-0 lg:group-hover:disabled:opacity-40"
           >