efficient-web-builder 19.1.0 → 22.0.0

package/dist/components/useLocationsTree.js

@@ -1 +1 @@
-"use client";import{jsx as t,jsxs as d,Fragment as ke}from"react/jsx-runtime";import{Fragment as Q,useEffect as V,useRef as G}from"react";import{useTreeDrag as X}from"efficient-easel/drag";import{ImageIcon as me,TextLinesIcon as ve,TrashIcon as Z}from"efficient-easel/icons";import{Subtree as b,TreeRow as I,TreeRowAction as ee,TreeSeam as oe}from"efficient-easel/tree";import{useEaselStrings as xe}from"efficient-easel/strings";import{decodeLocationPartId as fe,encodeLocationPartId as he,usePreviewLocationPart as Le}from"./PreviewLocationPartContext.js";import{PUCK_MODE as we}from"./SectionEditor.js";import{say as g,sayCount as Ie}from"../lib/editor-words.js";import{useLocationsFocus as Pe,setLocationsFocus as p}from"../lib/puck/locations-focus.js";import{bucketsOf as ne,moveGroup as te,moveCity as re,addCity as Ce,addGroup as Se,deleteGroup as $e,deleteCity as Te,absCityIndex as ce,groupLabelOf as De,cardKey as se}from"../lib/puck/locations-tree.js";const le="ContactLocations";function Me({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("circle",{cx:"12",cy:"12",r:"9"}),t("path",{d:"M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"})]})}function Fe({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),t("circle",{cx:"12",cy:"11",r:"2"})]})}function Oe({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),t("path",{d:"M9 4v13M15 7v13"})]})}const T=c=>({parentId:`locations-${c}`,slot:"groups"}),j=(c,k)=>({parentId:`locations-${c}`,slot:`cities:${k}`});function He(c,k){const{readOnly:P,selected:C}=k,f=xe().tree,v=k.data?.content??[],ie=c.kind===we.kind,D=G(null);V(()=>{const o=C?.type===le?String(C.props.id):null;o&&o!==D.current&&p({level:"groups"}),D.current=o},[C?.props.id]);const{selectedLocationPartId:ae,setSelectedLocationPartId:A,setSelectHandler:N}=Le(),s=Pe(),y=(o,e)=>{const r=v[o];r&&k.replace(o,{type:r.type,props:{...r.props,locations:e}})},h=o=>{const e=v[o]?.props?.locations;return Array.isArray(e)?e:[]},R=X({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!P,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{y(o.si,te(h(o.si),o.index,e.index)),s.level==="city"&&p({level:"groups"})},onStep:(o,e)=>{y(o.si,te(h(o.si),o.index,e<0?o.index-1:o.index+2)),s.level==="city"&&p({level:"groups"})}}),M=X({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!P,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const r=e.slot.slice(7);y(o.si,re(h(o.si),o.group,o.index,r,e.index)),p({level:"group",key:r})},onStep:(o,e)=>{y(o.si,re(h(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),s.level==="city"&&p({level:"group",key:o.group})}}),z=G(v);z.current=v;const _=G(()=>{});V(()=>{N(o=>{const e=fe(o);if(!e)return;const r=z.current.findIndex(S=>S.props?.id===e.nodeId);r<0||_.current(r,{level:e.part,index:e.index})})},[N]);const l=(o,e)=>{D.current=v[o]?.props?.id??null,k.select(o),p(e),c.reveal();const r=v[o]?.props?.id;typeof r=="string"&&(e.level==="image"||e.level==="map")?A(he(r,e.index,e.level)):A(null),typeof r=="string"&&k.scrollTo(r)};return _.current=l,{renderLocationTree:(o,e,{rowClick:r,isCollapsed:S,toggleCollapse:B})=>{const x=h(e),de=ne(x),L=String(o.props.id),w=ie&&C?.props.id===L,E=n=>t(oe,{...P?{}:R.seam({place:{...T(e),index:n}})},`seam:${L}:groups:${n}`),W=(n,u)=>t(oe,{...P?{}:M.seam({place:{...j(e,n),index:u}})},`seam:${L}:cities:${n}:${u}`);return d(ke,{children:[t(I,{icon:t(ve,{size:13}),name:g("Texts"),words:f,onSelect:()=>l(e,{level:"texts"}),selected:w&&s.level==="texts",rowProps:{onClick:r(()=>l(e,{level:"texts"}))}}),de.map((n,u)=>{const F=`${L}::grp::${n.key}`,K=S(F),pe=w&&s.level==="group"&&s.key===n.key,U=n.name||n.key?De(n.key,n.name):g("Ungrouped"),H={...j(e,n.key),index:n.cards.length},Y=M.row({item:{si:e,group:n.key,index:-1},place:H,into:H,canDrag:!1},{onClick:r(()=>l(e,{level:"group",key:n.key}))}),$=R.row({item:{si:e,index:u},place:{...T(e),index:u}},Y.rowProps);return d(Q,{children:[u===0&&E(0),t(I,{icon:t(Me,{size:13}),name:U,words:f,onSelect:()=>l(e,{level:"group",key:n.key}),selected:pe,draggable:$.draggable,dragging:$.dragging,drop:$.drop??Y.drop,fold:{open:!K,label:g("group"),onToggle:()=>B(F)},actions:t(ee,{kind:"delete",label:Ie("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",n.cards.length,{label:U}),onClick:()=>{y(e,$e(x,n.key)),p({level:"groups"})},children:t(Z,{size:15})}),rowProps:$.rowProps,children:t("span",{className:"es-group-count",children:n.cards.length})}),!K&&d(b,{children:[n.cards.map((m,a)=>{const i=ce(x,n.key,a),ue=w&&s.level==="city"&&s.index===i,O=String(m?.name??"")||g("City"),q=`${L}::city::${se(m)}`,J=S(q),{rowProps:ge,...ye}=M.row({item:{si:e,group:n.key,index:a},place:{...j(e,n.key),index:a}},{onClick:r(()=>l(e,{level:"city",index:i}))});return d(Q,{children:[a===0&&W(n.key,0),t(I,{icon:t(Fe,{size:13}),name:O,words:f,onSelect:()=>l(e,{level:"city",index:i}),selected:ue,...ye,fold:{open:!J,label:O,onToggle:()=>B(q)},actions:t(ee,{kind:"delete",label:g("Delete {name}",{name:O}),onClick:()=>{y(e,Te(x,n.key,a)),p({level:"group",key:n.key})},children:t(Z,{size:15})}),rowProps:ge}),!J&&d(b,{children:[t(I,{icon:t(me,{size:13}),name:g("Image"),words:f,onSelect:()=>l(e,{level:"image",index:i}),selected:w&&s.level==="image"&&s.index===i,rowProps:{onClick:r(()=>l(e,{level:"image",index:i}))}}),t(I,{icon:t(Oe,{size:13}),name:g("Map"),words:f,onSelect:()=>l(e,{level:"map",index:i}),selected:w&&s.level==="map"&&s.index===i,rowProps:{onClick:r(()=>l(e,{level:"map",index:i}))}})]}),W(n.key,a+1)]},se(m))}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const m=Ce(x,n.key);y(e,m);const a=ne(m).find(i=>i.key===n.key);p(a&&a.cards.length?{level:"city",index:ce(m,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),g("Add city")]})]}),E(u+1)]},F)}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:u}=Se(x);y(e,n),l(e,{level:"group",key:u})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),g("Add group")]})]})},sectionPressed:o=>{o?.type===le&&p({level:"groups"})}}}export{le as LOCATIONS_TYPE,He as useLocationsTree};
+"use client";import{jsx as r,jsxs as m,Fragment as me}from"react/jsx-runtime";import{Fragment as Q,useEffect as V,useRef as z}from"react";import{useTreeDrag as X}from"efficient-easel/drag";import{GlobeIcon as ke,ImageIcon as xe,LocationIcon as ve,MapIcon as fe,TextLinesIcon as Le,TrashIcon as Z}from"efficient-easel/icons";import{Subtree as b,TreeRow as S,TreeRowAction as ee,TreeSeam as oe}from"efficient-easel/tree";import{useEaselStrings as Ie}from"efficient-easel/strings";import{decodeLocationPartId as Pe,encodeLocationPartId as Se,usePreviewLocationPart as he}from"./PreviewLocationPartContext.js";import{PUCK_MODE as we}from"./SectionEditor.js";import{say as p,sayCount as Ce}from"../lib/editor-words.js";import{useLocationsFocus as $e,setLocationsFocus as i}from"../lib/puck/locations-focus.js";import{bucketsOf as ne,moveGroup as te,moveCity as re,addCity as Te,addGroup as De,deleteGroup as Fe,deleteCity as Oe,absCityIndex as ce,groupLabelOf as Ge,cardKey as se}from"../lib/puck/locations-tree.js";const le="ContactLocations",T=k=>({parentId:`locations-${k}`,slot:"groups"}),A=(k,y)=>({parentId:`locations-${k}`,slot:`cities:${y}`});function We(k,y){const{readOnly:h,selected:w}=y,f=Ie().tree,x=y.data?.content??[],ae=k.kind===we.kind,D=z(null);V(()=>{const o=w?.type===le?String(w.props.id):null;o&&o!==D.current&&i({level:"groups"}),D.current=o},[w?.props.id]);const{selectedLocationPartId:ie,setSelectedLocationPartId:N,setSelectHandler:R}=he(),c=$e(),u=(o,e)=>{const t=x[o];t&&y.replace(o,{type:t.type,props:{...t.props,locations:e}})},L=o=>{const e=x[o]?.props?.locations;return Array.isArray(e)?e:[]},_=X({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{u(o.si,te(L(o.si),o.index,e.index)),c.level==="city"&&i({level:"groups"})},onStep:(o,e)=>{u(o.si,te(L(o.si),o.index,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"groups"})}}),F=X({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!h,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const t=e.slot.slice(7);u(o.si,re(L(o.si),o.group,o.index,t,e.index)),i({level:"group",key:t})},onStep:(o,e)=>{u(o.si,re(L(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),c.level==="city"&&i({level:"group",key:o.group})}}),E=z(x);E.current=x;const j=z(()=>{});V(()=>{R(o=>{const e=Pe(o);if(!e)return;const t=E.current.findIndex(C=>C.props?.id===e.nodeId);t<0||j.current(t,{level:e.part,index:e.index})})},[R]);const s=(o,e)=>{D.current=x[o]?.props?.id??null,y.select(o),i(e),k.reveal();const t=x[o]?.props?.id;typeof t=="string"&&(e.level==="image"||e.level==="map")?N(Se(t,e.index,e.level)):N(null),typeof t=="string"&&y.scrollTo(t)};return j.current=s,{renderLocationTree:(o,e,{rowClick:t,isCollapsed:C,toggleCollapse:M})=>{const v=L(e),de=ne(v),I=String(o.props.id),P=ae&&w?.props.id===I,K=n=>r(oe,{...h?{}:_.seam({place:{...T(e),index:n}})},`seam:${I}:groups:${n}`),U=(n,d)=>r(oe,{...h?{}:F.seam({place:{...A(e,n),index:d}})},`seam:${I}:cities:${n}:${d}`);return m(me,{children:[r(S,{icon:r(Le,{size:13}),name:p("Texts"),words:f,onSelect:()=>s(e,{level:"texts"}),selected:P&&c.level==="texts",rowProps:{onClick:t(()=>s(e,{level:"texts"}))}}),de.map((n,d)=>{const O=`${I}::grp::${n.key}`,B=C(O),pe=P&&c.level==="group"&&c.key===n.key,H=n.name||n.key?Ge(n.key,n.name):p("Ungrouped"),W={...A(e,n.key),index:n.cards.length},Y=F.row({item:{si:e,group:n.key,index:-1},place:W,into:W,canDrag:!1},{onClick:t(()=>s(e,{level:"group",key:n.key}))}),$=_.row({item:{si:e,index:d},place:{...T(e),index:d}},Y.rowProps);return m(Q,{children:[d===0&&K(0),r(S,{icon:r(ke,{size:13}),name:H,words:f,onSelect:()=>s(e,{level:"group",key:n.key}),selected:pe,draggable:$.draggable,dragging:$.dragging,drop:$.drop??Y.drop,fold:{open:!B,label:p("group"),onToggle:()=>M(O)},actions:r(ee,{kind:"delete",label:Ce("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",n.cards.length,{label:H}),onClick:()=>{u(e,Fe(v,n.key)),i({level:"groups"})},children:r(Z,{size:15})}),rowProps:$.rowProps,children:r("span",{className:"es-group-count",children:n.cards.length})}),!B&&m(b,{children:[n.cards.map((g,a)=>{const l=ce(v,n.key,a),ue=P&&c.level==="city"&&c.index===l,G=String(g?.name??"")||p("City"),q=`${I}::city::${se(g)}`,J=C(q),{rowProps:ye,...ge}=F.row({item:{si:e,group:n.key,index:a},place:{...A(e,n.key),index:a}},{onClick:t(()=>s(e,{level:"city",index:l}))});return m(Q,{children:[a===0&&U(n.key,0),r(S,{icon:r(ve,{size:13}),name:G,words:f,onSelect:()=>s(e,{level:"city",index:l}),selected:ue,...ge,fold:{open:!J,label:G,onToggle:()=>M(q)},actions:r(ee,{kind:"delete",label:p("Delete {name}",{name:G}),onClick:()=>{u(e,Oe(v,n.key,a)),i({level:"group",key:n.key})},children:r(Z,{size:15})}),rowProps:ye}),!J&&m(b,{children:[r(S,{icon:r(xe,{size:13}),name:p("Image"),words:f,onSelect:()=>s(e,{level:"image",index:l}),selected:P&&c.level==="image"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"image",index:l}))}}),r(S,{icon:r(fe,{size:13}),name:p("Map"),words:f,onSelect:()=>s(e,{level:"map",index:l}),selected:P&&c.level==="map"&&c.index===l,rowProps:{onClick:t(()=>s(e,{level:"map",index:l}))}})]}),U(n.key,a+1)]},se(g))}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const g=Te(v,n.key);u(e,g);const a=ne(g).find(l=>l.key===n.key);i(a&&a.cards.length?{level:"city",index:ce(g,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add city")]})]}),K(d+1)]},O)}),m("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:d}=De(v);u(e,n),s(e,{level:"group",key:d})},children:[r("span",{className:"sf-plus sf-plus--sm",children:"+"}),p("Add group")]})]})},sectionPressed:o=>{o?.type===le&&i({level:"groups"})}}}export{le as LOCATIONS_TYPE,We as useLocationsTree};

package/dist/lib/content/chat-launcher.d.ts

@@ -0,0 +1,9 @@
+export declare const CHAT_LAUNCHER_ICONS: readonly ["chat-bubble-left-right", "chat-bubble-oval-left-ellipsis", "chat", "megaphone", "phone", "sparkles"];
+export type ChatLauncherIcon = (typeof CHAT_LAUNCHER_ICONS)[number];
+export declare const DEFAULT_CHAT_LAUNCHER_ICON: ChatLauncherIcon;
+export declare const CHAT_LAUNCHER_POSITIONS: readonly ["right", "left"];
+export type ChatLauncherPosition = (typeof CHAT_LAUNCHER_POSITIONS)[number];
+export declare const DEFAULT_CHAT_LAUNCHER_POSITION: ChatLauncherPosition;
+export declare function chatLauncherIcon(value?: string | null): ChatLauncherIcon;
+export declare function chatLauncherPosition(value?: string | null): ChatLauncherPosition;
+export declare function chatLauncherColor(value?: string | null): string;

package/dist/lib/content/chat-launcher.js

@@ -0,0 +1 @@
+const e=["chat-bubble-left-right","chat-bubble-oval-left-ellipsis","chat","megaphone","phone","sparkles"],o=e[0],n=["right","left"],r="right";function c(t){return e.includes(t??"")?t:o}function h(t){return t==="left"?"left":r}function a(t){return/^#[0-9a-fA-F]{6}$/.test(t??"")?t.toLowerCase():""}export{e as CHAT_LAUNCHER_ICONS,n as CHAT_LAUNCHER_POSITIONS,o as DEFAULT_CHAT_LAUNCHER_ICON,r as DEFAULT_CHAT_LAUNCHER_POSITION,a as chatLauncherColor,c as chatLauncherIcon,h as chatLauncherPosition};

package/dist/lib/content/page-width.d.ts

@@ -31,6 +31,7 @@ export declare const SITE_GUTTER_NARROW: {
 };
 export declare const SITE_GUTTER_SUBSTITUTIONS: ReadonlyArray<readonly [string, string]>;
 export declare function asMainGutters(html: string): string;
+export declare const SITE_COLUMN = "mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]";
 export declare function normalizeSiteGutter(v?: number | null): number;
 export declare function siteGutterTokens(v?: number | null): Record<string, string>;
 export declare function siteHalfColumnCap(dividerPx?: number): string;

package/dist/lib/content/page-width.js

@@ -1 +1 @@
-const n={min:1e3,max:2e3,step:50,default:1600};function m(t){return{maxWidth:t,marginInline:"auto",width:"100%"}}function D(t,x){if(t!==!1)return null;const a=typeof x=="number"?x:n.default;return m(a)}const i="--sf-site-width",p=`var(${i},${n.default}px)`,T=`max-w-[${p}]`,P=`max-w-[${n.default}px]`;function $(t){return typeof t!="number"||!Number.isFinite(t)?n.default:Math.round(Math.min(Math.max(t,n.min),n.max))}function W(t){const x=$(t);return x===n.default?{}:{[i]:`${x}px`}}const o={min:0,max:80,step:4,default:40},s="--sf-site-gutter",e=`var(${s},${o.default}px)`,A=`px-[${e}]`,G=["px-10","px-[60px]"],r={md:`min(24px,${e})`,sm:`min(20px,${e})`,frame:`min(24px,${e})`,tabs:`min(16px,${e})`},C=[[`max-[1100px]:px-[${r.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${r.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${r.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${r.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${r.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${r.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${r.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${r.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${e}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${e})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${e})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${e})]`,"max-[720px]:-mx-5"],[`-mx-[${e}]`,"-mx-10"],[A,"px-10"]];function M(t){return C.reduce((x,[a,R])=>x.split(a).join(R),t)}function S(t){return typeof t!="number"||!Number.isFinite(t)?o.default:Math.round(Math.min(Math.max(t,o.min),o.max))}function w(t){const x=S(t);return x===o.default?{}:{[s]:`${x}px`}}function d(t=0){return`calc(${p}/2 - ${e}*2 - ${t}px)`}function L(t=0){return`max-w-[${d(t).replace(/ /g,"_")}]`}const f=`min(var(--sf-page-cap,${p}),${p})`,U=`max-w-[${f}]`,g=`max-w-[min(var(--sf-page-cap,${n.default}px),${n.default}px)]`,E="--sf-hero-cap",H=`var(${E},none)`,v=`max-w-[${H}]`,_="--sf-hero-bleed-m",u="--sf-hero-bleed-w",B=`var(${_},calc(50% - 50vw))`,N=`var(${u},100vw)`,b=`mx-[var(${_},calc(50%_-_50vw))]`,V=`w-[var(${u},100vw)]`,I="--sf-hero-chrome-x",h="--sf-hero-chrome-cap";function y(t){return t===!0?{[E]:f,[_]:"auto",[u]:"100%",[I]:"24px",[h]:"none"}:{}}const c=`calc(${p} - ${e}*2)`,k=`max-w-[${c.replace(/ /g,"_")}]`,K=T;function z(t){return t!==!1?null:m(l)}const O="--sf-chrome-cap",l=`var(${O},${c})`,F="data-page-width";function j(t){return t==="full"?"full":null}function q(t){return t==="full"?null:m(t==="content"?c:l)}function J(t){if(t==="full")return"full";if(t==="content")return"content"}export{l as CHROME_CAP_READ,O as CHROME_CAP_VAR,c as CHROME_WIDTH_CAP,k as CHROME_WIDTH_CAP_CLASS,H as HERO_BACKGROUND_CAP,v as HERO_BACKGROUND_CAP_CLASS,E as HERO_BACKGROUND_VAR,B as HERO_BLEED_MARGIN,b as HERO_BLEED_MARGIN_CLASS,_ as HERO_BLEED_MARGIN_VAR,N as HERO_BLEED_WIDTH,V as HERO_BLEED_WIDTH_CLASS,u as HERO_BLEED_WIDTH_VAR,f as HERO_CAP,U as HERO_CAP_CLASS,h as HERO_CHROME_CAP_VAR,I as HERO_CHROME_INSET_VAR,n as PAGE_WIDTH,F as PAGE_WIDTH_ATTR,K as PRE_CHROME_WIDTH_CAP_CLASS,g as PRE_HERO_CAP_CLASS,G as PRE_SITE_GUTTER_CLASSES,P as PRE_SITE_WIDTH_CAP_CLASS,o as SITE_GUTTER,e as SITE_GUTTER_CAP,A as SITE_GUTTER_CLASS,r as SITE_GUTTER_NARROW,C as SITE_GUTTER_SUBSTITUTIONS,s as SITE_GUTTER_VAR,p as SITE_WIDTH_CAP,T as SITE_WIDTH_CAP_CLASS,i as SITE_WIDTH_VAR,M as asMainGutters,m as centredCap,q as chromeWidthStyle,y as heroBackgroundTokens,S as normalizeSiteGutter,$ as normalizeSiteWidth,j as pageWidthMarker,D as pageWidthStyle,J as resolveChromeWidth,w as siteGutterTokens,d as siteHalfColumnCap,L as siteHalfColumnCapClass,z as siteWidthCapStyle,W as siteWidthTokens};
+const n={min:1e3,max:2e3,step:50,default:1600};function m(t){return{maxWidth:t,marginInline:"auto",width:"100%"}}function D(t,e){if(t!==!1)return null;const a=typeof e=="number"?e:n.default;return m(a)}const s="--sf-site-width",r=`var(${s},${n.default}px)`,T=`max-w-[${r}]`,P=`max-w-[${n.default}px]`;function $(t){return typeof t!="number"||!Number.isFinite(t)?n.default:Math.round(Math.min(Math.max(t,n.min),n.max))}function w(t){const e=$(t);return e===n.default?{}:{[s]:`${e}px`}}const o={min:0,max:80,step:4,default:40},c="--sf-site-gutter",x=`var(${c},${o.default}px)`,A=`px-[${x}]`,M=["px-10","px-[60px]"],p={md:`min(24px,${x})`,sm:`min(20px,${x})`,frame:`min(24px,${x})`,tabs:`min(16px,${x})`},C=[[`max-[1100px]:px-[${p.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${p.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${p.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${p.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${p.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${p.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${p.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${p.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${x}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${x})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${x})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${x})]`,"max-[720px]:-mx-5"],[`-mx-[${x}]`,"-mx-10"],[A,"px-10"]];function W(t){return C.reduce((e,[a,R])=>e.split(a).join(R),t)}const G="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]";function S(t){return typeof t!="number"||!Number.isFinite(t)?o.default:Math.round(Math.min(Math.max(t,o.min),o.max))}function L(t){const e=S(t);return e===o.default?{}:{[c]:`${e}px`}}function d(t=0){return`calc(${r}/2 - ${x}*2 - ${t}px)`}function v(t=0){return`max-w-[${d(t).replace(/ /g,"_")}]`}const f=`min(var(--sf-page-cap,${r}),${r})`,g=`max-w-[${f}]`,U=`max-w-[min(var(--sf-page-cap,${n.default}px),${n.default}px)]`,E="--sf-hero-cap",H=`var(${E},none)`,N=`max-w-[${H}]`,u="--sf-hero-bleed-m",_="--sf-hero-bleed-w",B=`var(${u},calc(50% - 50vw))`,b=`var(${_},100vw)`,V=`mx-[var(${u},calc(50%_-_50vw))]`,y=`w-[var(${_},100vw)]`,I="--sf-hero-chrome-x",h="--sf-hero-chrome-cap";function k(t){return t===!0?{[E]:f,[u]:"auto",[_]:"100%",[I]:"24px",[h]:"none"}:{}}const i=`calc(${r} - ${x}*2)`,K=`max-w-[${i.replace(/ /g,"_")}]`,z=T;function F(t){return t!==!1?null:m(l)}const O="--sf-chrome-cap",l=`var(${O},${i})`,j="data-page-width";function q(t){return t==="full"?"full":null}function J(t){return t==="full"?null:m(t==="content"?i:l)}function Q(t){if(t==="full")return"full";if(t==="content")return"content"}export{l as CHROME_CAP_READ,O as CHROME_CAP_VAR,i as CHROME_WIDTH_CAP,K as CHROME_WIDTH_CAP_CLASS,H as HERO_BACKGROUND_CAP,N as HERO_BACKGROUND_CAP_CLASS,E as HERO_BACKGROUND_VAR,B as HERO_BLEED_MARGIN,V as HERO_BLEED_MARGIN_CLASS,u as HERO_BLEED_MARGIN_VAR,b as HERO_BLEED_WIDTH,y as HERO_BLEED_WIDTH_CLASS,_ as HERO_BLEED_WIDTH_VAR,f as HERO_CAP,g as HERO_CAP_CLASS,h as HERO_CHROME_CAP_VAR,I as HERO_CHROME_INSET_VAR,n as PAGE_WIDTH,j as PAGE_WIDTH_ATTR,z as PRE_CHROME_WIDTH_CAP_CLASS,U as PRE_HERO_CAP_CLASS,M as PRE_SITE_GUTTER_CLASSES,P as PRE_SITE_WIDTH_CAP_CLASS,G as SITE_COLUMN,o as SITE_GUTTER,x as SITE_GUTTER_CAP,A as SITE_GUTTER_CLASS,p as SITE_GUTTER_NARROW,C as SITE_GUTTER_SUBSTITUTIONS,c as SITE_GUTTER_VAR,r as SITE_WIDTH_CAP,T as SITE_WIDTH_CAP_CLASS,s as SITE_WIDTH_VAR,W as asMainGutters,m as centredCap,J as chromeWidthStyle,k as heroBackgroundTokens,S as normalizeSiteGutter,$ as normalizeSiteWidth,q as pageWidthMarker,D as pageWidthStyle,Q as resolveChromeWidth,L as siteGutterTokens,d as siteHalfColumnCap,v as siteHalfColumnCapClass,F as siteWidthCapStyle,w as siteWidthTokens};

package/dist/lib/content/phone-focus.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from "react";
+export declare const PHONE_FOCUS_CLASS = "sf-focus-phone";
+export declare const PHONE_FOCUS_VAR = "--sf-focus-phone";
+export declare function phoneFocus(phone: unknown): {
+    className: string;
+    style: CSSProperties;
+};

package/dist/lib/content/phone-focus.js

@@ -0,0 +1 @@
+import{formatFocal as e,parseFocal as r}from"efficient-shell/format";const c="sf-focus-phone",f="--sf-focus-phone";function a(s){if(typeof s!="string"||!/^\s*-?\d+(\.\d+)?%\s+-?\d+(\.\d+)?%\s*$/.test(s))return{className:"",style:{}};const{x:o,y:t}=r(s);return{className:c,style:{[f]:e(o,t)}}}export{c as PHONE_FOCUS_CLASS,f as PHONE_FOCUS_VAR,a as phoneFocus};

package/dist/lib/dealer-source.d.ts

@@ -0,0 +1,34 @@
+import type { MapPin } from "efficient-shell/map";
+export type FootprintSource = "typed" | "dealers";
+export type DealerListPosition = "below" | "left" | "right";
+export type DealerPlacement = "located" | "approximate" | "pending" | "not_found" | "failed" | "no_address";
+export interface SiteDealer {
+    id: string;
+    name: string;
+    address: string;
+    city: string;
+    state: string;
+    postcode: string;
+    country: string;
+    phone: string;
+    website: string;
+    pickupPoint: boolean;
+    placement: DealerPlacement;
+    lat: number | null;
+    lng: number | null;
+    distanceKm: number | null;
+}
+export type DealerNear = "found" | "not_found" | "try_again" | null;
+export interface DealerList {
+    near: DealerNear;
+    dealers: SiteDealer[];
+}
+export type DealerSource = (query: {
+    near?: string;
+}) => Promise<DealerList>;
+export declare const DealerSourceProvider: import("react").Provider<DealerSource | null>;
+export declare const useDealerSource: () => DealerSource | null;
+export declare function parseFootprintSource(value: unknown): FootprintSource;
+export declare function parseDealerListPosition(value: unknown): DealerListPosition;
+export declare function dealerPins(dealers: SiteDealer[]): MapPin[];
+export declare function dealerDistanceLabel(km: number | null): string;

package/dist/lib/dealer-source.js

@@ -0,0 +1 @@
+"use client";import{createContext as r,useContext as l}from"react";const o=r(null),p=o.Provider,u=()=>l(o),i=["typed","dealers"],a=["below","left","right"];function s(e){return i.includes(e)?e:"typed"}function d(e){return a.includes(e)?e:"below"}function x(e){const n=[];for(const t of e)t.placement!=="located"&&t.placement!=="approximate"||t.lat===null||t.lng===null||n.push({key:t.id,label:t.name,lat:t.lat,lng:t.lng,glyph:"",tone:"",approximate:t.placement==="approximate"});return n}function f(e){return e===null||!Number.isFinite(e)?"":e<10?`${e.toFixed(1)} km`:`${Math.round(e)} km`}export{p as DealerSourceProvider,f as dealerDistanceLabel,x as dealerPins,d as parseDealerListPosition,s as parseFootprintSource,u as useDealerSource};

package/dist/lib/editor-words-catalogue.d.ts

@@ -149,7 +149,6 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Background: "Background";
     readonly "Background image": "Background image";
     readonly "Background images": "Background images";
-    readonly "Background video": "Background video";
     readonly Badge: "Badge";
     readonly Banner: "Banner";
     readonly "Banner headline": "Banner headline";
@@ -161,6 +160,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Basics: "Basics";
     readonly Before: "Before";
     readonly "Begin reading": "Begin reading";
+    readonly Below: "Below";
     readonly "Below picture": "Below picture";
     readonly "Big first": "Big first";
     readonly "Big left": "Big left";
@@ -250,7 +250,6 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Chat with us": "Chat with us";
     readonly "Checkout & ordering": "Checkout & ordering";
     readonly "Chip label": "Chip label";
-    readonly "Choose a background image first \u2014 there\u2019s nothing to focus yet.": "Choose a background image first — there’s nothing to focus yet.";
     readonly "Choose a page": "Choose a page";
     readonly "Choose a post": "Choose a post";
     readonly "Choose a product": "Choose a product";
@@ -269,6 +268,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Clear this site\u2019s colors?": "Clear this site’s colors?";
     readonly "Clear {what}": "Clear {what}";
     readonly "Clear {what}: {label}": "Clear {what}: {label}";
+    readonly "Click to play": "Click to play";
     readonly Collections: "Collections";
     readonly Color: "Color";
     readonly "Column *title.*": "Column *title.*";
@@ -304,7 +304,6 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Couldn\u2019t delete the page \u2014 please retry.": "Couldn’t delete the page — please retry.";
     readonly "Couldn\u2019t duplicate the section \u2014 please retry": "Couldn’t duplicate the section — please retry";
     readonly "Couldn\u2019t load pages": "Couldn’t load pages";
-    readonly "Couldn\u2019t open the media picker \u2014 please try again.": "Couldn’t open the media picker — please try again.";
     readonly "Couldn\u2019t open this section.": "Couldn’t open this section.";
     readonly "Couldn\u2019t reach {place}.": "Couldn’t reach {place}.";
     readonly Count: "Count";
@@ -329,6 +328,8 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Dashed: "Dashed";
     readonly "Data points": "Data points";
     readonly Date: "Date";
+    readonly Dealers: "Dealers";
+    readonly "Dealers are not available on this website": "Dealers are not available on this website";
     readonly "Deck / standfirst": "Deck / standfirst";
     readonly Default: "Default";
     readonly "Defect rate by product": "Defect rate by product";
@@ -354,6 +355,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Directions link": "Directions link";
     readonly "Dismiss link": "Dismiss link";
     readonly Display: "Display";
+    readonly Distance: "Distance";
     readonly "Distance from top": "Distance from top";
     readonly Divider: "Divider";
     readonly "Document Detail Cards": "Document Detail Cards";
@@ -535,11 +537,13 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Icon: "Icon";
     readonly "Icon after text": "Icon after text";
     readonly "Icon before text": "Icon before text";
+    readonly "Icon only": "Icon only";
     readonly "Icon position": "Icon position";
     readonly "Illustrative example": "Illustrative example";
     readonly Image: "Image";
     readonly "Image & Text Columns": "Image & Text Columns";
     readonly "Image & Text Split": "Image & Text Split";
+    readonly "Image 2": "Image 2";
     readonly "Image background": "Image background";
     readonly "Image caption": "Image caption";
     readonly "Image column": "Image column";
@@ -686,10 +690,12 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Next slide": "Next slide";
     readonly "No fill": "No fill";
     readonly "No locations yet.": "No locations yet.";
+    readonly "No match": "No match";
     readonly "No match (gray \u2715)": "No match (gray ✕)";
     readonly "No other pages": "No other pages";
     readonly "No pages match your search": "No pages match your search";
     readonly "No pages yet. Add one with + above.": "No pages yet. Add one with + above.";
+    readonly "No place found. Try another postcode.": "No place found. Try another postcode.";
     readonly "No section anchors yet": "No section anchors yet";
     readonly "No style": "No style";
     readonly "No wrap": "No wrap";
@@ -720,6 +726,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "On every blog post.": "On every blog post.";
     readonly "On picture": "On picture";
     readonly "On this page": "On this page";
+    readonly One: "One";
     readonly "One row": "One row";
     readonly "One then four": "One then four";
     readonly "Only the size follows a site style. This section sets its own font, weight and letter case.": "Only the size follows a site style. This section sets its own font, weight and letter case.";
@@ -728,7 +735,6 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Open the {name} in a new tab": "Open the {name} in a new tab";
     readonly "Open your saved draft in a new tab. Visitors don't see it.": "Open your saved draft in a new tab. Visitors don't see it.";
     readonly "Opening hours": "Opening hours";
-    readonly "Opening the picker\u2026": "Opening the picker…";
     readonly Option: "Option";
     readonly "Order Table": "Order Table";
     readonly "Order summary": "Order summary";
@@ -769,6 +775,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Placement: "Placement";
     readonly Plain: "Plain";
     readonly "Play video": "Play video";
+    readonly Playback: "Playback";
     readonly "Playback speed": "Playback speed";
     readonly "Plays well with\n*your favourite apps.*": "Plays well with\n*your favourite apps.*";
     readonly "Pop up - SubscribePopup": "Pop up - SubscribePopup";
@@ -892,10 +899,12 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Short description of this figure.": "Short description of this figure.";
     readonly "Short detail line": "Short detail line";
     readonly "Short supporting line": "Short supporting line";
+    readonly Show: "Show";
     readonly "Show arrows": "Show arrows";
     readonly "Show cover image": "Show cover image";
     readonly "Show hints": "Show hints";
     readonly "Show on a card": "Show on a card";
+    readonly "Show on phones": "Show on phones";
     readonly "Show slide picker": "Show slide picker";
     readonly "Show texture": "Show texture";
     readonly "Show the chat bubble": "Show the chat bubble";
@@ -903,11 +912,13 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Show ticker": "Show ticker";
     readonly "Show {label} on the slide": "Show {label} on the slide";
     readonly "Shown beside the heading": "Shown beside the heading";
+    readonly "Shows when a visitor points at the button": "Shows when a visitor points at the button";
     readonly "Side space": "Side space";
     readonly "Side-by-side image and text in two columns.": "Side-by-side image and text in two columns.";
     readonly Sideways: "Sideways";
     readonly "Signup Form": "Signup Form";
     readonly Simple: "Simple";
+    readonly "Site button color": "Site button color";
     readonly "Site settings": "Site settings";
     readonly "Site styles": "Site styles";
     readonly "Six across": "Six across";
@@ -925,6 +936,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Social links": "Social links";
     readonly Soft: "Soft";
     readonly Solid: "Solid";
+    readonly Source: "Source";
     readonly "Space above and below": "Space above and below";
     readonly "Space between": "Space between";
     readonly Spacer: "Spacer";
@@ -936,6 +948,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Spine (single rail)": "Spine (single rail)";
     readonly "Split (editorial aside)": "Split (editorial aside)";
     readonly Square: "Square";
+    readonly Squares: "Squares";
     readonly Stacked: "Stacked";
     readonly Standard: "Standard";
     readonly Start: "Start";
@@ -1080,7 +1093,9 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Two image galleries with tabs and filters.": "Two image galleries with tabs and filters.";
     readonly "Two tall": "Two tall";
     readonly Type: "Type";
+    readonly "Type a postcode or address": "Type a postcode or address";
     readonly "Typed here": "Typed here";
+    readonly "Typed in": "Typed in";
     readonly "Tyre Fitment Form": "Tyre Fitment Form";
     readonly "Tyre Sizes": "Tyre Sizes";
     readonly "URL pill": "URL pill";
@@ -1094,8 +1109,8 @@ export declare const WEB_BUILDER_WORDS: {
     readonly Upcoming: "Upcoming";
     readonly "Update style": "Update style";
     readonly "Update {style}?": "Update {style}?";
+    readonly Upload: "Upload";
     readonly "Upload a background image": "Upload a background image";
-    readonly "Upload a background video": "Upload a background video";
     readonly "Upload a poster still": "Upload a poster still";
     readonly "Uppercase heading": "Uppercase heading";
     readonly "Use {colour}": "Use {colour}";
@@ -1103,6 +1118,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Value suffix": "Value suffix";
     readonly "Vertical breathing room between sections.": "Vertical breathing room between sections.";
     readonly Video: "Video";
+    readonly "Video file": "Video file";
     readonly "Video poster": "Video poster";
     readonly "View all": "View all";
     readonly "View all questions": "View all questions";
@@ -1128,6 +1144,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "Year \u2192": "Year →";
     readonly Years: "Years";
     readonly YouTube: "YouTube";
+    readonly "YouTube link": "YouTube link";
     readonly "Your *first* section.": "Your *first* section.";
     readonly "Your *second* section.": "Your *second* section.";
     readonly "Your fifth question goes here?": "Your fifth question goes here?";
@@ -1152,7 +1169,7 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "each block's own spacing": "each block's own spacing";
     readonly entries: "entries";
     readonly group: "group";
-    readonly "images only": "images only";
+    readonly "https://youtu.be/\u2026": "https://youtu.be/…";
     readonly item: "item";
     readonly label: "label";
     readonly manifesto: "manifesto";
@@ -1169,7 +1186,6 @@ export declare const WEB_BUILDER_WORDS: {
     readonly "the theme's image stage": "the theme's image stage";
     readonly "the theme's section background": "the theme's section background";
     readonly "this container's own spacing": "this container's own spacing";
-    readonly "videos only": "videos only";
     readonly "{grade} on the button": "{grade} on the button";
     readonly "{label} hex code": "{label} hex code";
     readonly "{label} {n}": "{label} {n}";