@fayz-ai/storefront 0.7.0 → 0.8.0

package/dist/presets.d.ts

@@ -23,11 +23,16 @@ export declare const sertaoTemplate: StorefrontTemplate;
 export declare const voltTemplate: StorefrontTemplate;
 /** atelier — classic premium retail (Flex): white, near-black, gold accent, slider hero, trust badges. */
 export declare const atelierTemplate: StorefrontTemplate;
+/** food — warm appetizing delivery (steakhouse / burger / comfort food): dark inviting
+ *  header, ember CTA, cream canvas, rounded cards, menu-first home with "mais pedidos"
+ *  rail and social proof. Built for restaurant/food stores — override to go fully dark. */
+export declare const foodTemplate: StorefrontTemplate;
 export declare const storefrontTemplates: {
     readonly mare: StorefrontTemplate;
     readonly sertao: StorefrontTemplate;
     readonly volt: StorefrontTemplate;
     readonly atelier: StorefrontTemplate;
+    readonly food: StorefrontTemplate;
 };
 export type StorefrontTemplateId = keyof typeof storefrontTemplates;
 //# sourceMappingURL=presets.d.ts.map

package/dist/presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAS5C;qFACqF;AACrF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,eAAe,CAAA;IACtB,0EAA0E;IAC1E,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,UAAU,CAAA;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,yFAAyF;AACzF,eAAO,MAAM,YAAY,EAAE,kBA0C1B,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,cAAc,EAAE,kBA2D5B,CAAA;AAED,kHAAkH;AAClH,eAAO,MAAM,YAAY,EAAE,kBAkD1B,CAAA;AAED,0GAA0G;AAC1G,eAAO,MAAM,eAAe,EAAE,kBA4D7B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,mBAAmB,CAAA"}
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAS5C;qFACqF;AACrF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,eAAe,CAAA;IACtB,0EAA0E;IAC1E,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,UAAU,CAAA;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,yFAAyF;AACzF,eAAO,MAAM,YAAY,EAAE,kBA0C1B,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,cAAc,EAAE,kBA2D5B,CAAA;AAED,kHAAkH;AAClH,eAAO,MAAM,YAAY,EAAE,kBAkD1B,CAAA;AAED,0GAA0G;AAC1G,eAAO,MAAM,eAAe,EAAE,kBA4D7B,CAAA;AAED;;2FAE2F;AAC3F,eAAO,MAAM,YAAY,EAAE,kBA4D1B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;CAMtB,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,mBAAmB,CAAA"}

package/dist/stores/cart.store.d.ts

