@fayz-ai/storefront 0.7.0 → 0.8.0

package/dist/index.d.ts

@@ -44,7 +44,7 @@ export { StorefrontThemeStyle, themeToCss } from './theme';
 export type { StorefrontTheme, StorefrontThemeColors, StorefrontThemeFont, StorefrontRadius, HeaderVariant, HeroVariant, CardStyle, } from './theme';
 export type { StorefrontSection, HomeSection, HomeConfig, HeroSlide, MediaCarouselItem, NavLink, FooterConfig } from './sections';
 export { bannerPlaceholder } from './sections';
-export { storefrontTemplates, mareTemplate, sertaoTemplate, voltTemplate, atelierTemplate, } from './presets';
+export { storefrontTemplates, mareTemplate, sertaoTemplate, voltTemplate, atelierTemplate, foodTemplate, } from './presets';
 export type { StorefrontTemplate, StorefrontTemplateId } from './presets';
 export { HomePage, StorefrontSections } from './pages/HomePage';
 export { HeroSection } from './components/sections/HeroSection';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -206,92 +206,6 @@ function matchPath(pattern, path) {
 function Link({ to, children, ...rest }) {
   return React6.createElement("a", { href: `#${to}`, ...rest }, children);
 }
-var RADIUS_MAP = {
-  none: { button: "0px", card: "0px", input: "0px" },
-  soft: { button: "6px", card: "10px", input: "6px" },
-  round: { button: "10px", card: "16px", input: "10px" },
-  pill: { button: "999px", card: "20px", input: "999px" }
-};
-var COLOR_VAR_MAP = {
-  background: "--background",
-  foreground: "--foreground",
-  primary: "--primary",
-  primaryForeground: "--primary-foreground",
-  card: "--card",
-  cardForeground: "--card-foreground",
-  muted: "--muted",
-  mutedForeground: "--muted-foreground",
-  border: "--border",
-  headerBackground: "--sf-header-bg",
-  headerForeground: "--sf-header-fg",
-  announcementBackground: "--sf-announcement-bg",
-  announcementForeground: "--sf-announcement-fg"
-};
-function themeToCss(theme) {
-  const lines = [];
-  for (const [key, cssVar] of Object.entries(COLOR_VAR_MAP)) {
-    const value = theme.colors?.[key];
-    if (value) lines.push(`${cssVar}: ${value};`);
-  }
-  if (!theme.colors?.headerBackground && theme.colors?.background) {
-    lines.push(`--sf-header-bg: ${theme.colors.background};`);
-  }
-  if (!theme.colors?.headerForeground && theme.colors?.foreground) {
-    lines.push(`--sf-header-fg: ${theme.colors.foreground};`);
-  }
-  if (theme.font) {
-    const fallback = theme.font.fallback ?? "sans-serif";
-    lines.push(`--font-family: '${theme.font.body}', ${fallback};`);
-    lines.push(`--sf-font-heading: '${theme.font.heading}', ${fallback};`);
-  }
-  const radius = RADIUS_MAP[theme.radius ?? "soft"];
-  lines.push(`--button-radius: ${radius.button};`);
-  lines.push(`--card-radius: ${radius.card};`);
-  lines.push(`--input-radius: ${radius.input};`);
-  lines.push(`--sf-radius-button: ${radius.button};`);
-  lines.push(`--sf-radius-card: ${radius.card};`);
-  lines.push(`--sf-radius-input: ${radius.input};`);
-  let css = `:root {
-  ${lines.join("\n  ")}
-}
-`;
-  css += `body { font-family: var(--font-family); }
-`;
-  css += `h1, h2, h3, h4, .sf-heading { font-family: var(--sf-font-heading, var(--font-family)); }
-`;
-  if (theme.uppercaseButtons) {
-    css += `.sf-cta { text-transform: uppercase; letter-spacing: 0.08em; }
-`;
-  }
-  if (theme.header?.uppercaseNav) {
-    css += `.sf-nav-link { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; }
-`;
-  }
-  return css;
-}
-function googleFontsHref(theme) {
-  if (!theme.font) return null;
-  const families = theme.font.googleFonts ?? [theme.font.heading, theme.font.body];
-  const unique = [...new Set(families)];
-  const params = unique.map((f) => `family=${encodeURIComponent(f).replace(/%20/g, "+")}:wght@300;400;500;600;700`).join("&");
-  return `https://fonts.googleapis.com/css2?${params}&display=swap`;
-}
-function StorefrontThemeStyle({ theme }) {
-  const fontsHref = googleFontsHref(theme);
-  useEffect(() => {
-    if (!fontsHref) return;
-    const id = "sf-theme-fonts";
-    let link = document.getElementById(id);
-    if (!link) {
-      link = document.createElement("link");
-      link.id = id;
-      link.rel = "stylesheet";
-      document.head.appendChild(link);
-    }
-    link.href = fontsHref;
-  }, [fontsHref]);
-  return React6.createElement("style", { "data-sf-theme": theme.name }, themeToCss(theme));
-}
 
 // src/format.ts
 function formatMoney(value, currency = "BRL", locale = "pt-BR") {
@@ -344,7 +258,7 @@ function productOptionSelectionKey(selection) {
 // src/stores/cart.store.ts
 var useCartStore = create()(
   persist(
-    (set) => ({
+    (set, get) => ({
       lines: [],
       discountCode: null,
       discountPercent: 0,
@@ -396,7 +310,16 @@ var useCartStore = create()(
       clearDiscount: () => set({ discountCode: null, discountPercent: 0 }),
       clear: () => set({ lines: [], discountCode: null, discountPercent: 0 }),
       openDrawer: () => set({ isOpen: true }),
-      closeDrawer: () => set({ isOpen: false, justAddedLineId: null })
+      closeDrawer: () => set({ isOpen: false, justAddedLineId: null }),
+      reconcile: async (resolve) => {
+        const lines = get().lines;
+        if (lines.length === 0) return;
+        const keep = await Promise.all(
+          lines.map((line) => resolve(line).catch(() => true))
+        );
+        const kept = lines.filter((_, i) => keep[i]);
+        if (kept.length !== lines.length) set({ lines: kept });
+      }
     }),
     {
       name: "fayz.storefront.cart.v1",
@@ -418,6 +341,102 @@ var selectShipping = (s, cfg) => {
   return cfg.shipping.flatRate;
 };
 var selectTotal = (s, cfg) => roundCents(selectSubtotal(s) - selectDiscountTotal(s) + selectShipping(s, cfg));
+var RADIUS_MAP = {
+  none: { button: "0px", card: "0px", input: "0px" },
+  soft: { button: "6px", card: "10px", input: "6px" },
+  round: { button: "10px", card: "16px", input: "10px" },
+  pill: { button: "999px", card: "20px", input: "999px" }
+};
+var COLOR_VAR_MAP = {
+  background: "--background",
+  foreground: "--foreground",
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  border: "--border",
+  headerBackground: "--sf-header-bg",
+  headerForeground: "--sf-header-fg",
+  announcementBackground: "--sf-announcement-bg",
+  announcementForeground: "--sf-announcement-fg",
+  accent: "--sf-accent",
+  accentForeground: "--sf-accent-foreground"
+};
+function themeToCss(theme) {
+  const lines = [];
+  for (const [key, cssVar] of Object.entries(COLOR_VAR_MAP)) {
+    const value = theme.colors?.[key];
+    if (value) lines.push(`${cssVar}: ${value};`);
+  }
+  if (!theme.colors?.headerBackground && theme.colors?.background) {
+    lines.push(`--sf-header-bg: ${theme.colors.background};`);
+  }
+  if (!theme.colors?.headerForeground && theme.colors?.foreground) {
+    lines.push(`--sf-header-fg: ${theme.colors.foreground};`);
+  }
+  if (theme.font) {
+    const fallback = theme.font.fallback ?? "sans-serif";
+    lines.push(`--font-family: '${theme.font.body}', ${fallback};`);
+    lines.push(`--sf-font-heading: '${theme.font.heading}', ${fallback};`);
+    if (theme.font.display) lines.push(`--sf-font-display: '${theme.font.display}', ${fallback};`);
+    if (theme.font.serif) lines.push(`--sf-font-serif: '${theme.font.serif}', serif;`);
+  }
+  for (const [key, value] of Object.entries(theme.tokens ?? {})) {
+    const name = key.startsWith("--") ? key : `--${key}`;
+    lines.push(`${name}: ${value};`);
+  }
+  const radius = RADIUS_MAP[theme.radius ?? "soft"];
+  lines.push(`--button-radius: ${radius.button};`);
+  lines.push(`--card-radius: ${radius.card};`);
+  lines.push(`--input-radius: ${radius.input};`);
+  lines.push(`--sf-radius-button: ${radius.button};`);
+  lines.push(`--sf-radius-card: ${radius.card};`);
+  lines.push(`--sf-radius-input: ${radius.input};`);
+  let css = `:root {
+  ${lines.join("\n  ")}
+}
+`;
+  css += `body { font-family: var(--font-family); }
+`;
+  css += `h1, h2, h3, h4, .sf-heading { font-family: var(--sf-font-heading, var(--font-family)); }
+`;
+  if (theme.uppercaseButtons) {
+    css += `.sf-cta { text-transform: uppercase; letter-spacing: 0.08em; }
+`;
+  }
+  if (theme.header?.uppercaseNav) {
+    css += `.sf-nav-link { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; }
+`;
+  }
+  return css;
+}
+function googleFontsHref(theme) {
+  if (!theme.font) return null;
+  const families = theme.font.googleFonts ?? [theme.font.heading, theme.font.body, theme.font.display, theme.font.serif].filter(
+    (f) => Boolean(f)
+  );
+  const unique = [...new Set(families)];
+  const params = unique.map((f) => `family=${encodeURIComponent(f).replace(/%20/g, "+")}:wght@300;400;500;600;700`).join("&");
+  return `https://fonts.googleapis.com/css2?${params}&display=swap`;
+}
+function StorefrontThemeStyle({ theme }) {
+  const fontsHref = googleFontsHref(theme);
+  useEffect(() => {
+    if (!fontsHref) return;
+    const id = "sf-theme-fonts";
+    let link = document.getElementById(id);
+    if (!link) {
+      link = document.createElement("link");
+      link.id = id;
+      link.rel = "stylesheet";
+      document.head.appendChild(link);
+    }
+    link.href = fontsHref;
+  }, [fontsHref]);
+  return React6.createElement("style", { "data-sf-theme": theme.name }, themeToCss(theme));
+}
 var initial = {
   search: "",
   categoryId: null,
@@ -526,6 +545,7 @@ function usePopOnChange(value) {
 var TID = {
   // header
   headerSearch: "header-search",
+  headerSearchToggle: "header-search-toggle",
   cartButton: "cart-button",
   cartCount: "cart-count",
   accountLink: "account-link",
@@ -714,12 +734,26 @@ function UtilityBar() {
     /* @__PURE__ */ jsx("span", { className: "ml-auto flex items-center gap-4", children: social?.map((s) => /* @__PURE__ */ jsx("a", { href: s.href, target: "_blank", rel: "noreferrer", className: "hover:underline", children: s.label }, s.href)) })
   ] }) });
 }
-function SearchInput({ className }) {
+function SearchInput({ className, iconOnly = false }) {
   const config = useStorefrontConfig();
   const search = useCatalogStore((s) => s.search);
   const setSearch = useCatalogStore((s) => s.setSearch);
   const path = useHashPath();
-  return /* @__PURE__ */ jsxs("div", { className: `relative ${className ?? ""}`, children: [
+  const [open, setOpen] = useState(false);
+  if (iconOnly && !open) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Buscar produtos",
+        "data-testid": TID.headerSearchToggle,
+        onClick: () => setOpen(true),
+        className: "rounded-full p-2.5 transition-opacity hover:opacity-70",
+        children: /* @__PURE__ */ jsx(Search, { className: "h-5 w-5" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `relative ${iconOnly ? "w-full max-w-xs" : className ?? ""}`, children: [
     /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 opacity-60" }),
     /* @__PURE__ */ jsx(
       "input",
@@ -728,10 +762,17 @@ function SearchInput({ className }) {
         type: "search",
         placeholder: "Buscar produtos...",
         value: search,
+        autoFocus: iconOnly,
         onChange: (e) => {
           setSearch(e.target.value);
           if (path !== config.catalogPath) navigateTo(config.catalogPath);
         },
+        onKeyDown: (e) => {
+          if (e.key === "Escape" && iconOnly) setOpen(false);
+        },
+        onBlur: () => {
+          if (iconOnly && !search) setOpen(false);
+        },
         className: "w-full border bg-white/10 py-2 pl-9 pr-4 text-sm outline-none transition-colors placeholder:opacity-60 focus:border-primary focus:bg-white focus:text-gray-900",
         style: {
           borderRadius: "var(--sf-radius-input)",
@@ -884,6 +925,7 @@ function StorefrontHeader() {
   const variant = config.theme?.header?.variant ?? "classic";
   const scrolled = useScrolled();
   const showSearch = config.theme?.header?.showSearch !== false;
+  const iconSearch = config.theme?.header?.searchStyle === "icon";
   const logo = /* @__PURE__ */ jsx(Link, { to: "/", className: "sf-heading shrink-0 text-xl font-bold tracking-tight", children: config.logo ?? config.name });
   return /* @__PURE__ */ jsxs(
     "header",
@@ -897,7 +939,7 @@ function StorefrontHeader() {
           // Rio/Flex pattern: centered logo row, nav row below
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-4 sm:px-6", children: [
-              showSearch ? /* @__PURE__ */ jsx(SearchInput, { className: "hidden w-full max-w-xs sm:block" }) : /* @__PURE__ */ jsx("div", {}),
+              showSearch ? /* @__PURE__ */ jsx(SearchInput, { iconOnly: iconSearch, className: "hidden w-full max-w-xs sm:block" }) : /* @__PURE__ */ jsx("div", {}),
               /* @__PURE__ */ jsx("div", { className: "text-center", children: logo }),
               /* @__PURE__ */ jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsx(HeaderActions, {}) })
             ] }),
@@ -907,7 +949,7 @@ function StorefrontHeader() {
           // Brasília pattern: prominent search left, logo center, actions right; nav row below
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center gap-6 px-4 sm:px-6", children: [
-              showSearch ? /* @__PURE__ */ jsx(SearchInput, { className: "hidden w-full max-w-sm sm:block" }) : /* @__PURE__ */ jsx("div", {}),
+              showSearch ? /* @__PURE__ */ jsx(SearchInput, { iconOnly: iconSearch, className: "hidden w-full max-w-sm sm:block" }) : /* @__PURE__ */ jsx("div", {}),
               /* @__PURE__ */ jsx("div", { className: "text-center", children: logo }),
               /* @__PURE__ */ jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsx(HeaderActions, {}) })
             ] }),
@@ -919,17 +961,19 @@ function StorefrontHeader() {
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ jsx(NavLinks, { className: "hidden sm:flex" }) }),
             /* @__PURE__ */ jsx("div", { className: "text-center", children: logo }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
-              showSearch && /* @__PURE__ */ jsx(SearchInput, { className: "hidden w-44 lg:block" }),
+              showSearch && /* @__PURE__ */ jsx(SearchInput, { iconOnly: iconSearch, className: "hidden w-44 lg:block" }),
               /* @__PURE__ */ jsx(HeaderActions, {})
             ] })
           ] })
         ) : (
-          // classic: logo left, search center-right, actions right (original layout)
+          // classic: logo left, nav, then a right-aligned search + actions cluster
           /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-16 max-w-7xl items-center gap-6 px-4 sm:px-6", children: [
             logo,
             /* @__PURE__ */ jsx(NavLinks, { className: "hidden md:flex" }),
-            showSearch && /* @__PURE__ */ jsx(SearchInput, { className: "ml-auto hidden w-full max-w-sm sm:block" }),
-            /* @__PURE__ */ jsx(HeaderActions, {})
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 sm:gap-3", children: [
+              showSearch && /* @__PURE__ */ jsx(SearchInput, { iconOnly: iconSearch, className: iconSearch ? "" : "hidden w-full max-w-sm sm:block" }),
+              /* @__PURE__ */ jsx(HeaderActions, {})
+            ] })
           ] })
         )
       ]
