efficient-storefront-blocks 0.90.0 → 0.91.0

package/dist/render/app/globals.css

@@ -3004,7 +3004,16 @@ em.text-accent {
    wide.
 
    The card's own ratio is overridden by specificity, not by `!important` —
-   `.sf-gallery-zone .sf-card` is two classes against Tailwind's one. */
+   `.sf-gallery-zone .sf-card` is two classes against Tailwind's one.
+
+   ⚠️ A LAYOUT WITH A RATIO HAS NO FIXED ROW. The builder's layout table may
+   give a layout its tile ratio (`galleryLayoutRatio`; "Two, then threes ·
+   photo" is 4:3). Its emitted rules then make the rows `auto` and give each
+   CELL that ratio, with the class written twice so they outrank the fixed row
+   and the cell's 100% below in any order. The rules here stay as they are:
+   the tile and its card fill the cell, so they draw at the layout's ratio.
+   No ratio is written here; it is the builder's.
+   scripts/browser-gallery-layout-ratio.tsx measures it in Chromium. */
 .sf-gallery-zone {
   display: grid;
   grid-auto-flow: row dense;

package/dist/render/built-with.json

@@ -1,3 +1,3 @@
 {
-  "efficient-web-builder": "59.0.0"
+  "efficient-web-builder": "59.1.0"
 }

package/dist/render/components/FooterMenu.d.ts

@@ -1,5 +1,6 @@
 import type { SlotComponent } from "efficient-easel/blocks";
 import type { FooterMenuItem } from "../lib/menu-link.js";
+import type { SourceRow } from "efficient-web-builder/format/lib/content/block-sources";
 export interface FooterMenuValue {
     id?: string;
     handle?: string;
@@ -14,6 +15,7 @@ export interface MenuOwner {
 export interface FooterMenuProps {
     owner: MenuOwner;
     menu?: FooterMenuValue | null;
+    served?: readonly SourceRow[] | null;
     heading?: string;
     accordionMobile?: boolean;
     showDividers?: boolean;
@@ -26,4 +28,4 @@ export interface FooterMenuProps {
 }
 export declare const MENU_STYLE_PLAIN = "plain";
 export declare const MENU_STYLE_TABS = "tabs";
-export default function FooterMenu({ owner, menu, heading, accordionMobile, showDividers, editing, layout, linkAlign, linkRange, menuStyle, currentPage, }: FooterMenuProps): import("react").JSX.Element;
+export default function FooterMenu({ owner, menu, served, heading, accordionMobile, showDividers, editing, layout, linkAlign, linkRange, menuStyle, currentPage, }: FooterMenuProps): import("react").JSX.Element | null;

package/dist/render/components/FooterMenu.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as F,jsxs as a}from"react/jsx-runtime";import{useCallback as j,useEffect as B,useRef as $,useState as P}from"react";import W from"next/link";import{REPEAT_ATTRIBUTE as Y,REPEAT_INDEX_ATTRIBUTE as z}from"efficient-easel/draw";import G from"./CountrySelect.js";import{MenuPlaceContext as q}from"./MenuLinkBlock.js";import X from"./ThemeToggle.js";import{CardRowContext as J,CardTemplateRows as K}from"efficient-web-builder/render/components/CardRowContext";import{renderChrome as L}from"efficient-web-builder/render/components/goldPhrases";import{UTIL_WORDS as Q}from"./HeaderTools.js";import{usePhoneMenuTools as V}from"efficient-web-builder/render/components/PhoneMenuTools";import{useSearch as Z}from"./SearchContext.js";import{useModalDismiss as ee}from"./useModalDismiss.js";import ne from"efficient-easel/screen/components/UiIcon";import{usePreviewMenus as re}from"./PreviewMenusContext.js";import{FOOTER_MENU_PLACEHOLDER_COUNT as te,FOOTER_MENU_PLACEHOLDER_HEADING as le,FOOTER_MENU_PLACEHOLDER_HINT as ae}from"../lib/content/menu-placeholder.js";import{say as T}from"efficient-web-builder/format/lib/editor-words";import{UNDER_HEADER_SHEET_CLASS as oe}from"../lib/content/header-bar.js";import{isMenuOrphaned as se}from"../lib/menu-source.js";import{legacyBlockAlignOf as ie}from"../lib/content/legacy-block-align.js";import{menuLinkInRange as ce,resolveMenuLinkRange as me}from"../lib/content/menu-row.js";import{TAB_CELLS as I,currentLinkIndex as de}from"../lib/content/tab-strip.js";import{useCurrentPagePath as ue}from"efficient-web-builder/render/lib/site-runtime";import{HideTaker as E}from"efficient-web-builder/render/components/ViewHideRoot";const We="plain",pe="tabs",fe="flex list-none flex-col gap-3 text-[13px]",y="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",S="text-[12px] italic text-fg-dim/70",H=(r,n)=>r&&n>0?"border-t border-line pt-3":"",U=r=>({label:r.label??"",href:r.url??""}),he=Array.from({length:te},()=>({label:"",href:""}));function M({owner:r,items:n,place:s,wrap:i,markCurrent:f=!1}){const c=n?n.map(U):he,p=ue(),h=n&&f?de(n.map(b=>b.url??""),p):-1,d=h<0?null:{index:h,href:n[h].url??""};return e(q.Provider,{value:n?d?{...s,current:d}:s:{...s,placeholder:!0},children:e(K,{ownerId:r.id,ownerType:r.type,Template:r.template,rows:c,items:n??void 0,fallback:null,wrapCopy:i,children:b=>b})})}const R=r=>(r.template?.blockCount??0)>0,D="This menu draws no links: its card template is empty. Undo the delete, or delete this Menu and add it again.";function xe({owner:r,items:n,label:s,editing:i,linkAlign:f,linkRange:c,markCurrent:p}){const h=ie(f),d=me(c),b=!!d&&n!==null&&d.to!==void 0&&d.to<n.length,[N,C]=P(!1),k=$(null),x=V(),{open:g}=Z(),u=s||"Menu",o=j(()=>C(!1),[]);ee({active:N,onDismiss:o,scopeRef:k});const A=e(M,{owner:r,items:n,place:{place:"row"},markCurrent:p,wrap:(t,m)=>{const w=n!==null&&d&&!ce(d,m.index+1)?{"data-menu-out":""}:null;return e("li",{className:"",...w,children:t})}}),v=(t,m,w)=>i?{[Y]:`${t}:${w<0?"panel":"dropdown"}`,[z]:`${w+1}.${m.index}`}:null,_=e(M,{owner:r,items:n,place:{place:"panel",onNavigate:o},markCurrent:p,wrap:(t,m)=>a(F,{children:[e("li",{className:"flex min-h-14 items-center border-b border-line",...v(r.id,m,-1),children:t}),n===null?null:(m.item?.dropdown_items??[]).map((w,O)=>e(J.Provider,{value:{...m,row:U(w),item:w},children:e("li",{className:"flex min-h-12 items-center border-b border-line pl-5 text-[14px]",...v(r.id,m,O),children:t})},O))]})}),l=x&&(x.search||x.region||x.account||x.theme)?x:null;return!i&&n!==null&&!R(r)&&!l?null:a(E,{as:"nav",ref:k,"aria-label":u,"data-menu-row":"",...h?{"data-menu-align":h}:null,...b?{"data-menu-part":"lead"}:null,className:"min-w-0",children:[e("ul",{className:"m-0 hidden list-none flex-wrap items-center gap-x-8 gap-y-2 p-0 font-mono text-[13px] uppercase tracking-[0.18em] view-tablet:flex",children:A}),e("button",{type:"button",className:"flex h-11 w-11 items-center justify-center view-tablet:hidden","aria-expanded":N,"aria-label":N?"Close the menu":"Open the menu",onClick:()=>C(t=>!t),children:e("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:N?e("path",{d:"M6 6l12 12M18 6L6 18"}):e("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),N?a("div",{role:"dialog","aria-label":u,className:`${oe} z-[60] flex flex-col overflow-y-auto bg-bg text-fg view-tablet:hidden`,children:[e("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:_}),l?a("div",{className:"mt-auto flex flex-col gap-4 border-t border-line bg-surface p-5",children:[l.search?a("button",{type:"button",className:"flex h-12 items-center gap-3 border border-line bg-bg px-4 text-left text-[15px]",onClick:i?void 0:()=>{o(),g()},children:[e(ne,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),Q.search]}):null,l.account?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),e(W,{href:"/account",onClick:o,className:"mono-eyebrow underline",children:"Your account"})]}):null,l.region?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),e(G,{})]}):null,l.theme?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),e(X,{})]}):null]}):null]}):null]})}function be({owner:r,items:n,label:s,editing:i,markCurrent:f}){return!i&&(n===null||n.length===0||!R(r))?null:e(E,{as:"nav","aria-label":s||"Menu","data-menu-tabs":"",className:"min-w-0",children:e("ul",{className:I.list,children:e(M,{owner:r,items:n,place:{place:"tab"},markCurrent:f,wrap:c=>e("li",{className:I.item,children:c})})})})}function Ne({owner:r,menu:n,heading:s,accordionMobile:i=!1,showDividers:f=!1,editing:c=!1,layout:p="column",linkAlign:h,linkRange:d,menuStyle:b,currentPage:N}){const C=p==="row"&&N===!0,{live:k,ready:x}=re(),g=se({id:n?.id,handle:n?.handle,editing:c,ready:x,live:k}),u=g?[]:n?.items??[],o=s||n?.name||"",[A,v]=P(!1);if(B(()=>{if(!i)return;const l=window.matchMedia("(max-width: 800px)"),t=()=>v(l.matches);return t(),l.addEventListener("change",t),()=>l.removeEventListener("change",t)},[i]),p==="row"&&c&&!g&&u.length>0&&!R(r))return e(E,{as:"p",className:S,children:T(D)});if(p==="row"&&b===pe)return e(be,{owner:r,items:g?null:u,label:o,editing:c,markCurrent:C});if(p==="row")return e(xe,{owner:r,items:g?null:u,label:o,editing:c,linkAlign:h,linkRange:d,markCurrent:C});const _=l=>e("ul",{className:fe,children:e(M,{owner:r,items:l,place:{place:"column"},wrap:(t,m)=>e("li",{className:l?H(f,m.index):`text-fg ${H(f,m.index)}`,children:t})})});return g?a(E,{as:"div",className:"min-w-0",children:[e("h4",{className:y,children:s?L(s):T(le)}),_(null),e("p",{className:`mt-3 ${S}`,children:T(ae)})]}):u.length===0||!R(r)?a(E,{as:"div",className:"min-w-0",children:[o?e("h4",{className:y,children:L(o)}):null,c?e("p",{className:S,children:u.length===0?T("This menu has no links yet — add them in {place}.",{place:T("Storefront → Menus")}):T(D)}):null]}):i&&A?a(E,{as:"details",className:"min-w-0 border-b border-line",children:[a("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[L(o),e("span",{"aria-hidden":!0,children:"＋"})]}),e("div",{className:"pb-3",children:_(u)})]}):a(E,{as:"div",className:"min-w-0",children:[o?e("h4",{className:y,children:L(o)}):null,_(u)]})}export{We as MENU_STYLE_PLAIN,pe as MENU_STYLE_TABS,Ne as default};
+"use client";import{jsx as e,Fragment as F,jsxs as s}from"react/jsx-runtime";import{useCallback as j,useEffect as B,useRef as Y,useState as O}from"react";import W from"next/link";import{REPEAT_ATTRIBUTE as G,REPEAT_INDEX_ATTRIBUTE as z}from"efficient-easel/draw";import q from"./CountrySelect.js";import{MenuPlaceContext as V}from"./MenuLinkBlock.js";import X from"./ThemeToggle.js";import{CardRowContext as Z,CardTemplateRows as J}from"efficient-web-builder/render/components/CardRowContext";import{renderChrome as v}from"efficient-web-builder/render/components/goldPhrases";import{UTIL_WORDS as K}from"./HeaderTools.js";import{usePhoneMenuTools as Q}from"efficient-web-builder/render/components/PhoneMenuTools";import{useSearch as ee}from"./SearchContext.js";import{useModalDismiss as ne}from"./useModalDismiss.js";import le from"efficient-easel/screen/components/UiIcon";import{usePreviewMenus as re}from"./PreviewMenusContext.js";import{FOOTER_MENU_PLACEHOLDER_COUNT as te,FOOTER_MENU_PLACEHOLDER_HEADING as ae,FOOTER_MENU_PLACEHOLDER_HINT as oe}from"../lib/content/menu-placeholder.js";import{say as T}from"efficient-web-builder/format/lib/editor-words";import{UNDER_HEADER_SHEET_CLASS as se}from"../lib/content/header-bar.js";import{isMenuOrphaned as ie}from"../lib/menu-source.js";import{legacyBlockAlignOf as ce}from"efficient-web-builder/format/lib/content/block-align";import{menuLinkInRange as me,resolveMenuLinkRange as ue}from"../lib/content/menu-row.js";import{MENU_ENTRY_SIZE_CLASS as P}from"../lib/content/menu-entry-type.js";import{TAB_CELLS as H,currentLinkIndex as de}from"../lib/content/tab-strip.js";import{useCurrentPagePath as pe}from"efficient-web-builder/render/lib/site-runtime";import{HideTaker as E}from"efficient-web-builder/render/components/ViewHideRoot";const qe="plain",he="tabs",fe=`flex list-none flex-col gap-3 ${P}`,y="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",L="text-[12px] italic text-fg-dim/70",U=(n,l)=>n&&l>0?"border-t border-line pt-3":"",xe=n=>({label:n.label??"",url:n.href??"",served:n}),D=n=>n.served?{...n.served,label:n.label??"",href:n.url??""}:{label:n.label??"",href:n.url??""},be=Array.from({length:te},()=>({label:"",href:""}));function M({owner:n,items:l,place:a,wrap:i,markCurrent:h=!1}){const x=l?l.map(D):be,c=pe(),m=l&&h?de(l.map(g=>g.url??""),c):-1,u=m<0?null:{index:m,href:l[m].url??""};return e(V.Provider,{value:l?u?{...a,current:u}:a:{...a,placeholder:!0},children:e(J,{ownerId:n.id,ownerType:n.type,Template:n.template,rows:x,items:l??void 0,fallback:null,wrapCopy:i,children:g=>g})})}const R=n=>(n.template?.blockCount??0)>0,Ne="Nothing to show yet: this menu's entries come from its Menu content.",$="This menu draws no links: its card template is empty. Undo the delete, or delete this Menu and add it again.";function Ee({owner:n,items:l,label:a,editing:i,linkAlign:h,linkRange:x,markCurrent:c}){const m=ce(h),u=ue(x),g=!!u&&l!==null&&u.to!==void 0&&u.to<l.length,[w,C]=O(!1),_=Y(null),b=Q(),{open:S}=ee(),N=a||"Menu",o=j(()=>C(!1),[]);ne({active:w,onDismiss:o,scopeRef:_});const f=e(M,{owner:n,items:l,place:{place:"row"},markCurrent:c,wrap:(r,t)=>{const p=l!==null&&u&&!me(u,t.index+1)?{"data-menu-out":""}:null;return e("li",{className:"",...p,children:r})}}),k=(r,t,p)=>i?{[G]:`${r}:${p<0?"panel":"dropdown"}`,[z]:`${p+1}.${t.index}`}:null,A=e(M,{owner:n,items:l,place:{place:"panel",onNavigate:o},markCurrent:c,wrap:(r,t)=>s(F,{children:[e("li",{className:"flex min-h-14 items-center border-b border-line",...k(n.id,t,-1),children:r}),l===null?null:(t.item?.dropdown_items??[]).map((p,I)=>e(Z.Provider,{value:{...t,row:D(p),item:p},children:e("li",{className:"flex min-h-12 items-center border-b border-line pl-5 text-[14px]",...k(n.id,t,I),children:r})},I))]})}),d=b&&(b.search||b.region||b.account||b.theme)?b:null;return!i&&l!==null&&!R(n)&&!d?null:s(E,{as:"nav",ref:_,"aria-label":N,"data-menu-row":"",...m?{"data-menu-align":m}:null,...g?{"data-menu-part":"lead"}:null,className:"min-w-0",children:[e("ul",{className:`m-0 hidden list-none flex-wrap items-center gap-x-8 gap-y-2 p-0 font-mono ${P} uppercase tracking-[0.18em] view-tablet:flex`,children:f}),e("button",{type:"button",className:"flex h-11 w-11 items-center justify-center view-tablet:hidden","aria-expanded":w,"aria-label":w?"Close the menu":"Open the menu",onClick:()=>C(r=>!r),children:e("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:w?e("path",{d:"M6 6l12 12M18 6L6 18"}):e("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),w?s("div",{role:"dialog","aria-label":N,className:`${se} z-[60] flex flex-col overflow-y-auto bg-bg text-fg view-tablet:hidden`,children:[e("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:A}),d?s("div",{className:"mt-auto flex flex-col gap-4 border-t border-line bg-surface p-5",children:[d.search?s("button",{type:"button",className:"flex h-12 items-center gap-3 border border-line bg-bg px-4 text-left text-[15px]",onClick:i?void 0:()=>{o(),S()},children:[e(le,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),K.search]}):null,d.account?s("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),e(W,{href:"/account",onClick:o,className:"mono-eyebrow underline",children:"Your account"})]}):null,d.region?s("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),e(q,{})]}):null,d.theme?s("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),e(X,{})]}):null]}):null]}):null]})}function ge({owner:n,items:l,label:a,editing:i,markCurrent:h}){return!i&&(l===null||l.length===0||!R(n))?null:e(E,{as:"nav","aria-label":a||"Menu","data-menu-tabs":"",className:"min-w-0",children:e("ul",{className:H.list,children:e(M,{owner:n,items:l,place:{place:"tab"},markCurrent:h,wrap:x=>e("li",{className:H.item,children:x})})})})}function we({owner:n,menu:l,served:a,heading:i,accordionMobile:h=!1,showDividers:x=!1,editing:c=!1,layout:m="column",linkAlign:u,linkRange:g,menuStyle:w,currentPage:C}){const _=m==="row"&&C===!0,{live:b,ready:S}=re(),N=!a&&ie({id:l?.id,handle:l?.handle,editing:c,ready:S,live:b}),o=a?a.map(xe):N?[]:l?.items??[],f=i||(a?"":l?.name)||"",[k,A]=O(!1);if(B(()=>{if(!h)return;const r=window.matchMedia("(max-width: 800px)"),t=()=>A(r.matches);return t(),r.addEventListener("change",t),()=>r.removeEventListener("change",t)},[h]),a&&o.length===0)return c?e(E,{as:"p",className:L,children:T(Ne)}):null;if(m==="row"&&c&&!N&&o.length>0&&!R(n))return e(E,{as:"p",className:L,children:T($)});if(m==="row"&&w===he)return e(ge,{owner:n,items:N?null:o,label:f,editing:c,markCurrent:_});if(m==="row")return e(Ee,{owner:n,items:N?null:o,label:f,editing:c,linkAlign:u,linkRange:g,markCurrent:_});const d=r=>e("ul",{className:fe,children:e(M,{owner:n,items:r,place:{place:"column"},wrap:(t,p)=>e("li",{className:r?U(x,p.index):`text-fg ${U(x,p.index)}`,children:t})})});return N?s(E,{as:"div",className:"min-w-0",children:[e("h4",{className:y,children:i?v(i):T(ae)}),d(null),e("p",{className:`mt-3 ${L}`,children:T(oe)})]}):o.length===0||!R(n)?s(E,{as:"div",className:"min-w-0",children:[f?e("h4",{className:y,children:v(f)}):null,c?e("p",{className:L,children:o.length===0?T("This menu has no links yet — add them in {place}.",{place:T("Storefront → Menus")}):T($)}):null]}):h&&k?s(E,{as:"details",className:"min-w-0 border-b border-line",children:[s("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[v(f),e("span",{"aria-hidden":!0,children:"＋"})]}),e("div",{className:"pb-3",children:d(o)})]}):s(E,{as:"div",className:"min-w-0",children:[f?e("h4",{className:y,children:v(f)}):null,d(o)]})}export{qe as MENU_STYLE_PLAIN,he as MENU_STYLE_TABS,we as default};

package/dist/render/components/FooterPayment.js

@@ -1 +1 @@
-import{jsx as e,jsxs as c}from"react/jsx-runtime";import{PaymentMark as y,paymentMarks as g}from"efficient-shell/icons/payment";import{say as r}from"efficient-web-builder/format/lib/editor-words";import{BLOCK_ALIGN_JUSTIFY as h}from"efficient-web-builder/format/lib/content/block-align";import{legacyBlockAlignOf as u}from"../lib/content/legacy-block-align.js";import{HideTaker as m}from"efficient-web-builder/render/components/ViewHideRoot";const s={sm:{mark:16,text:"text-[12px]"},md:{mark:20,text:"text-[13px]"}};function k({lead:t,methods:i,size:n="sm",align:l,editing:o=!1}){const a=g(i);if(!a.length)return o?e(m,{as:"div","data-payment-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:r("Add the ways you take payment")}):null;const{mark:p,text:d}=s[n]??s.sm;return c(m,{as:"div","data-footer-payment":"",className:`flex flex-wrap items-center gap-x-3 gap-y-1.5 leading-[1.5] text-fg-dim ${d} ${h[u(l)??"left"]}`,children:[t&&e("span",{"aria-hidden":!0,children:t}),e("ul",{"aria-label":t||r("Ways to pay"),className:"flex list-none flex-wrap items-center gap-x-3 gap-y-1.5 p-0 text-fg",children:a.map((x,f)=>e("li",{className:"flex",children:e(y,{item:x,size:p})},f))})]})}export{k as default};
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import{PaymentMark as y,paymentMarks as g}from"efficient-shell/icons/payment";import{say as r}from"efficient-web-builder/format/lib/editor-words";import{BLOCK_ALIGN_JUSTIFY as h,legacyBlockAlignOf as u}from"efficient-web-builder/format/lib/content/block-align";import{HideTaker as s}from"efficient-web-builder/render/components/ViewHideRoot";const m={sm:{mark:16,text:"text-[12px]"},md:{mark:20,text:"text-[13px]"}};function k({lead:t,methods:i,size:n="sm",align:l,editing:o=!1}){const a=g(i);if(!a.length)return o?e(s,{as:"div","data-payment-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:r("Add the ways you take payment")}):null;const{mark:p,text:d}=m[n]??m.sm;return c(s,{as:"div","data-footer-payment":"",className:`flex flex-wrap items-center gap-x-3 gap-y-1.5 leading-[1.5] text-fg-dim ${d} ${h[u(l)??"left"]}`,children:[t&&e("span",{"aria-hidden":!0,children:t}),e("ul",{"aria-label":t||r("Ways to pay"),className:"flex list-none flex-wrap items-center gap-x-3 gap-y-1.5 p-0 text-fg",children:a.map((x,f)=>e("li",{className:"flex",children:e(y,{item:x,size:p})},f))})]})}export{k as default};

package/dist/render/components/FooterSocial.js

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{useSiteSocialLinks as x}from"./SiteRecordContext.js";import{SOCIAL_GAP_DEFAULT as _,SOCIAL_GAP_MAX as A,SOCIAL_GAP_MIN as S}from"../lib/sections/footer-social-gap.js";import{DEFAULT_SOCIAL_ICON_STYLE as b,SocialMark as h}from"efficient-web-builder/render/components/socialIcons";import{normalizeSocialLinks as k,socialLinksToDraw as L}from"efficient-web-builder/format/lib/content/social-links";import{say as v}from"efficient-web-builder/format/lib/editor-words";import{BLOCK_ALIGN_JUSTIFY as w}from"efficient-web-builder/format/lib/content/block-align";import{legacyBlockAlignOf as g}from"../lib/content/legacy-block-align.js";import{HideTaker as l}from"efficient-web-builder/render/components/ViewHideRoot";const t={small:16,medium:20,large:24};function I({iconStyle:s=b,iconSize:n="medium",align:c,gap:i=_,editing:m=!1}){const d=x(),o=L(k(d));if(o.length===0)return m?e(l,{as:"div","data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:v("Add your social links")}):null;const a=t[n]??t.medium,f={gap:Math.min(A,Math.max(S,Number.isFinite(i)?i:0)),"--social-mark":`${a}px`};return e(l,{as:"ul","data-social-block":"","aria-label":"Social media",className:`flex list-none flex-wrap p-0 [margin:calc((44px-var(--social-mark))/-2)] max-view-wide:[margin:calc((40px-var(--social-mark))/-2)] ${w[g(c)??"left"]}`,style:f,children:o.map(({platform:r,href:p,label:u})=>e("li",{children:e("a",{href:p,target:"_blank",rel:"noopener noreferrer","aria-label":`${u} (opens in a new tab)`,className:"grid h-11 w-11 place-items-center rounded text-fg transition-colors hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-4px] focus-visible:outline-current motion-reduce:transition-none max-view-wide:h-10 max-view-wide:w-10",children:e(h,{platform:r,iconStyle:s,size:a})})},r))})}export{t as SOCIAL_ICON_PX,I as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import{useSiteSocialLinks as x}from"./SiteRecordContext.js";import{SOCIAL_GAP_DEFAULT as _,SOCIAL_GAP_MAX as A,SOCIAL_GAP_MIN as S}from"../lib/sections/footer-social-gap.js";import{DEFAULT_SOCIAL_ICON_STYLE as b,SocialMark as h}from"efficient-web-builder/render/components/socialIcons";import{normalizeSocialLinks as k,socialLinksToDraw as L}from"efficient-web-builder/format/lib/content/social-links";import{say as v}from"efficient-web-builder/format/lib/editor-words";import{BLOCK_ALIGN_JUSTIFY as w,legacyBlockAlignOf as g}from"efficient-web-builder/format/lib/content/block-align";import{HideTaker as l}from"efficient-web-builder/render/components/ViewHideRoot";const t={small:16,medium:20,large:24};function I({iconStyle:s=b,iconSize:n="medium",align:c,gap:i=_,editing:m=!1}){const d=x(),a=L(k(d));if(a.length===0)return m?e(l,{as:"div","data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:v("Add your social links")}):null;const o=t[n]??t.medium,f={gap:Math.min(A,Math.max(S,Number.isFinite(i)?i:0)),"--social-mark":`${o}px`};return e(l,{as:"ul","data-social-block":"","aria-label":"Social media",className:`flex list-none flex-wrap p-0 [margin:calc((44px-var(--social-mark))/-2)] max-view-wide:[margin:calc((40px-var(--social-mark))/-2)] ${w[g(c)??"left"]}`,style:f,children:a.map(({platform:r,href:p,label:u})=>e("li",{children:e("a",{href:p,target:"_blank",rel:"noopener noreferrer","aria-label":`${u} (opens in a new tab)`,className:"grid h-11 w-11 place-items-center rounded text-fg transition-colors hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-4px] focus-visible:outline-current motion-reduce:transition-none max-view-wide:h-10 max-view-wide:w-10",children:e(h,{platform:r,iconStyle:s,size:o})})},r))})}export{t as SOCIAL_ICON_PX,I as default};

package/dist/render/components/PublishedFooter.js

@@ -1 +1 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import{Render as a}from"efficient-easel/render";import{renderConfig as d}from"../lib/document/render-config.js";import{migrateRenamedProps as u}from"efficient-web-builder/format/lib/document/renamed-props";import{SITE_FOOTER_KIND as f}from"efficient-web-builder/format/lib/content/footer";import{PublishedFooterContext as p}from"efficient-web-builder/render/components/PublishedFooterContext";import{EMPTY_SOCIAL_LINKS as g}from"efficient-web-builder/format/lib/content/social-links";function I({footerBlock:l,rootProps:e,headerSettings:o,siteName:n,legalName:t,foundedYear:i,socialLinks:m}){const s=u({root:{props:{...e??{},kind:f}},content:[l],zones:{}});return r(p.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:n,legalName:t??null,foundedYear:i??null,socialLinks:m??g},children:r(a,{config:d(),data:s})})}export{I as default};
+"use client";import{jsx as r}from"react/jsx-runtime";import{Render as s}from"efficient-easel/render";import{renderConfig as d}from"../lib/document/render-config.js";import{migrateRenamedProps as p}from"efficient-web-builder/format/lib/document/renamed-props";import{dropEmptySourcedBoxes as f}from"efficient-web-builder/render/lib/document/head-core-boxes";import{markWallLabels as u}from"efficient-web-builder/render/lib/document/wall-labels";import{SITE_FOOTER_KIND as c}from"efficient-web-builder/format/lib/content/footer";import{PublishedFooterContext as g}from"efficient-web-builder/render/components/PublishedFooterContext";import{EMPTY_SOCIAL_LINKS as I}from"efficient-web-builder/format/lib/content/social-links";function k({footerBlock:l,rootProps:e,headerSettings:o,siteName:m,legalName:n,foundedYear:t,socialLinks:i}){const a=u(f(p({root:{props:{...e??{},kind:c}},content:[l],zones:{}})));return r(g.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:m,legalName:n??null,foundedYear:t??null,socialLinks:i??I},children:r(s,{config:d(),data:a})})}export{k as default};

package/dist/render/components/pdp-dynamic/DynamicGalleryGrid.js

@@ -1 +1 @@
-"use client";import{jsx as t,jsxs as E}from"react/jsx-runtime";import B from"efficient-web-builder/render/components/Btn";import C,{GALLERY_GRID_ATTR as j,GalleryLinksContext as D}from"../GalleryItem.js";import{SharedPartKinds as F}from"efficient-web-builder/render/components/PublishedPartStylesContext";import{renderHeadline as K}from"efficient-web-builder/render/components/goldPhrases";import U from"efficient-web-builder/render/components/SectionHeader";import Z from"./KindGate.js";import $ from"./RecordPhotoGallery.js";import{headIsEmpty as z,ownPadding as V}from"../../lib/sections/own-padding.js";import{PLP_KINDS as W}from"../../lib/catalog/plp-item.js";import{useCurrentProduct as X}from"../../lib/document/current-product.js";import{SAMPLE_PICTURE_COUNT as S,SAMPLE_RECORD as Y,recordPictures as q,useCurrentRecord as J,useDrawsOtherRecord as Q}from"../../lib/document/current-record.js";import{mediaGroupVehicle as ee}from"../../lib/content/source-values.js";import{useSampleProduct as re}from"./useSampleProduct.js";import{say as _}from"efficient-web-builder/format/lib/editor-words";import{resolveGalleryLayout as te}from"efficient-web-builder/format/lib/content/gallery-layout";import{HideTaker as T}from"efficient-web-builder/render/components/ViewHideRoot";const ie=W,O=["photos","lifestyle","accessories","others"];function oe(e,o){if(!e)return[];if(o==="all")return O.flatMap(s=>e[s]??[]);const r=O.includes(o)?o:null;return r?e[r]??[]:[]}const k="relative z-[2] bg-bg py-[120px] max-view-wide:py-[70px]",H="relative z-[2] bg-bg pt-0 pb-[120px] max-view-wide:pt-0 max-view-wide:pb-[70px]",L="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-view-wide:px-[min(20px,var(--sf-site-gutter,40px))]";function ae(e){return Q(!!e.editing)?t(se,{...e}):t(Z,{kinds:ie,type:"GalleryB",editing:e.editing,children:t(ne,{...e})})}function se(e){const{editing:o=!1}=e,r=J(),s=r?q(r,{firstField:!0}).map(a=>({images:[a.url],eyebrow:a.alt&&a.alt!==r.title?a.alt:void 0,...a.video?{video:a.video}:{}})):o?Array.from({length:S},()=>({images:[""]})):[];return t(R,{...e,tiles:s,owner:{name:(r??Y).title},photosOnly:!0,emptyHint:_("This record’s pictures appear here on its page. A record with no pictures draws nothing.")})}function _e(e){const{rows:o,limit:r,layout:s,editing:a=!1,title:u}=e,d=typeof r=="number"&&r>0?Math.floor(r):void 0,h=o.filter(n=>typeof n.cover=="string"&&n.cover).map(n=>({images:[n.cover],...n.video?{video:n.video}:{}})),c=a&&h.length===0?Array.from({length:d??S},()=>({images:[""]})):h;return t(R,{...e,tiles:d?c.slice(0,d):c,owner:{name:(u??"").replace(/==/g,"").trim()},photosOnly:!0,tilesAcross:te(s)?.across===3?3:4,emptyHint:_("The website’s pictures appear here, in the order they are put in. A website with no pictures draws nothing.")})}function ne({omitHead:e=!1,num:o,title:r,linkText:s,linkHref:a,galleryHref:u="/gallery",submitHref:d="/contact",zone:h="all",photoDisplay:c="covers",previewHover:n,display:b,displayPhone:g,styleOwner:v,editing:p=!1,padTop:G,padBottom:x}){const w=X(),N=re(p&&!w),f=w?.product??N,y=oe(f?.mediaGroups,h).map(i=>({images:(i.items??[]).filter(m=>m.kind==="image").map(m=>m.url),vehicle:ee(i),finish:i.finish})).filter(i=>i.images.length>0),P=(c==="auto"?y.length>=4?"covers":"all":c)==="all"?y.flatMap(i=>i.images.map(m=>({images:[m],vehicle:i.vehicle,finish:i.finish}))):y;return t(R,{omitHead:e,num:o,title:r,linkText:s,linkHref:a,galleryHref:u,submitHref:d,previewHover:n,display:b,displayPhone:g,styleOwner:v,editing:p,padTop:G,padBottom:x,tiles:f?P.map(i=>({images:i.images,eyebrow:i.vehicle||void 0,meta:i.finish})):[],owner:{name:f?.name??"",href:f?.href,process:f?.eyebrow},emptyHint:_("This product’s photos appear here on a product page. Add media groups in the product’s Media tab.")})}function R({omitHead:e=!1,num:o,title:r,linkText:s,linkHref:a,galleryHref:u="/gallery",submitHref:d="/contact",previewHover:h,display:c,displayPhone:n,styleOwner:b,editing:g=!1,tiles:v,owner:p,emptyHint:G,photosOnly:x=!1,tilesAcross:w,padTop:N,padBottom:f}){const y=s?{text:s,href:a||"#"}:void 0,A=r?K(r,!1):void 0,P=e?null:t(U,{num:o,title:A,link:y}),i=!g&&z(o,r,y?.text)?null:P,m=V(N,f);return v.length===0?g?t(T,{as:"section",className:e?H:k,style:m,children:E("div",{className:L,children:[i,t("p",{className:"mt-8 border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:G})]})}):null:t(T,{as:"section",className:e?H:k,style:m,children:E("div",{className:L,children:[i,x?t($,{pictures:v.map(l=>({url:l.images[0]??"",alt:l.eyebrow,video:l.video})),name:p.name,editing:g,...w?{fit:"tiles",across:w}:{}}):t(D.Provider,{value:{galleryHref:u,submitHref:d,previewHover:h,display:c,displayPhone:n,styleOwner:b,photosOnly:x},children:t(F,{children:t("div",{[j]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-view-wide:grid-cols-1 max-view-wide:gap-1",children:v.map((l,M)=>t(C,{image:l.images[0],photos:l.images.slice(1).map(I=>({src:I})),href:p.href,process:p.process,eyebrow:l.eyebrow,name:p.name,meta:l.meta,editing:g},`${l.eyebrow}-${M}`))})})}),!x&&t("div",{className:"mt-12 flex flex-col items-center gap-3",children:t(B,{href:u,variant:"ghost",children:"See Gallery"})})]})})}export{_e as SourcedGalleryGrid,ae as default,ie as supportedKinds};
+"use client";import{jsx as t,jsxs as S}from"react/jsx-runtime";import C from"efficient-web-builder/render/components/Btn";import j,{GALLERY_GRID_ATTR as D,GalleryLinksContext as F}from"../GalleryItem.js";import{SharedPartKinds as K}from"efficient-web-builder/render/components/PublishedPartStylesContext";import{renderHeadline as U}from"efficient-web-builder/render/components/goldPhrases";import Z from"efficient-web-builder/render/components/SectionHeader";import $ from"./KindGate.js";import z from"./RecordPhotoGallery.js";import{headIsEmpty as V,ownPadding as W}from"../../lib/sections/own-padding.js";import{PLP_KINDS as X}from"../../lib/catalog/plp-item.js";import{useCurrentProduct as Y}from"../../lib/document/current-product.js";import{SAMPLE_PICTURE_COUNT as T,SAMPLE_RECORD as q,recordPictures as J,useCurrentRecord as Q,useDrawsOtherRecord as ee}from"../../lib/document/current-record.js";import{mediaGroupVehicle as re}from"../../lib/content/source-values.js";import{useSampleProduct as te}from"./useSampleProduct.js";import{say as _}from"efficient-web-builder/format/lib/editor-words";import{galleryLayoutRatio as ie,resolveGalleryLayout as oe}from"efficient-web-builder/format/lib/content/gallery-layout";import{HideTaker as L}from"efficient-web-builder/render/components/ViewHideRoot";const ae=X,O=["photos","lifestyle","accessories","others"];function se(e,o){if(!e)return[];if(o==="all")return O.flatMap(s=>e[s]??[]);const r=O.includes(o)?o:null;return r?e[r]??[]:[]}const k="relative z-[2] bg-bg py-[120px] max-view-wide:py-[70px]",H="relative z-[2] bg-bg pt-0 pb-[120px] max-view-wide:pt-0 max-view-wide:pb-[70px]",M="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-view-wide:px-[min(20px,var(--sf-site-gutter,40px))]";function ne(e){return ee(!!e.editing)?t(le,{...e}):t($,{kinds:ae,type:"GalleryB",editing:e.editing,children:t(me,{...e})})}function le(e){const{editing:o=!1}=e,r=Q(),s=r?J(r,{firstField:!0}).map(a=>({images:[a.url],eyebrow:a.alt&&a.alt!==r.title?a.alt:void 0,...a.video?{video:a.video}:{}})):o?Array.from({length:T},()=>({images:[""]})):[];return t(A,{...e,tiles:s,owner:{name:(r??q).title},photosOnly:!0,emptyHint:_("This record’s pictures appear here on its page. A record with no pictures draws nothing.")})}function Ae(e){const{rows:o,limit:r,layout:s,editing:a=!1,title:h}=e,d=oe(s),c=typeof r=="number"&&r>0?Math.floor(r):void 0,p=o.filter(n=>typeof n.cover=="string"&&n.cover).map(n=>({images:[n.cover],...n.video?{video:n.video}:{}})),g=a&&p.length===0?Array.from({length:c??T},()=>({images:[""]})):p;return t(A,{...e,tiles:c?g.slice(0,c):g,owner:{name:(h??"").replace(/==/g,"").trim()},photosOnly:!0,tilesAcross:d?.across===3?3:4,tileRatio:d?ie(d):null,emptyHint:_("The website’s pictures appear here, in the order they are put in. A website with no pictures draws nothing.")})}function me({omitHead:e=!1,num:o,title:r,linkText:s,linkHref:a,galleryHref:h="/gallery",submitHref:d="/contact",zone:c="all",photoDisplay:p="covers",previewHover:g,display:n,displayPhone:y,styleOwner:v,editing:f=!1,padTop:G,padBottom:x}){const w=Y(),N=te(f&&!w),u=w?.product??N,b=se(u?.mediaGroups,c).map(i=>({images:(i.items??[]).filter(m=>m.kind==="image").map(m=>m.url),vehicle:re(i),finish:i.finish})).filter(i=>i.images.length>0),R=(p==="auto"?b.length>=4?"covers":"all":p)==="all"?b.flatMap(i=>i.images.map(m=>({images:[m],vehicle:i.vehicle,finish:i.finish}))):b;return t(A,{omitHead:e,num:o,title:r,linkText:s,linkHref:a,galleryHref:h,submitHref:d,previewHover:g,display:n,displayPhone:y,styleOwner:v,editing:f,padTop:G,padBottom:x,tiles:u?R.map(i=>({images:i.images,eyebrow:i.vehicle||void 0,meta:i.finish})):[],owner:{name:u?.name??"",href:u?.href,process:u?.eyebrow},emptyHint:_("This product’s photos appear here on a product page. Add media groups in the product’s Media tab.")})}function A({omitHead:e=!1,num:o,title:r,linkText:s,linkHref:a,galleryHref:h="/gallery",submitHref:d="/contact",previewHover:c,display:p,displayPhone:g,styleOwner:n,editing:y=!1,tiles:v,owner:f,emptyHint:G,photosOnly:x=!1,tilesAcross:w,tileRatio:N=null,padTop:u,padBottom:b}){const P=s?{text:s,href:a||"#"}:void 0,R=r?U(r,!1):void 0,i=e?null:t(Z,{num:o,title:R,link:P}),m=!y&&V(o,r,P?.text)?null:i,E=W(u,b);return v.length===0?y?t(L,{as:"section",className:e?H:k,style:E,children:S("div",{className:M,children:[m,t("p",{className:"mt-8 border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:G})]})}):null:t(L,{as:"section",className:e?H:k,style:E,children:S("div",{className:M,children:[m,x?t(z,{pictures:v.map(l=>({url:l.images[0]??"",alt:l.eyebrow,video:l.video})),name:f.name,editing:y,...w?{fit:"tiles",across:w,ratio:N}:{}}):t(F.Provider,{value:{galleryHref:h,submitHref:d,previewHover:c,display:p,displayPhone:g,styleOwner:n,photosOnly:x},children:t(K,{children:t("div",{[D]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-view-wide:grid-cols-1 max-view-wide:gap-1",children:v.map((l,I)=>t(j,{image:l.images[0],photos:l.images.slice(1).map(B=>({src:B})),href:f.href,process:f.process,eyebrow:l.eyebrow,name:f.name,meta:l.meta,editing:y},`${l.eyebrow}-${I}`))})})}),!x&&t("div",{className:"mt-12 flex flex-col items-center gap-3",children:t(C,{href:h,variant:"ghost",children:"See Gallery"})})]})})}export{Ae as SourcedGalleryGrid,ne as default,ae as supportedKinds};