@@ -30,6 +30,11 @@ export interface CartState {
     clear(): void;
     openDrawer(): void;
     closeDrawer(): void;
+    /** Drop persisted lines the active backend can no longer resolve (e.g. a cart
+     *  built in an earlier mock-mode session, whose ids don't exist live). The
+     *  resolver returns false only for a definitive "not found"; on error it must
+     *  return true so a transient failure never discards a legit line. */
+    reconcile(resolve: (line: CartLine) => Promise<boolean>): Promise<void>;
 }
 export declare const useCartStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<CartState>, "persist"> & {
     persist: {

package/dist/stores/cart.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.store.d.ts","sourceRoot":"","sources":["../../src/stores/cart.store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAA;AAE3B,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAA;IAC/E,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9C,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAClD,aAAa,IAAI,IAAI,CAAA;IACrB,KAAK,IAAI,IAAI,CAAA;IACb,UAAU,IAAI,IAAI,CAAA;IAClB,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;EA0ExB,CAAA;AAOD,eAAO,MAAM,WAAW,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAG,MACb,CAAA;AAE7C,eAAO,MAAM,cAAc,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAG,MACc,CAAA;AAE3E,eAAO,MAAM,mBAAmB,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,iBAAiB,CAAC,KAAG,MAC3B,CAAA;AAE3D,eAAO,MAAM,cAAc,GACzB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC3B,KAAK,wBAAwB,KAC5B,MAKF,CAAA;AAED,eAAO,MAAM,WAAW,GACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,iBAAiB,CAAC,EAC/C,KAAK,wBAAwB,KAC5B,MAC8E,CAAA"}
+{"version":3,"file":"cart.store.d.ts","sourceRoot":"","sources":["../../src/stores/cart.store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAA;AAE3B,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAA;IAC/E,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9C,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAClD,aAAa,IAAI,IAAI,CAAA;IACrB,KAAK,IAAI,IAAI,CAAA;IACb,UAAU,IAAI,IAAI,CAAA;IAClB,WAAW,IAAI,IAAI,CAAA;IACnB;;;0EAGsE;IACtE,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACxE;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;EAoFxB,CAAA;AAOD,eAAO,MAAM,WAAW,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAG,MACb,CAAA;AAE7C,eAAO,MAAM,cAAc,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAG,MACc,CAAA;AAE3E,eAAO,MAAM,mBAAmB,GAAI,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,iBAAiB,CAAC,KAAG,MAC3B,CAAA;AAE3D,eAAO,MAAM,cAAc,GACzB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC3B,KAAK,wBAAwB,KAC5B,MAKF,CAAA;AAED,eAAO,MAAM,WAAW,GACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,iBAAiB,CAAC,EAC/C,KAAK,wBAAwB,KAC5B,MAC8E,CAAA"}

package/dist/testids.d.ts

@@ -1,5 +1,6 @@
 export declare const TID: {
     readonly headerSearch: "header-search";
+    readonly headerSearchToggle: "header-search-toggle";
     readonly cartButton: "cart-button";
     readonly cartCount: "cart-count";
     readonly accountLink: "account-link";

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgCH,MAAM;;;;;;;;;;sCAWJ,MAAM;sCACN,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAiDpB,MAAM;;;;;;;;;;;;;;;;;CAkBxB,CAAA"}
+{"version":3,"file":"testids.d.ts","sourceRoot":"","sources":["../src/testids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;;;;;;;;8BASG,MAAM;iCACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgCH,MAAM;;;;;;;;;;sCAWJ,MAAM;sCACN,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAiDpB,MAAM;;;;;;;;;;;;;;;;;CAkBxB,CAAA"}

package/dist/theme.d.ts

@@ -20,13 +20,21 @@ export interface StorefrontThemeColors {
     /** Announcement bar */
     announcementBackground?: string;
     announcementForeground?: string;
+    /** Secondary brand accent (e.g. a gourmet gold beside the primary). Emitted
+     *  as `--sf-accent` / `--sf-accent-foreground` and the `accent` tailwind token. */
+    accent?: string;
+    accentForeground?: string;
 }
 export interface StorefrontThemeFont {
     /** Display font for headings, e.g. 'Marcellus' */
     heading: string;
     /** Body font, e.g. 'Rubik' */
     body: string;
-    /** Google Fonts families to load (defaults to heading+body) */
+    /** Optional oversized display face for hero words (emitted as `--sf-font-display`). */
+    display?: string;
+    /** Optional serif accent for quotes/editorial (emitted as `--sf-font-serif`). */
+    serif?: string;
+    /** Google Fonts families to load (defaults to heading+body+display+serif) */
     googleFonts?: string[];
     /** Fallback stack — default sans-serif; use 'serif' for editorial themes */
     fallback?: 'sans-serif' | 'serif';
@@ -43,8 +51,11 @@ export interface StorefrontTheme {
         uppercaseNav?: boolean;
         /** Show category shortcuts after primary nav links. Default true. */
         showCategories?: boolean;
-        /** Show the storefront search input in the header. Default true. */
+        /** Show the storefront search in the header. Default true. */
         showSearch?: boolean;
+        /** Header search presentation: a full input ('full', default) or a compact
+         *  icon button that expands into an input on click ('icon'). */
+        searchStyle?: 'full' | 'icon';
     };
     productCard?: {
         style?: CardStyle;
@@ -52,6 +63,11 @@ export interface StorefrontTheme {
     };
     /** Uppercase CTA buttons with letter-spacing (Uyuni/Flex tone) */
     uppercaseButtons?: boolean;
+    /** Brand-token passthrough. Each entry is emitted verbatim as a `--<key>` CSS
+     *  custom property, so a store can add gradients, glows, extra colors, or
+     *  letter-spacing the fixed schema doesn't enumerate — without editing the SDK.
+     *  e.g. { 'grad-ember': 'linear-gradient(...)', 'glow-ember': '0 0 0 1px ...' }. */
+    tokens?: Record<string, string>;
 }
 export declare function themeToCss(theme: StorefrontTheme): string;
 /** Injects theme CSS variables + Google Fonts. Mount once inside the app root. */

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;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"}
+{"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;IAC/B;uFACmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,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,8DAA8D;QAC9D,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB;wEACgE;QAChE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC9B,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;IAC1B;;;wFAGoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AA2BD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CA+CzD;AAgBD,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE;;8CAiBzE"}

package/dist/workflows/checkout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkout.d.ts","sourceRoot":"","sources":["../../src/workflows/checkout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE3D,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,wBAAwB,CAAA;IAChC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,CAAA;IACpD,QAAQ,EAAE,0BAA0B,CAAA;IACpC,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB;AAaD;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,EACzC,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAiCjE"}
+{"version":3,"file":"checkout.d.ts","sourceRoot":"","sources":["../../src/workflows/checkout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE3D,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,wBAAwB,CAAA;IAChC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,CAAA;IACpD,QAAQ,EAAE,0BAA0B,CAAA;IACpC,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB;AAaD;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,EACzC,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAoCjE"}

package/package.json

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

package/src/components/StorefrontHeader.tsx

@@ -99,24 +99,48 @@ function UtilityBar() {
   )
 }
 
-function SearchInput({ className }: { className?: string }) {
+function SearchInput({ className, iconOnly = false }: { className?: string; iconOnly?: boolean }) {
   const config = useStorefrontConfig()
   const search = useCatalogStore((s) => s.search)
   const setSearch = useCatalogStore((s) => s.setSearch)
   const path = useHashPath()
+  const [open, setOpen] = useState(false)
+
+  // Icon-only: a compact search button that expands into the input on click and
+  // collapses again on Escape / blur-when-empty.
+  if (iconOnly && !open) {
+    return (
+      <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"
+      >
+        <Search className="h-5 w-5" />
+      </button>
+    )
+  }
 
   return (
-    <div className={`relative ${className ?? ''}`}>
+    <div className={`relative ${iconOnly ? 'w-full max-w-xs' : (className ?? '')}`}>
       <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 opacity-60" />
       <input
         data-testid={TID.headerSearch}
         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)',
@@ -277,6 +301,7 @@ export 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 = (
     <Link to="/" className="sf-heading shrink-0 text-xl font-bold tracking-tight">
       {config.logo ?? config.name}
@@ -295,7 +320,7 @@ export function StorefrontHeader() {
         // Rio/Flex pattern: centered logo row, nav row below
         <>
           <div className="mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-4 sm:px-6">
-            {showSearch ? <SearchInput className="hidden w-full max-w-xs sm:block" /> : <div />}
+            {showSearch ? <SearchInput iconOnly={iconSearch} className="hidden w-full max-w-xs sm:block" /> : <div />}
             <div className="text-center">{logo}</div>
             <div className="justify-self-end">
               <HeaderActions />
@@ -309,7 +334,7 @@ export function StorefrontHeader() {
         // Brasília pattern: prominent search left, logo center, actions right; nav row below
         <>
           <div className="mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center gap-6 px-4 sm:px-6">
-            {showSearch ? <SearchInput className="hidden w-full max-w-sm sm:block" /> : <div />}
+            {showSearch ? <SearchInput iconOnly={iconSearch} className="hidden w-full max-w-sm sm:block" /> : <div />}
             <div className="text-center">{logo}</div>
             <div className="justify-self-end">
               <HeaderActions />
@@ -329,17 +354,19 @@ export function StorefrontHeader() {
           </div>
           <div className="text-center">{logo}</div>
           <div className="flex items-center justify-end gap-3">
-            {showSearch && <SearchInput className="hidden w-44 lg:block" />}
+            {showSearch && <SearchInput iconOnly={iconSearch} className="hidden w-44 lg:block" />}
             <HeaderActions />
           </div>
         </div>
       ) : (
-        // classic: logo left, search center-right, actions right (original layout)
+        // classic: logo left, nav, then a right-aligned search + actions cluster
         <div className="mx-auto flex h-16 max-w-7xl items-center gap-6 px-4 sm:px-6">
           {logo}
           <NavLinks className="hidden md:flex" />
-          {showSearch && <SearchInput className="ml-auto hidden w-full max-w-sm sm:block" />}
-          <HeaderActions />
+          <div className="ml-auto flex items-center gap-2 sm:gap-3">
+            {showSearch && <SearchInput iconOnly={iconSearch} className={iconSearch ? '' : 'hidden w-full max-w-sm sm:block'} />}
+            <HeaderActions />
+          </div>
         </div>
       )}
     </header>

package/src/createStorefrontApp.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { setShopProvider } from '@fayz-ai/shop/runtime'
+import { setShopProvider, getShopProvider } from '@fayz-ai/shop/runtime'
 import { createMockShopProvider } from '@fayz-ai/shop/mock'
 import type { MockShopSeed } from '@fayz-ai/shop/mock'
 import type { Discount } from '@fayz-ai/shop/types'
@@ -10,6 +10,7 @@ import type { StorefrontConfig, StorefrontDiscountConfig } from './config'
 import type { StorefrontComponents } from './component-contracts'
 import type { StorefrontSection } from './sections'
 import { useHashPath, matchPath } from './router'
+import { useCartStore } from './stores/cart.store'
 import { StorefrontThemeStyle } from './theme'
 import { StorefrontHeader } from './components/StorefrontHeader'
 import { StorefrontFooter } from './components/StorefrontFooter'
@@ -128,6 +129,22 @@ export function initStorefrontRuntime(config: StorefrontConfig): void {
     setShopProvider(createMockShopProvider(buildMockSeed(config)))
   }
 
+  // Drop any persisted cart line the active backend can't resolve (e.g. a cart
+  // built in an earlier mock-mode session, whose ids don't exist live) so stale
+  // ids never reach checkout and 400 the order. Keeps a line on any error so a
+  // transient failure never discards a valid item. Runs AFTER the persisted cart
+  // has hydrated — zustand/persist rehydrates asynchronously, so reconciling at
+  // init would see an empty cart and no-op.
+  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.',

package/src/index.ts

@@ -144,6 +144,7 @@ export {
   sertaoTemplate,
   voltTemplate,
   atelierTemplate,
+  foodTemplate,
 } from './presets'
 export type { StorefrontTemplate, StorefrontTemplateId } from './presets'
 

package/src/presets.ts

@@ -248,11 +248,77 @@ export const atelierTemplate: StorefrontTemplate = {
   }),
 }
 
+/** food — warm appetizing delivery (steakhouse / burger / comfort food): dark inviting
+ *  header, ember CTA, cream canvas, rounded cards, menu-first home with "mais pedidos"
+ *  rail and social proof. Built for restaurant/food stores — override to go fully dark. */
+export const foodTemplate: StorefrontTemplate = {
+  id: 'food',
+  inspiration: 'Delivery / restaurant storefront',
+  announcement: 'ENTREGA GRÁTIS ACIMA DE R$ 150 · PEÇA JÁ',
+  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} — feito na hora, do jeito que você ama.`, cta: 'Ver cardápio', 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ápida', text: 'Frete grátis acima de R$ 150' },
+          { icon: 'CreditCard', title: 'Pagamento fácil', text: 'Pix, cartão e mais' },
+        ],
+      },
+      { type: 'categories', style: 'tiles', title: 'Nosso cardápio' },
+      { type: 'products', title: 'Mais pedidos', eyebrow: 'favoritos da casa', filter: 'all', limit: 8 },
+      { type: 'banner', title: 'Combo do dia', eyebrow: 'oferta', subtitle: 'Seleção especial com desconto', cta: 'Aproveitar', hue: 14, image: images?.banners?.[0] },
+      { type: 'products', title: 'Novidades no cardápio', filter: 'new', limit: 4 },
+      {
+        type: 'testimonials',
+        title: 'O que dizem por aí',
+        items: [
+          { quote: 'Chegou quentinho e absurdo de bom. Virei cliente!', author: 'Rafael M.' },
+          { quote: 'Sabor de restaurante em casa, sem complicação.', author: 'Beatriz L.' },
+          { quote: 'Entrega rápida e porção generosa. Recomendo demais.', author: 'Diego S.' },
+        ],
+      },
+      { type: 'newsletter', title: 'Receba nossas ofertas', subtitle: 'Promoções e novidades do cardápio, direto no seu e-mail.' },
+    ],
+  }),
+}
+
 export const storefrontTemplates = {
   mare: mareTemplate,
   sertao: sertaoTemplate,
   volt: voltTemplate,
   atelier: atelierTemplate,
+  food: foodTemplate,
 } as const
 
 export type StorefrontTemplateId = keyof typeof storefrontTemplates

package/src/stores/cart.store.ts

@@ -40,11 +40,16 @@ export interface CartState {
   clear(): void
   openDrawer(): void
   closeDrawer(): void
+  /** Drop persisted lines the active backend can no longer resolve (e.g. a cart
+   *  built in an earlier mock-mode session, whose ids don't exist live). The
+   *  resolver returns false only for a definitive "not found"; on error it must
+   *  return true so a transient failure never discards a legit line. */
+  reconcile(resolve: (line: CartLine) => Promise<boolean>): Promise<void>
 }
 
 export const useCartStore = create<CartState>()(
   persist(
-    (set) => ({
+    (set, get) => ({
       lines: [],
       discountCode: null,
       discountPercent: 0,
@@ -106,6 +111,16 @@ export const useCartStore = create<CartState>()(
       clear: () => set({ lines: [], discountCode: null, discountPercent: 0 }),
       openDrawer: () => set({ isOpen: true }),
       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',

package/src/testids.ts

@@ -3,6 +3,7 @@
 export const TID = {
   // header
   headerSearch: 'header-search',
+  headerSearchToggle: 'header-search-toggle',
   cartButton: 'cart-button',
   cartCount: 'cart-count',
   accountLink: 'account-link',

package/src/theme.ts

@@ -33,6 +33,10 @@ export interface StorefrontThemeColors {
   /** Announcement bar */
   announcementBackground?: string
   announcementForeground?: string
+  /** Secondary brand accent (e.g. a gourmet gold beside the primary). Emitted
+   *  as `--sf-accent` / `--sf-accent-foreground` and the `accent` tailwind token. */
+  accent?: string
+  accentForeground?: string
 }
 
 export interface StorefrontThemeFont {
@@ -40,7 +44,11 @@ export interface StorefrontThemeFont {
   heading: string
   /** Body font, e.g. 'Rubik' */
   body: string
-  /** Google Fonts families to load (defaults to heading+body) */
+  /** Optional oversized display face for hero words (emitted as `--sf-font-display`). */
+  display?: string
+  /** Optional serif accent for quotes/editorial (emitted as `--sf-font-serif`). */
+  serif?: string
+  /** Google Fonts families to load (defaults to heading+body+display+serif) */
   googleFonts?: string[]
   /** Fallback stack — default sans-serif; use 'serif' for editorial themes */
   fallback?: 'sans-serif' | 'serif'
@@ -58,8 +66,11 @@ export interface StorefrontTheme {
     uppercaseNav?: boolean
     /** Show category shortcuts after primary nav links. Default true. */
     showCategories?: boolean
-    /** Show the storefront search input in the header. Default true. */
+    /** Show the storefront search in the header. Default true. */
     showSearch?: boolean
+    /** Header search presentation: a full input ('full', default) or a compact
+     *  icon button that expands into an input on click ('icon'). */
+    searchStyle?: 'full' | 'icon'
   }
   productCard?: {
     style?: CardStyle
@@ -67,6 +78,11 @@ export interface StorefrontTheme {
   }
   /** Uppercase CTA buttons with letter-spacing (Uyuni/Flex tone) */
   uppercaseButtons?: boolean
+  /** Brand-token passthrough. Each entry is emitted verbatim as a `--<key>` CSS
+   *  custom property, so a store can add gradients, glows, extra colors, or
+   *  letter-spacing the fixed schema doesn't enumerate — without editing the SDK.
+   *  e.g. { 'grad-ember': 'linear-gradient(...)', 'glow-ember': '0 0 0 1px ...' }. */
+  tokens?: Record<string, string>
 }
 
 const RADIUS_MAP: Record<StorefrontRadius, { button: string; card: string; input: string }> = {
@@ -90,6 +106,8 @@ const COLOR_VAR_MAP: Record<keyof StorefrontThemeColors, string> = {
   headerForeground: '--sf-header-fg',
   announcementBackground: '--sf-announcement-bg',
   announcementForeground: '--sf-announcement-fg',
+  accent: '--sf-accent',
+  accentForeground: '--sf-accent-foreground',
 }
 
 export function themeToCss(theme: StorefrontTheme): string {
@@ -111,6 +129,14 @@ export function themeToCss(theme: StorefrontTheme): string {
     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;`)
+  }
+
+  // Brand-token passthrough — emit each entry as a raw CSS custom property.
+  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']
@@ -135,7 +161,11 @@ export function themeToCss(theme: StorefrontTheme): string {
 
 function googleFontsHref(theme: StorefrontTheme): string | null {
   if (!theme.font) return null
-  const families = theme.font.googleFonts ?? [theme.font.heading, theme.font.body]
+  const families =
+    theme.font.googleFonts ??
+    [theme.font.heading, theme.font.body, theme.font.display, theme.font.serif].filter(
+      (f): f is string => Boolean(f),
+    )
   const unique = [...new Set(families)]
   const params = unique
     .map((f) => `family=${encodeURIComponent(f).replace(/%20/g, '+')}:wght@300;400;500;600;700`)

package/src/workflows/checkout.ts

@@ -84,7 +84,10 @@ export async function placeStorefrontOrder({
   })
 
   if (markPaid) {
-    await provider.updateOrder(order.id, { financialStatus: 'paid' })
+    // Prefer the RPC seam — anon storefronts have no UPDATE grant on the
+    // orders table, so a direct updateOrder 401s on pool backends.
+    if (provider.confirmPayment) await provider.confirmPayment(order.id)
+    else await provider.updateOrder(order.id, { financialStatus: 'paid' })
   }
 
   return { order, customerId: customerId ?? order.customerId ?? '' }