@@ -2937,7 +2981,8 @@ async function placeStorefrontOrder({
     }))
   });
   if (markPaid) {
-    await provider.updateOrder(order.id, { financialStatus: "paid" });
+    if (provider.confirmPayment) await provider.confirmPayment(order.id);
+    else await provider.updateOrder(order.id, { financialStatus: "paid" });
   }
   return { order, customerId: customerId ?? order.customerId ?? "" };
 }
@@ -4417,6 +4462,15 @@ function initStorefrontRuntime(config) {
   } else {
     setShopProvider(createMockShopProvider(buildMockSeed(config)));
   }
+  const reconcileCart = () => {
+    const provider = getShopProvider();
+    void useCartStore.getState().reconcile(async (line) => {
+      const product = await provider.getProduct(line.productId);
+      return product != null;
+    });
+  };
+  if (useCartStore.persist.hasHydrated()) reconcileCart();
+  else useCartStore.persist.onFinishHydration(reconcileCart);
   if (config.supabaseUrl || config.supabaseAnonKey) {
     console.warn(
       "@fayz-ai/shop: supabaseUrl/supabaseAnonKey are legacy fields. Pass an explicit provider/adapter or use the Fayz SDK broker path."
@@ -4776,13 +4830,75 @@ var atelierTemplate = {
     ]
   })
 };