package/dist/render/components/pdp-dynamic/RecordPhotoGallery.d.ts

@@ -4,10 +4,11 @@ export interface GalleryPicture {
     video?: string;
 }
 export declare function pictureLabel(picture: GalleryPicture, name: string): string;
-export default function RecordPhotoGallery({ pictures, name, editing, fit, across, }: {
+export default function RecordPhotoGallery({ pictures, name, editing, fit, across, ratio, }: {
     pictures: readonly GalleryPicture[];
     fit?: "section" | "column" | "tiles";
     across?: 3 | 4;
+    ratio?: readonly [number, number] | null;
     name: string;
     editing?: boolean;
 }): import("react").JSX.Element | null;

package/dist/render/components/pdp-dynamic/RecordPhotoGallery.js

@@ -1 +1 @@
-"use client";import{jsx as t,Fragment as b,jsxs as c}from"react/jsx-runtime";import{useCallback as B,useRef as C,useState as E}from"react";import{sizedImage as M}from"efficient-web-builder/format/lib/sized-image";import P from"efficient-web-builder/render/components/Placeholder";import A,{LightboxClose as U,LIGHTBOX_CLOSE_TINT as z}from"../Lightbox.js";import{GALLERY_GRID_ATTR as L}from"../GalleryItem.js";const R="(max-width: 1600px) 100vw, 1600px",G="(max-width: 1100px) 100vw, 50vw",D="(max-width: 800px) 30vw, 200px",H="100vw";function p(r,l){return r.video?l?`Play video of ${l}`:"Play video":l?`Open photo of ${l}`:"Open photo"}function Z({small:r=!1}){return t("span",{"aria-hidden":!0,"data-play-badge":"",className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("span",{className:`flex items-center justify-center rounded-full bg-bg/75 text-fg ${r?"h-8 w-8 text-[length:12px]":"h-16 w-16 text-[length:22px]"}`,children:"▶"})})}const F="relative block w-full overflow-hidden bg-surface-2",X="block h-[min(78vh,820px)] w-full object-cover max-view-wide:h-[min(70vh,560px)]",W="block aspect-[4/5] max-h-[80vh] w-full object-cover",q="grid grid-cols-4 gap-2",Y="relative block aspect-square w-full overflow-hidden bg-surface-2",I="block h-full w-full object-cover",J="grid grid-cols-6 gap-2 max-view-wide:grid-cols-4",K={3:"grid grid-cols-3 gap-2 max-view-wide:grid-cols-2",4:"grid grid-cols-4 gap-2 max-view-wide:grid-cols-2"},Q="relative block aspect-[4/5] w-full overflow-hidden bg-surface-2",V="(max-width: 800px) 50vw, 25vw",ee="cursor-pointer text-left focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2",$="absolute top-1/2 z-[2] flex h-14 w-14 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,22px)] text-fg-dim transition-colors hover:border-accent hover:text-accent max-[700px]:h-11 max-[700px]:w-11";function te({pictures:r,name:l,editing:g=!1,fit:v="section",across:S=4}){const[j,w]=E(!1),[i,f]=E(0),h=C(null),O=B(e=>{e?h.current=e:(h.current?.pause(),h.current=null)},[]),o=r.length,y=v==="column";if(o===0)return null;const _=()=>f(e=>(e-1+o)%o),N=()=>f(e=>(e+1)%o),T=e=>{f(e),w(!0)},a=r[Math.min(i,o-1)],d=(e,s,n,m)=>e.url?t("span",{className:`${n} relative`,children:t(P,{label:e.alt||l||"photo",src:e.url,alt:e.alt||l,sizes:s,objectFit:"cover",showBackground:!1})}):t("span",{"aria-hidden":!0,className:`${n} bg-surface-2`}),u=v==="tiles",x=(e,s,n)=>{const m=c(b,{children:[u?d(e,V,I,800):n?y?d(e,G,W,1200):d(e,R,X,1600):d(e,D,I,400),e.video&&t(Z,{small:!n&&!u})]}),k=u?Q:n?F:Y;return g?t("div",{className:k,children:m}):t("button",{type:"button","aria-label":p(e,l),onClick:()=>T(s),className:`${k} ${ee}`,children:m})};return c(b,{children:[u?t("ul",{[L]:"","data-record-gallery":"tiles",className:K[S===3?3:4],children:r.map((e,s)=>t("li",{children:x(e,s,!1)},`${e.url}-${s}`))}):c("div",{[L]:"","data-record-gallery":"",className:"flex flex-col gap-2",children:[x(r[0],0,!0),o>1&&t("ul",{className:y?q:J,children:r.slice(1).map((e,s)=>t("li",{children:x(e,s+1,!1)},`${e.url}-${s+1}`))})]}),!g&&t(A,{open:j,onClose:()=>w(!1),label:p(a,l),onPrev:o>1?_:void 0,onNext:o>1?N:void 0,className:"flex items-center justify-center p-6 max-[700px]:p-3",children:c("div",{onClick:e=>e.stopPropagation(),className:"relative flex h-full w-full items-center justify-center",children:[t(U,{className:"absolute right-0 top-0 z-[3] flex h-12 w-12 cursor-pointer items-center justify-center border border-line font-mono text-[length:var(--size-label,18px)] text-fg-dim transition-colors hover:border-accent hover:text-fg",style:{background:z},children:"✕"}),a.video?t("video",{ref:O,controls:!0,playsInline:!0,preload:"metadata",poster:a.url,src:a.video,"aria-label":p(a,l),className:"block max-h-[calc(100vh-120px)] max-w-full bg-bg"},`video-${i}`):t("img",{...M(a.url,{fallbackWidth:1600}),sizes:H,alt:`${a.alt||l||"Photo"} — ${i+1} of ${o}`,className:"block max-h-[calc(100vh-120px)] max-w-full object-contain"},`photo-${i}`),o>1&&c(b,{children:[t("button",{type:"button","aria-label":"Previous photo",onClick:_,className:`${$} left-0`,children:"◁"}),t("button",{type:"button","aria-label":"Next photo",onClick:N,className:`${$} right-0`,children:"▷"}),c("span",{"data-gallery-counter":"",className:"absolute bottom-0 left-1/2 -translate-x-1/2 border border-fg-dim/30 bg-overlay-scrim/50 px-4 py-1.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.22em] text-fg-dim backdrop-blur-[4px]",children:[i+1," / ",o]})]})]})})]})}export{te as default,p as pictureLabel};
+"use client";import{jsx as t,Fragment as v,jsxs as c}from"react/jsx-runtime";import{useCallback as M,useRef as P,useState as $}from"react";import{sizedImage as R}from"efficient-web-builder/format/lib/sized-image";import U from"efficient-web-builder/render/components/Placeholder";import z,{LightboxClose as G,LIGHTBOX_CLOSE_TINT as D}from"../Lightbox.js";import{GALLERY_GRID_ATTR as S}from"../GalleryItem.js";const H="(max-width: 1600px) 100vw, 1600px",X="(max-width: 1100px) 100vw, 50vw",Z="(max-width: 800px) 30vw, 200px",F="100vw";function g(s,l){return s.video?l?`Play video of ${l}`:"Play video":l?`Open photo of ${l}`:"Open photo"}function W({small:s=!1}){return t("span",{"aria-hidden":!0,"data-play-badge":"",className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("span",{className:`flex items-center justify-center rounded-full bg-bg/75 text-fg ${s?"h-8 w-8 text-[length:12px]":"h-16 w-16 text-[length:22px]"}`,children:"▶"})})}const q="relative block w-full overflow-hidden bg-surface-2",Y="block h-[min(78vh,820px)] w-full object-cover max-view-wide:h-[min(70vh,560px)]",J="block aspect-[4/5] max-h-[80vh] w-full object-cover",K="grid grid-cols-4 gap-2",Q="relative block aspect-square w-full overflow-hidden bg-surface-2",O="block h-full w-full object-cover",V="grid grid-cols-6 gap-2 max-view-wide:grid-cols-4",ee={3:"grid grid-cols-3 gap-2 max-view-wide:grid-cols-2",4:"grid grid-cols-4 gap-2 max-view-wide:grid-cols-2"},te="relative block aspect-[4/5] w-full overflow-hidden bg-surface-2",le="relative block w-full overflow-hidden bg-surface-2",oe="(max-width: 800px) 50vw, 25vw",se="cursor-pointer text-left focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2",T="absolute top-1/2 z-[2] flex h-14 w-14 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,22px)] text-fg-dim transition-colors hover:border-accent hover:text-accent max-[700px]:h-11 max-[700px]:w-11";function ne({pictures:s,name:l,editing:w=!1,fit:y="section",across:j=4,ratio:f=null}){const[B,_]=$(!1),[i,h]=$(0),x=P(null),C=M(e=>{e?x.current=e:(x.current?.pause(),x.current=null)},[]),o=s.length,N=y==="column";if(o===0)return null;const k=()=>h(e=>(e-1+o)%o),E=()=>h(e=>(e+1)%o),A=e=>{h(e),_(!0)},r=s[Math.min(i,o-1)],u=(e,n,a,p)=>e.url?t("span",{className:`${a} relative`,children:t(U,{label:e.alt||l||"photo",src:e.url,alt:e.alt||l,sizes:n,objectFit:"cover",showBackground:!1})}):t("span",{"aria-hidden":!0,className:`${a} bg-surface-2`}),d=y==="tiles",b=f?{aspectRatio:`${f[0]} / ${f[1]}`}:null,m=(e,n,a)=>{const p=c(v,{children:[d?u(e,oe,O,800):a?N?u(e,X,J,1200):u(e,H,Y,1600):u(e,Z,O,400),e.video&&t(W,{small:!a&&!d})]}),I=d?b?le:te:a?q:Q,L=d&&b?b:void 0;return w?t("div",{className:I,style:L,children:p}):t("button",{type:"button","aria-label":g(e,l),onClick:()=>A(n),className:`${I} ${se}`,style:L,children:p})};return c(v,{children:[d?t("ul",{[S]:"","data-record-gallery":"tiles",className:ee[j===3?3:4],children:s.map((e,n)=>t("li",{children:m(e,n,!1)},`${e.url}-${n}`))}):c("div",{[S]:"","data-record-gallery":"",className:"flex flex-col gap-2",children:[m(s[0],0,!0),o>1&&t("ul",{className:N?K:V,children:s.slice(1).map((e,n)=>t("li",{children:m(e,n+1,!1)},`${e.url}-${n+1}`))})]}),!w&&t(z,{open:B,onClose:()=>_(!1),label:g(r,l),onPrev:o>1?k:void 0,onNext:o>1?E:void 0,className:"flex items-center justify-center p-6 max-[700px]:p-3",children:c("div",{onClick:e=>e.stopPropagation(),className:"relative flex h-full w-full items-center justify-center",children:[t(G,{className:"absolute right-0 top-0 z-[3] flex h-12 w-12 cursor-pointer items-center justify-center border border-line font-mono text-[length:var(--size-label,18px)] text-fg-dim transition-colors hover:border-accent hover:text-fg",style:{background:D},children:"✕"}),r.video?t("video",{ref:C,controls:!0,playsInline:!0,preload:"metadata",poster:r.url,src:r.video,"aria-label":g(r,l),className:"block max-h-[calc(100vh-120px)] max-w-full bg-bg"},`video-${i}`):t("img",{...R(r.url,{fallbackWidth:1600}),sizes:F,alt:`${r.alt||l||"Photo"} — ${i+1} of ${o}`,className:"block max-h-[calc(100vh-120px)] max-w-full object-contain"},`photo-${i}`),o>1&&c(v,{children:[t("button",{type:"button","aria-label":"Previous photo",onClick:k,className:`${T} left-0`,children:"◁"}),t("button",{type:"button","aria-label":"Next photo",onClick:E,className:`${T} right-0`,children:"▷"}),c("span",{"data-gallery-counter":"",className:"absolute bottom-0 left-1/2 -translate-x-1/2 border border-fg-dim/30 bg-overlay-scrim/50 px-4 py-1.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.22em] text-fg-dim backdrop-blur-[4px]",children:[i+1," / ",o]})]})]})})]})}export{ne as default,g as pictureLabel};

package/dist/render/lib/content/menu-card-seed.d.ts

@@ -2,5 +2,9 @@ import { type SeededNode } from "efficient-web-builder/format/lib/document/seed-
 type Props = Record<string, unknown>;
 export declare const MENU_LINK_BLOCK = "MenuLinkBlock";
 export declare function menuCardSeed(nodeId: string): SeededNode[];
+export declare const MENU_BLOG_CATEGORIES_SOURCE = "blog-categories";
+export declare const MENU_COUNT_FIELD = "count";
+export declare function menuCountCardSeed(nodeId: string): SeededNode[];
+export declare function menuTemplateFollowsContent(props: Props): Props;
 export declare function withMenuTemplate(props: Props): Props;
 export {};

package/dist/render/lib/content/menu-card-seed.js

@@ -1 +1 @@
-import{seedNodes as n}from"efficient-web-builder/format/lib/document/seed-parts";const i="MenuLinkBlock";function u(e){return n([{type:i}],()=>`${e}~link`)}function r(e){if(e.template!==void 0)return e;const t=typeof e.id=="string"&&e.id.trim()?e.id:"Menu";return{...e,template:u(t)}}export{i as MENU_LINK_BLOCK,u as menuCardSeed,r as withMenuTemplate};
+import{INNER_BOX as g,TEXT as N,seedNodes as i}from"efficient-web-builder/format/lib/document/seed-parts";import{BOX_TYPE as c,CONTAINER_BLOCKS_SLOT as _}from"efficient-web-builder/format/lib/document/container-blocks";import{rowFieldTextSeed as O}from"efficient-web-builder/format/lib/document/blocks/general/Cards/card-seed";import{declaredBlockSource as d}from"efficient-web-builder/format/lib/content/block-sources";import{MENU_ENTRY_SIZE_PX as C}from"./menu-entry-type.js";const r="MenuLinkBlock";function l(t){return i([{type:r}],()=>`${t}~link`)}const E="blog-categories",T="count",y={...g,direction:"row",align:"center",gap:8,gapPhone:8,phoneRow:2,sharePhone:"content",wrapPhone:!1,name:"Card"},S="main",h={size:C,lineHeight:1,color:S};function a(t){const e={0:`${t}~card`,"0.0":`${t}~link`,"0.1":`${t}~count`};return i([{type:c,props:y,slots:{[_]:[{type:r},O(T,{...N,tag:"p"},h)]}}],(o,n)=>e[n]??`${t}~${n}`)}const s=t=>typeof t.id=="string"&&t.id.trim()?t.id:"Menu",u=t=>d(t)===E,m=t=>(u(t)?a:l)(s(t)),w=(t,e)=>Array.isArray(t)&&t.length===e.length&&JSON.stringify(t)===JSON.stringify(e);function x(t){const e=t.template;if(!Array.isArray(e)||e.length!==1)return t;const o=e[0]?.type;if(o!==r&&o!==c)return t;const n=s(t),f=u(t)?l(n):a(n);return w(e,f)?{...t,template:m(t)}:t}function $(t){return t.template!==void 0?x(t):{...t,template:m(t)}}export{E as MENU_BLOG_CATEGORIES_SOURCE,T as MENU_COUNT_FIELD,r as MENU_LINK_BLOCK,l as menuCardSeed,a as menuCountCardSeed,x as menuTemplateFollowsContent,$ as withMenuTemplate};

package/dist/render/lib/content/menu-entry-type.d.ts

@@ -0,0 +1,2 @@
+export declare const MENU_ENTRY_SIZE_PX = 13;
+export declare const MENU_ENTRY_SIZE_CLASS = "text-[13px]";

package/dist/render/lib/content/menu-entry-type.js

@@ -0,0 +1 @@
+const t=13,E="text-[13px]";export{E as MENU_ENTRY_SIZE_CLASS,t as MENU_ENTRY_SIZE_PX};

package/dist/render/lib/document/footer-page-blocks.js

@@ -1 +1 @@
-import{jsx as s}from"react/jsx-runtime";import g from"../../components/FooterMenu.js";const F={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",PaymentLogosBlock:"FooterPayment"},f="column";function k({id:o,template:e,menu:n,heading:r,accordionMobile:t,showDividers:i,direction:l,linkAlign:c,linkRange:a,menuStyle:u,currentPage:d,editor:m}){return s(g,{owner:{id:String(o??""),type:"MenuBlock",template:e},menu:n,heading:r||void 0,accordionMobile:t,showDividers:i,layout:l==="row"?"row":"column",linkAlign:c,linkRange:a,menuStyle:u,currentPage:d,editing:m?.isEditing})}function E(o){for(const[n,r]of Object.entries(F))o[n]={...o[r]};const e=o.MenuBlock;e.defaultProps={...e.defaultProps,direction:f},e.render=k}export{F as PAGE_BLOCKS_FROM_FOOTER,f as PAGE_MENU_DIRECTION_DEFAULT,E as addPageBlocksFromFooter};
+import{jsx as f}from"react/jsx-runtime";import{declaredBlockSource as k,sourcedRows as B}from"efficient-web-builder/format/lib/content/block-sources";import F from"../../components/FooterMenu.js";const p={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",PaymentLogosBlock:"FooterPayment"},E="column";function M({id:o,template:e,menu:r,dataSource:n,dataRows:i,heading:l,accordionMobile:c,showDividers:u,direction:a,linkAlign:d,linkRange:s,menuStyle:m,currentPage:g,editor:t}){return f(F,{owner:{id:String(o??""),type:"MenuBlock",template:e},menu:r,served:k({dataSource:n})?B({dataSource:n,dataRows:i},!!t?.isEditing).rows:void 0,heading:l||void 0,accordionMobile:c,showDividers:u,layout:a==="row"?"row":"column",linkAlign:d,linkRange:s,menuStyle:m,currentPage:g,editing:t?.isEditing})}function _(o){for(const[r,n]of Object.entries(p))o[r]={...o[n]};const e=o.MenuBlock;e.defaultProps={...e.defaultProps,direction:E},e.render=M}export{p as PAGE_BLOCKS_FROM_FOOTER,E as PAGE_MENU_DIRECTION_DEFAULT,_ as addPageBlocksFromFooter};

package/dist/render/lib/sections/product-pictures.d.ts

@@ -1,10 +1,11 @@
+import { type GalleryLayoutKey } from "efficient-web-builder/format/lib/content/gallery-layout";
 import type { ProductSourceOptions } from "./product-source.js";
 export declare const PRODUCT_PICTURES_SOURCE = "product-pictures";
 export declare const EVERY_IMAGE_ZONE = "all";
 export interface ProductPicturesOptions extends ProductSourceOptions {
     mediaZone?: string;
 }
-export declare const PRODUCT_PICTURES_LAYOUT = "twoThenThrees";
+export declare const PRODUCT_PICTURES_LAYOUT: GalleryLayoutKey;
 export declare function productPicturesLayout(props: Record<string, unknown>): string | undefined;
 export interface ProductPictureTile {
     image: string;

package/dist/render/lib/sections/product-pictures.js

@@ -1 +1 @@
-import{sourcedRows as E}from"efficient-web-builder/format/lib/content/block-sources";import{say as r}from"efficient-web-builder/format/lib/editor-words";import{resolveGalleryLayout as T}from"efficient-web-builder/format/lib/content/gallery-layout";import{servedListOf as P,servedRowLists as R,servedWords as _}from"../content/served-lists.js";const A="product-pictures",b="all",O="twoThenThrees";function I(t){const o=typeof t.layout=="string"&&t.layout?t.layout:void 0;return o&&T(o)||t.columns!=null&&t.columns!==""?o:O}const L=12,S=4,v=t=>Array.from({length:t},(o,n)=>({key:`sample-${n+1}`,process:r("Category"),eyebrow:r("Vehicle"),name:r("Product name"),meta:r("Finish")}));function M(t,o,n){const c=typeof n=="number"&&n>0?Math.floor(n):void 0,{rows:p,sample:f}=E(t,o,v(c??S)),y=f?null:R(t,e=>_(e.photos,L)),l=new Set,u=[];return p.forEach((e,m)=>{const s=e.cover??"";if(!f&&!s)return;const a=e.key||`row-${m+1}`;if(l.has(a))return;l.add(a);const i=P(y,e,m)??[],h=i[0]===s?i.slice(1):i.filter(d=>d!==s);u.push({image:s,photos:h.map(d=>({src:d})),href:e.href||void 0,process:e.process||void 0,eyebrow:e.eyebrow||void 0,name:e.name||void 0,meta:e.meta||void 0,tile:{id:a,tag:e.process??"",name:e.name??""}})}),c?u.slice(0,c):u}export{b as EVERY_IMAGE_ZONE,O as PRODUCT_PICTURES_LAYOUT,A as PRODUCT_PICTURES_SOURCE,M as productPictureTiles,I as productPicturesLayout};
+import{sourcedRows as E}from"efficient-web-builder/format/lib/content/block-sources";import{say as r}from"efficient-web-builder/format/lib/editor-words";import{resolveGalleryLayout as P}from"efficient-web-builder/format/lib/content/gallery-layout";import{servedListOf as T,servedRowLists as R,servedWords as _}from"../content/served-lists.js";const A="product-pictures",b="all",O="twoThenThreesPhoto";function I(t){const o=typeof t.layout=="string"&&t.layout?t.layout:void 0;return o&&P(o)||t.columns!=null&&t.columns!==""?o:O}const L=12,S=4,v=t=>Array.from({length:t},(o,n)=>({key:`sample-${n+1}`,process:r("Category"),eyebrow:r("Vehicle"),name:r("Product name"),meta:r("Finish")}));function M(t,o,n){const c=typeof n=="number"&&n>0?Math.floor(n):void 0,{rows:p,sample:f}=E(t,o,v(c??S)),y=f?null:R(t,e=>_(e.photos,L)),l=new Set,u=[];return p.forEach((e,m)=>{const s=e.cover??"";if(!f&&!s)return;const a=e.key||`row-${m+1}`;if(l.has(a))return;l.add(a);const i=T(y,e,m)??[],h=i[0]===s?i.slice(1):i.filter(d=>d!==s);u.push({image:s,photos:h.map(d=>({src:d})),href:e.href||void 0,process:e.process||void 0,eyebrow:e.eyebrow||void 0,name:e.name||void 0,meta:e.meta||void 0,tile:{id:a,tag:e.process??"",name:e.name??""}})}),c?u.slice(0,c):u}export{b as EVERY_IMAGE_ZONE,O as PRODUCT_PICTURES_LAYOUT,A as PRODUCT_PICTURES_SOURCE,M as productPictureTiles,I as productPicturesLayout};

package/dist/words.d.ts

@@ -753,6 +753,7 @@ export type WebBuilderPhrase =
   | "Map"
   | "Map & Theme"
   | "Map theme"
+  | "Marks"
   | "Marquee"
   | "Match / done (green)"
   | "Media"
@@ -1694,6 +1695,7 @@ export type StorefrontBlocksPhrase =
   | "Find your *match.*"
   | "Finish"
   | "First card"
+  | "First category"
   | "First detail"
   | "First image on the left"
   | "First name"
@@ -1726,6 +1728,7 @@ export type StorefrontBlocksPhrase =
   | "Gallery"
   | "Gallery A"
   | "Gallery A comes from the product’s Relative / lifestyle photos, Gallery B from its Product photos and the Others gallery from its Others — edit those in the product’s Media tab and refresh. Each media group is a card: its name is the eyebrow, its finish the meta line; the card’s title is the product name and its tag the category. Headings, intro copy and stats stay yours."
+  | "Gallery A comes from the product’s Relative / lifestyle photos, Gallery B from its Product photos and the Others gallery from its Others — edit those in the product’s Media tab and refresh. Each media group is a card: the car set on the group is the eyebrow (a card keeps its caption when the group has no car), its finish the meta line; the card’s title is the product name and its tag the category. Headings, intro copy and stats stay yours."
   | "Gallery B"
   | "Gallery Item"
   | "Gallery link"
@@ -1833,6 +1836,7 @@ export type StorefrontBlocksPhrase =
   | "Max"
   | "Media group"
   | "Menu Item"
+  | "Menu content"
   | "Menu link"
   | "Menu row"
   | "Menu style"
@@ -1891,6 +1895,7 @@ export type StorefrontBlocksPhrase =
   | "None — this section will be empty"
   | "Not authorized yet — reopen once the editor has loaded."
   | "Not your size"
+  | "Nothing to show yet: this menu's entries come from its Menu content."
   | "Number or ID"
   | "OEM front"
   | "OEM front tyres"
@@ -2010,6 +2015,7 @@ export type StorefrontBlocksPhrase =
   | "Search forms…"
   | "Search your catalog…"
   | "Second card"
+  | "Second category"
   | "Second detail"
   | "Second place"
   | "Second rate"
@@ -2132,6 +2138,7 @@ export type StorefrontBlocksPhrase =
   | "The week"
   | "The whole hero comes from the product record — title, price, pictures, options and Add to Cart. Edit the product in the Products database and this hero updates to match."
   | "Third card"
+  | "Third category"
   | "Third detail"
   | "Third room"
   | "This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above."