+var foodTemplate = {
+  id: "food",
+  inspiration: "Delivery / restaurant storefront",
+  announcement: "ENTREGA GR\xC1TIS ACIMA DE R$ 150 \xB7 PE\xC7A J\xC1",
+  theme: {
+    name: "food",
+    colors: {
+      background: "30 33% 97%",
+      foreground: "20 14% 15%",
+      primary: "14 84% 50%",
+      primaryForeground: "0 0% 100%",
+      card: "30 33% 99%",
+      cardForeground: "20 14% 15%",
+      muted: "28 20% 92%",
+      mutedForeground: "22 10% 42%",
+      border: "28 18% 85%",
+      headerBackground: "20 14% 11%",
+      headerForeground: "30 24% 96%",
+      announcementBackground: "14 84% 50%",
+      announcementForeground: "0 0% 100%"
+    },
+    font: { heading: "Poppins", body: "Inter" },
+    radius: "round",
+    header: { variant: "classic" },
+    productCard: { style: "card", imageAspect: "square" }
+  },
+  home: (storeName, images) => ({
+    sections: [
+      {
+        type: "hero",
+        variant: "banner",
+        height: "tall",
+        slides: [
+          { title: "Sabor de verdade, na sua porta", subtitle: `${storeName} \u2014 feito na hora, do jeito que voc\xEA ama.`, cta: "Ver card\xE1pio", href: "/catalog", hue: 20, image: images?.hero?.[0] }
+        ]
+      },
+      {
+        type: "benefits",
+        items: [
+          { icon: "Flame", title: "Feito na hora", text: "Preparado com capricho" },
+          { icon: "Truck", title: "Entrega r\xE1pida", text: "Frete gr\xE1tis acima de R$ 150" },
+          { icon: "CreditCard", title: "Pagamento f\xE1cil", text: "Pix, cart\xE3o e mais" }
+        ]
+      },
+      { type: "categories", style: "tiles", title: "Nosso card\xE1pio" },
+      { type: "products", title: "Mais pedidos", eyebrow: "favoritos da casa", filter: "all", limit: 8 },
+      { type: "banner", title: "Combo do dia", eyebrow: "oferta", subtitle: "Sele\xE7\xE3o especial com desconto", cta: "Aproveitar", hue: 14, image: images?.banners?.[0] },
+      { type: "products", title: "Novidades no card\xE1pio", filter: "new", limit: 4 },
+      {
+        type: "testimonials",
+        title: "O que dizem por a\xED",
+        items: [
+          { quote: "Chegou quentinho e absurdo de bom. Virei cliente!", author: "Rafael M." },
+          { quote: "Sabor de restaurante em casa, sem complica\xE7\xE3o.", author: "Beatriz L." },
+          { quote: "Entrega r\xE1pida e por\xE7\xE3o generosa. Recomendo demais.", author: "Diego S." }
+        ]
+      },
+      { type: "newsletter", title: "Receba nossas ofertas", subtitle: "Promo\xE7\xF5es e novidades do card\xE1pio, direto no seu e-mail." }
+    ]
+  })
+};
 var storefrontTemplates = {
   mare: mareTemplate,
   sertao: sertaoTemplate,
   volt: voltTemplate,
-  atelier: atelierTemplate
+  atelier: atelierTemplate,
+  food: foodTemplate
 };
 
-export { BenefitsRow, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, FiltersPanel, HeroSection, HomePage, Link, ManifestoBlock, MediaCarousel, MyPurchasesPage, NewsletterBand, OrderConfirmationPage, OrderTrackingTimeline, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGrid, ProductOptionSelector, ProductRail, ProductSlider, PromoBanner, QuantityInput, Reveal, SmoothImage, StorefrontFooter, StorefrontHeader, StorefrontScaffold, StorefrontSections, StorefrontShell, StorefrontThemeStyle, TID, Testimonials, atelierTemplate, bannerPlaceholder, createStorefront, createStorefrontApp, defineStorefront, defineStorefrontApp, defineStorefrontComponents, defineStorefrontConfig, defineStorefrontRoutes, defineStorefrontSections, establishCustomerSession, formatMoney, formatProductOptionSelection, getCustomerAuthAdapter, getProductOptionGroups, initStorefrontRuntime, mareTemplate, matchPath, navigateTo, normalizeProductOptionSelection, placeStorefrontOrder, prefersReducedMotion, productCardComponentContract, productOptionSelectionKey, registerStorefrontBlocks, resolveAuthAdapter, roundCents, sectionsToBlocks, selectCount, selectDiscountTotal, selectShipping, selectSubtotal, selectTotal, sertaoTemplate, signInByEmail, signOutCustomer, signUpCustomer, storefrontComponentContracts, storefrontTemplates, themeToCss, useCart, useCartStore, useCatalog, useCatalogStore, useCategories, useDiscountValidator, useEnquiry, useHashPath, useInView, useMyOrders, usePopOnChange, useProduct, useProducts, useScrolled, useSessionStore, useStorefront, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, voltTemplate };
+export { BenefitsRow, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, FiltersPanel, HeroSection, HomePage, Link, ManifestoBlock, MediaCarousel, MyPurchasesPage, NewsletterBand, OrderConfirmationPage, OrderTrackingTimeline, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGrid, ProductOptionSelector, ProductRail, ProductSlider, PromoBanner, QuantityInput, Reveal, SmoothImage, StorefrontFooter, StorefrontHeader, StorefrontScaffold, StorefrontSections, StorefrontShell, StorefrontThemeStyle, TID, Testimonials, atelierTemplate, bannerPlaceholder, createStorefront, createStorefrontApp, defineStorefront, defineStorefrontApp, defineStorefrontComponents, defineStorefrontConfig, defineStorefrontRoutes, defineStorefrontSections, establishCustomerSession, foodTemplate, formatMoney, formatProductOptionSelection, getCustomerAuthAdapter, getProductOptionGroups, initStorefrontRuntime, mareTemplate, matchPath, navigateTo, normalizeProductOptionSelection, placeStorefrontOrder, prefersReducedMotion, productCardComponentContract, productOptionSelectionKey, registerStorefrontBlocks, resolveAuthAdapter, roundCents, sectionsToBlocks, selectCount, selectDiscountTotal, selectShipping, selectSubtotal, selectTotal, sertaoTemplate, signInByEmail, signOutCustomer, signUpCustomer, storefrontComponentContracts, storefrontTemplates, themeToCss, useCart, useCartStore, useCatalog, useCatalogStore, useCategories, useDiscountValidator, useEnquiry, useHashPath, useInView, useMyOrders, usePopOnChange, useProduct, useProducts, useScrolled, useSessionStore, useStorefront, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, voltTemplate };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map