efficient-web-builder 0.10.0 → 2.0.0

package/dist/components/useCountUp.d.ts

@@ -0,0 +1,10 @@
+export declare const COUNT_UP_DURATION_MS = 1400;
+export interface CountUpOptions {
+    threshold?: number;
+    replay?: boolean;
+    durationMs?: number;
+}
+export declare function useCountUp<T extends HTMLElement = HTMLDivElement>(target: number, opts?: CountUpOptions): {
+    ref: import("react").RefObject<T | null>;
+    value: number;
+};

package/dist/components/useCountUp.js

@@ -0,0 +1 @@
+"use client";import{useEffect as v,useRef as d,useState as A}from"react";const I=1400;function b(t,p={}){const{threshold:i=.1,replay:r=!0,durationMs:a=I}=p,l=d(null),e=d(null),[h,c]=A(0);return v(()=>{const f=l.current;if(!f)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){c(t);return}const o=()=>{e.current!==null&&(cancelAnimationFrame(e.current),e.current=null)},w=()=>{o();const u=performance.now(),n=M=>{const m=Math.min(1,(M-u)/a),F=1-Math.pow(1-m,3);c(Math.round(F*t)),m<1?e.current=requestAnimationFrame(n):e.current=null};e.current=requestAnimationFrame(n)},s=new IntersectionObserver(u=>{const n=u[0];n&&(n.isIntersecting?(w(),r||s.disconnect()):r&&(o(),c(0)))},{threshold:i});return s.observe(f),()=>{s.disconnect(),o()}},[t,i,r,a]),{ref:l,value:h}}export{I as COUNT_UP_DURATION_MS,b as useCountUp};

package/dist/components/useFooterFocus.d.ts

@@ -0,0 +1,2 @@
+import type { ScreenBridges, ScreenCanvas, ScreenTree } from "../lib/editor-screen.js";
+export declare function useFooterFocus(tree: ScreenTree, canvas: ScreenCanvas): Pick<ScreenBridges, "pinnedSource" | "holdCanvasOn" | "editPinnedSource">;

package/dist/components/useFooterFocus.js

@@ -0,0 +1 @@
+"use client";import{useEffect as o,useRef as T}from"react";import{usePreviewFooter as v}from"./PreviewFooterContext.js";import{useStorefrontDocument as O}from"./StorefrontDocumentContext.js";import{SITE_FOOTER_SLUG as p}from"../lib/content/footer.js";import{FOOTER_TYPE as P}from"../lib/puck/footer-blocks.js";import{clearFooterReturn as R,readFooterReturn as E}from"../lib/puck/footer-return.js";import{pinPreviewToBottom as I,pinPreviewToSection as n}from"../lib/puck/preview-dom.js";function C(i,f){const{currentSlug:d,siteId:m,navigate:l,footerOriginSlug:c}=O(),{selected:u}=i,S=i.data?.content??[],F=f.refreshes,r=d===p,{editFooter:s}=v(),e=T(null);o(()=>{const t=u?.props.id;r&&typeof t=="string"&&(e.current?.(),e.current=n(t))},[u?.props.id,r]);const a=t=>{e.current?.(),e.current=n(t)};return o(()=>{if(!r||!c)return;const t=S.find(g=>g.type===P)?.props?.id;if(t)return e.current?.(),e.current=n(String(t)),()=>{e.current?.(),e.current=null}},[r,c,F]),o(()=>{if(!(r||!E()))return I(()=>R())},[]),{pinnedSource:r,holdCanvasOn:r?a:void 0,editPinnedSource:()=>s?s():l({kind:"page",slug:p,siteId:m??void 0})}}export{C as useFooterFocus};

package/dist/components/useLocationsTree.d.ts

@@ -0,0 +1,6 @@
+import type { ScreenInspector, ScreenNode, ScreenTree, ScreenTreeFolds } from "../lib/editor-screen.js";
+export declare const LOCATIONS_TYPE = "ContactLocations";
+export declare function useLocationsTree(inspector: ScreenInspector, tree: ScreenTree): {
+    renderLocationTree: (section: ScreenNode, si: number, { rowClick, isCollapsed, toggleCollapse }: ScreenTreeFolds) => import("react").JSX.Element;
+    sectionPressed: (node: ScreenNode | undefined) => void;
+};

package/dist/components/useLocationsTree.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as d,Fragment as ge}from"react/jsx-runtime";import{Fragment as q,useEffect as J,useRef as F}from"react";import{useTreeDrag as Q}from"efficient-easel/drag";import{ImageIcon as ye,TextLinesIcon as ke,TrashIcon as V}from"efficient-easel/icons";import{Subtree as X,TreeRow as L,TreeRowAction as Z,TreeSeam as b}from"efficient-easel/tree";import{decodeLocationPartId as ve,encodeLocationPartId as xe,usePreviewLocationPart as fe}from"./PreviewLocationPartContext.js";import{PUCK_MODE as he}from"./SectionEditor.js";import{useLocationsFocus as me,setLocationsFocus as p}from"../lib/puck/locations-focus.js";import{bucketsOf as ee,moveGroup as oe,moveCity as ne,addCity as Le,addGroup as Ie,deleteGroup as Pe,deleteCity as Ce,absCityIndex as te,groupLabelOf as Se,cardKey as re}from"../lib/puck/locations-tree.js";const ce="ContactLocations";function $e({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 we({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 Te({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 $=c=>({parentId:`locations-${c}`,slot:"groups"}),O=(c,y)=>({parentId:`locations-${c}`,slot:`cities:${y}`});function _e(c,y){const{readOnly:I,selected:P}=y,v=y.data?.content??[],le=c.kind===he.kind,w=F(null);J(()=>{const o=P?.type===ce?String(P.props.id):null;o&&o!==w.current&&p({level:"groups"}),w.current=o},[P?.props.id]);const{selectedLocationPartId:se,setSelectedLocationPartId:G,setSelectHandler:j}=fe(),l=me(),g=(o,e)=>{const r=v[o];r&&y.replace(o,{type:r.type,props:{...r.props,locations:e}})},f=o=>{const e=v[o]?.props?.locations;return Array.isArray(e)?e:[]},A=Q({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!I,canDrop:(o,e)=>e.parentId===$(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{g(o.si,oe(f(o.si),o.index,e.index)),l.level==="city"&&p({level:"groups"})},onStep:(o,e)=>{g(o.si,oe(f(o.si),o.index,e<0?o.index-1:o.index+2)),l.level==="city"&&p({level:"groups"})}}),T=Q({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!I,canDrop:(o,e)=>e.parentId===$(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const r=e.slot.slice(7);g(o.si,ne(f(o.si),o.group,o.index,r,e.index)),p({level:"group",key:r})},onStep:(o,e)=>{g(o.si,ne(f(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),l.level==="city"&&p({level:"group",key:o.group})}}),N=F(v);N.current=v;const R=F(()=>{});J(()=>{j(o=>{const e=ve(o);if(!e)return;const r=N.current.findIndex(C=>C.props?.id===e.nodeId);r<0||R.current(r,{level:e.part,index:e.index})})},[j]);const s=(o,e)=>{w.current=v[o]?.props?.id??null,y.select(o),p(e),c.reveal();const r=v[o]?.props?.id;typeof r=="string"&&(e.level==="image"||e.level==="map")?G(xe(r,e.index,e.level)):G(null),typeof r=="string"&&y.scrollTo(r)};return R.current=s,{renderLocationTree:(o,e,{rowClick:r,isCollapsed:C,toggleCollapse:z})=>{const x=f(e),ie=ee(x),h=String(o.props.id),m=le&&P?.props.id===h,_=n=>t(b,{...I?{}:A.seam({place:{...$(e),index:n}})},`seam:${h}:groups:${n}`),B=(n,u)=>t(b,{...I?{}:T.seam({place:{...O(e,n),index:u}})},`seam:${h}:cities:${n}:${u}`);return d(ge,{children:[t(L,{icon:t(ke,{size:13}),name:"Texts",onSelect:()=>s(e,{level:"texts"}),selected:m&&l.level==="texts",rowProps:{onClick:r(()=>s(e,{level:"texts"}))}}),ie.map((n,u)=>{const D=`${h}::grp::${n.key}`,E=C(D),ae=m&&l.level==="group"&&l.key===n.key,W=Se(n.key,n.name),K={...O(e,n.key),index:n.cards.length},H=T.row({item:{si:e,group:n.key,index:-1},place:K,into:K,canDrag:!1},{onClick:r(()=>s(e,{level:"group",key:n.key}))}),S=A.row({item:{si:e,index:u},place:{...$(e),index:u}},H.rowProps);return d(q,{children:[u===0&&_(0),t(L,{icon:t($e,{size:13}),name:W,onSelect:()=>s(e,{level:"group",key:n.key}),selected:ae,draggable:S.draggable,dragging:S.dragging,drop:S.drop??H.drop,fold:{open:!E,label:"group",onToggle:()=>z(D)},actions:t(Z,{kind:"delete",label:`Delete ${W} group (${n.cards.length} ${n.cards.length===1?"city":"cities"})`,onClick:()=>{g(e,Pe(x,n.key)),p({level:"groups"})},children:t(V,{size:15})}),rowProps:S.rowProps,children:t("span",{className:"es-group-count",children:n.cards.length})}),!E&&d(X,{children:[n.cards.map((k,a)=>{const i=te(x,n.key,a),de=m&&l.level==="city"&&l.index===i,M=String(k?.name??"")||"City",U=`${h}::city::${re(k)}`,Y=C(U),{rowProps:pe,...ue}=T.row({item:{si:e,group:n.key,index:a},place:{...O(e,n.key),index:a}},{onClick:r(()=>s(e,{level:"city",index:i}))});return d(q,{children:[a===0&&B(n.key,0),t(L,{icon:t(we,{size:13}),name:M,onSelect:()=>s(e,{level:"city",index:i}),selected:de,...ue,fold:{open:!Y,label:M,onToggle:()=>z(U)},actions:t(Z,{kind:"delete",label:`Delete ${M}`,onClick:()=>{g(e,Ce(x,n.key,a)),p({level:"group",key:n.key})},children:t(V,{size:15})}),rowProps:pe}),!Y&&d(X,{children:[t(L,{icon:t(ye,{size:13}),name:"Image",onSelect:()=>s(e,{level:"image",index:i}),selected:m&&l.level==="image"&&l.index===i,rowProps:{onClick:r(()=>s(e,{level:"image",index:i}))}}),t(L,{icon:t(Te,{size:13}),name:"Map",onSelect:()=>s(e,{level:"map",index:i}),selected:m&&l.level==="map"&&l.index===i,rowProps:{onClick:r(()=>s(e,{level:"map",index:i}))}})]}),B(n.key,a+1)]},re(k))}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const k=Le(x,n.key);g(e,k);const a=ee(k).find(i=>i.key===n.key);p(a&&a.cards.length?{level:"city",index:te(k,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),_(u+1)]},D)}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:u}=Ie(x);g(e,n),s(e,{level:"group",key:u})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:o=>{o?.type===ce&&p({level:"groups"})}}}export{ce as LOCATIONS_TYPE,_e as useLocationsTree};

package/dist/components/usePartBridge.d.ts

@@ -0,0 +1 @@
+export { usePartBridge } from "efficient-easel/screen/components/usePartBridge";

package/dist/components/usePartBridge.js

@@ -0,0 +1 @@
+"use client";import{usePartBridge as t}from"efficient-easel/screen/components/usePartBridge";export{t as usePartBridge};

package/dist/components/usePinnedChromeSeed.d.ts

@@ -0,0 +1,2 @@
+import type { ScreenDocumentOps } from "../lib/editor-screen.js";
+export declare function usePinnedChromeSeed(ops: ScreenDocumentOps, config: unknown): void;

package/dist/components/usePinnedChromeSeed.js

@@ -0,0 +1 @@
+"use client";import{useEffect as x,useRef as w}from"react";import{createNode as z,newId as Y}from"efficient-easel/data";import{useEaselApi as v}from"efficient-easel/easel";import{useStorefrontDocument as A}from"./StorefrontDocumentContext.js";import{SITE_FOOTER_SLUG as H}from"../lib/content/footer.js";import{boxFooterFromFooter as B}from"../lib/puck/box-footer.js";import{ROOT_ZONE as m,missingPinnedTypes as G,pinnedDuplicateIds as R}from"../lib/puck/content-tree.js";import{FOOTER_TYPE as r,HEADER_TYPE as h,buildDefaultFooterBlocks as _,buildDefaultHeaderNode as b}from"../lib/puck/footer-blocks.js";import{canSeedPinnedChrome as L}from"../lib/puck/pinned-seed-gate.js";import{siteFooterDocChrome as U,SITE_FOOTER_TYPE as S}from"../lib/puck/section-groups.js";function $(t,y){const{capabilities:I,currentSlug:N,docId:a,data:E,saveStatus:g}=A(),{hasSiteSettings:D,hasPinnedChrome:F}=I,T=N===H,O=v().getState,P=w(null);x(()=>{if(!L({docId:a,saveStatus:g,seededDocId:P.current})||(P.current=a,!F))return;const d=O().appState.data,n=d.content,f=E?.content??[],c=(e,s)=>e.some(o=>o?.type===s);if(!D){const e=new Set(R(n)),s=e.size?n.filter(i=>!e.has(i.props.id)):n;e.size&&t.setDocument({...d,content:s});const o=G(s,f);if(o.includes(r)){const i=s.length,u=t.insertSection(r,i);t.replaceComponent(m,i,{type:r,props:{id:u,blocks:_()}})}o.includes(h)&&t.insertNode(m,0,b());return}if(T){const e=U(n);if(e!==n&&t.setDocument({...d,content:[...e]}),!e.find(o=>o.type===r)&&!c(f,r)&&!c(e,S)&&!c(f,S)){const o=(u,C)=>z(y,u,C),i={type:r,props:{blocks:_()}};t.insertNode(m,e.length,B(i,o,Y(S)))}return}const l=n.filter(e=>e.type!==r),k=new Set(R(l)),p=k.size?l.filter(e=>!k.has(e.props.id)):l;p.length!==n.length&&t.setDocument({...d,content:p}),!c(p,h)&&!c(f,h)&&t.insertNode(m,0,b())},[a,g,E,O,t,D,F,T])}export{$ as usePinnedChromeSeed};

package/dist/components/usePreviewHref.d.ts

@@ -0,0 +1,5 @@
+export declare function usePreviewHref(opts: {
+    pageSlug: string;
+    siteId: string | null;
+    token: string | null;
+}): string;

package/dist/components/usePreviewHref.js

@@ -0,0 +1 @@
+"use client";import{useEffect as u,useState as l}from"react";import{loadEditorSiteSlug as S}from"../lib/editor-site-slug.js";import{editorPreviewHref as d,originIsSiteAmbiguous as g}from"../lib/editor/preview-href.js";import{shopRouteBase as h}from"../lib/web-runtime.js";function E(a){const{pageSlug:m,siteId:t,token:o}=a,[f,i]=l(null),[n,c]=l(null),e=h();u(()=>c(e?new URL(e).hostname:window.location.hostname),[e]),u(()=>{if(!g(n)||!t||!o){i(null);return}let s=!1;return S(o,t).then(p=>{s||i(p)}),()=>{s=!0}},[n,t,o]);const r=d({pageSlug:m,siteSlug:f,hostname:n});return e?`${e}${r}`:r}export{E as usePreviewHref};

package/dist/components/useReducedMotion.d.ts

@@ -0,0 +1,4 @@
+export declare const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+export declare function prefersReducedMotion(): boolean;
+export declare function scrollBehavior(): ScrollBehavior;
+export declare function useReducedMotion(): boolean;

package/dist/components/useReducedMotion.js

@@ -0,0 +1 @@
+"use client";import{useEffect as s,useState as u}from"react";const o="(prefers-reduced-motion: reduce)";function i(){return globalThis.window?.matchMedia?.(o)?.matches??!1}function d(){return i()?"auto":"smooth"}function f(){const[r,t]=u(!1);return s(()=>{const e=globalThis.window?.matchMedia?.(o);if(!e||(t(e.matches),typeof e.addEventListener!="function"))return;const n=c=>t(c.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),r}export{o as REDUCED_MOTION_QUERY,i as prefersReducedMotion,d as scrollBehavior,f as useReducedMotion};

package/dist/components/useSnapshotSource.d.ts

@@ -0,0 +1,17 @@
+export declare function snapshotChanged(a: unknown, b: unknown): boolean;
+export interface SnapshotSource<Row> {
+    rows: Row[] | null;
+    loading: boolean;
+    refreshing: boolean;
+    errored: boolean;
+    refresh: () => void;
+}
+export declare function useSnapshotSource<Row, Value extends {
+    slug: string;
+}>({ load, resolve, snapshot, value, onChange, }: {
+    load: (force?: boolean) => Promise<Row[]>;
+    resolve: (rows: Row[], value: Value) => Row | undefined;
+    snapshot: (row: Row) => Value;
+    value: Value | null | undefined;
+    onChange: (value: Value) => void;
+}): SnapshotSource<Row>;

package/dist/components/useSnapshotSource.js

@@ -0,0 +1 @@
+"use client";import{useEffect as a,useRef as p,useState as c}from"react";function w(f,u){return JSON.stringify(f)!==JSON.stringify(u)}function x({load:f,resolve:u,snapshot:i,value:t,onChange:o}){const[n,l]=c(null),[S,h]=c(!1),[d,g]=c(!1),e=p(!0);return a(()=>(e.current=!0,f().then(r=>{e.current&&l(r)}),()=>{e.current=!1}),[]),a(()=>{if(!t?.slug||n===null)return;const r=u(n,t);if(!r)return;const s=i(r);w(s,t)&&o(s)},[n]),{rows:n,loading:n===null,refreshing:S,errored:d,refresh:()=>{t?.slug&&(h(!0),g(!1),f(!0).then(r=>{if(!e.current)return;l(r);const s=u(r,t);s&&o(i(s))}).catch(()=>{e.current&&g(!0)}).finally(()=>{e.current&&h(!1)}))}}}export{w as snapshotChanged,x as useSnapshotSource};

package/dist/components/useSocialSettings.d.ts

@@ -0,0 +1,14 @@
+import { type SocialRowState, type SocialSaveOutcome } from "./PreviewSocialContext.js";
+import { type SocialPlatform } from "../lib/content/social-links.js";
+export declare const SOCIAL_SAVE_FAILED = "Could not save this link. Check your connection and try again.";
+export declare function socialFieldError(err: unknown, platform: SocialPlatform): string | null;
+export declare function useSocialSettings({ token, siteId, enabled, }: {
+    token: string | null;
+    siteId: string | null;
+    enabled: boolean;
+}): {
+    links: Partial<Record<"facebook" | "instagram" | "pinterest" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin", string>>;
+    rows: Record<"facebook" | "instagram" | "pinterest" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin", SocialRowState>;
+    canSave: boolean;
+    saveLink: (platform: SocialPlatform, value: string) => Promise<SocialSaveOutcome>;
+};

package/dist/components/useSocialSettings.js

@@ -0,0 +1 @@
+"use client";import{useCallback as L,useEffect as A,useMemo as v,useRef as O,useState as C}from"react";import{EMPTY_SOCIAL_ROWS as b}from"./PreviewSocialContext.js";import{SOCIAL_PLATFORMS as d,normalizeSocialLinks as p}from"../lib/content/social-links.js";import{backendOf as w}from"../lib/website-session.js";import{useEditorSession as y}from"../lib/editor-session-context.js";import{WebsiteBackendError as _}from"../lib/web-backend.js";const g="Could not save this link. Check your connection and try again.";function F(n,r){if(!(n instanceof _)||n.kind!=="invalid")return null;const s=n.fields?.[r];return typeof s=="string"&&s.trim()?s:null}function R(n){return Object.fromEntries(d.map(r=>[r,{value:n[r]??"",error:null}]))}function z({token:n,siteId:r,enabled:s}){const[c,i]=C(b),m=O(null),a=O(!1),h=y(),t=w(h).social,o=s&&!!n&&!!r&&!!t;A(()=>{if(!o||!n||!r||!t)return;m.current!==r&&(m.current=r,a.current=!1,i(b));let e=!1;return t.get({siteId:r}).then(l=>{!e&&!a.current&&i(R(l))}).catch(()=>{}),()=>{e=!0}},[o,n,r,t]);const S=L(async(e,l)=>{if(!o||!n||!r||!t)return{ok:!1,error:"There is no website to save to."};try{const f=await t.update({[e]:l.trim()},{siteId:r});return a.current=!0,i(u=>({...u,[e]:{value:f[e]??"",error:null}})),{ok:!0}}catch(f){const u=F(f,e)??g;return i(E=>({...E,[e]:{...E[e],error:u}})),{ok:!1,error:u}}},[o,n,r,t]),k=v(()=>p(Object.fromEntries(d.map(e=>[e,c[e].value]))),[c]);return v(()=>({links:k,rows:c,canSave:o,saveLink:S}),[k,c,o,S])}export{g as SOCIAL_SAVE_FAILED,F as socialFieldError,z as useSocialSettings};

package/dist/components/useStorefrontBlogPosts.d.ts

@@ -0,0 +1,2 @@
+import type { BlogPostRow } from "../lib/web-backend.js";
+export declare const loadStorefrontBlogPosts: (force?: boolean) => Promise<BlogPostRow[]>;

package/dist/components/useStorefrontBlogPosts.js

@@ -0,0 +1 @@
+"use client";import{getEditorSiteId as t}from"../lib/editor-site.js";import{backendOf as e}from"../lib/website-session.js";import{makeSessionLoader as r}from"../lib/editor-session-loader.js";const f=r({fetch:async(n,o)=>await e().blog?.posts(o?{siteId:o}:void 0)??[],keyBy:t});export{f as loadStorefrontBlogPosts};

package/dist/lib/client-only.d.ts

@@ -0,0 +1 @@
+export { clientOnly } from "efficient-easel/screen/lib/client-only";

package/dist/lib/client-only.js

@@ -0,0 +1 @@
+"use client";import{clientOnly as n}from"efficient-easel/screen/lib/client-only";export{n as clientOnly};

package/dist/lib/content/authored-props.d.ts

@@ -0,0 +1,4 @@
+export declare function authoredString(v: unknown, fallback: string): string;
+export declare function authoredNumber(v: unknown, fallback: number): number;
+export declare function authoredBoolean(v: unknown, fallback: boolean): boolean;
+export declare function authoredStringList(v: unknown, fallback: string[]): string[];

package/dist/lib/content/authored-props.js

@@ -0,0 +1 @@
+function o(t,r){if(typeof t=="string")return t||r;if(t&&typeof t=="object"&&"text"in t){const e=t.text;return typeof e=="string"&&e?e:r}return r}function u(t,r){return typeof t=="number"&&Number.isFinite(t)?t:r}function i(t,r){return typeof t=="boolean"?t:r}function p(t,r){if(!Array.isArray(t))return r;const e=t.map(n=>typeof n=="string"?n:o(n?.text,"")).map(n=>n.trim()).filter(Boolean);return e.length?e:r}export{i as authoredBoolean,u as authoredNumber,o as authoredString,p as authoredStringList};

package/dist/lib/content/box-background.d.ts

@@ -0,0 +1,31 @@
+import type { CSSProperties } from "react";
+export declare const CARD_SHADOW_CLASS = "sf-card";
+export declare const BOX_DARKEN: {
+    readonly min: 0;
+    readonly max: 90;
+    readonly step: 5;
+    readonly fallback: 0;
+    readonly unit: "%";
+};
+export declare const BOX_DARKEN_STYLES: readonly [{
+    readonly label: "Even";
+    readonly value: "even";
+}, {
+    readonly label: "From the bottom";
+    readonly value: "bottom";
+}];
+export declare const BOX_CARD_PAD: {
+    readonly desktop: 20;
+    readonly phone: 20;
+    readonly side: 40;
+    readonly sidePhone: 24;
+};
+export declare const BOX_OWNS_SIDES_CLASS = "sf-box-sides";
+export declare const BOX_CARD_SIDE: {
+    readonly min: 0;
+    readonly max: 200;
+    readonly step: 10;
+};
+export declare function isBackgroundBox(src?: string | null): boolean;
+export declare function boxDarkenStyle(darken: unknown, style?: unknown): CSSProperties | null;
+export declare function boxPlacementClasses(anchor: string, direction: string): string;

package/dist/lib/content/box-background.js

@@ -0,0 +1 @@
+const p="sf-card",s={min:0,max:90,step:5,fallback:0,unit:"%"},u=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],l="68%",b={desktop:20,phone:20,side:40,sidePhone:24},d="sf-box-sides",x={min:0,max:200,step:10};function S(t){return typeof t=="string"&&t.trim()!==""}function f(t,r){const e=typeof t=="number"?t:Number.parseFloat(String(t??""));if(!Number.isFinite(e)||e<=0)return null;const n=(Math.min(s.max,Math.max(s.min,e))/100).toFixed(2);return r!=="bottom"?{background:`rgba(0,0,0,${n})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${n}) 0%, rgba(0,0,0,0) ${l})`}}function _(t,r){const e={"top-left":["start","start"],"top-center":["center","start"],"top-right":["end","start"],left:["start","center"],center:["center","center"],right:["end","center"],"bottom-left":["start","end"],"bottom-center":["center","end"],"bottom-right":["end","end"]},[o,n]=e[t]??e.center,[c,a]=r==="column"?[n,o]:[o,n],i={start:"justify-start",center:"justify-center",end:"justify-end"},m={start:"items-start",center:"items-center",end:"items-end"};return`${i[c]} ${m[a]}`}export{b as BOX_CARD_PAD,x as BOX_CARD_SIDE,s as BOX_DARKEN,u as BOX_DARKEN_STYLES,d as BOX_OWNS_SIDES_CLASS,p as CARD_SHADOW_CLASS,f as boxDarkenStyle,_ as boxPlacementClasses,S as isBackgroundBox};

package/dist/lib/content/box-layout.d.ts

@@ -0,0 +1,78 @@
+export declare const BOX_JUSTIFY_POINTS: readonly [{
+    readonly label: "Start";
+    readonly value: "start";
+}, {
+    readonly label: "Center";
+    readonly value: "center";
+}, {
+    readonly label: "Space between";
+    readonly value: "between";
+}, {
+    readonly label: "End";
+    readonly value: "end";
+}];
+export declare const BOX_ALIGN_POINTS: readonly [{
+    readonly label: "Start";
+    readonly value: "start";
+}, {
+    readonly label: "Center";
+    readonly value: "center";
+}, {
+    readonly label: "Stretch";
+    readonly value: "stretch";
+}];
+export declare const BOX_WRAP_LABEL = "Wrap";
+export declare const BOX_WRAP_POINTS: readonly [{
+    readonly label: "Wrap";
+    readonly value: "wrap";
+}, {
+    readonly label: "No wrap";
+    readonly value: "nowrap";
+}];
+export type BoxJustify = (typeof BOX_JUSTIFY_POINTS)[number]["value"];
+export type BoxAlign = (typeof BOX_ALIGN_POINTS)[number]["value"];
+export declare function boxLayoutClasses(justify: unknown, align: unknown): string;
+export declare function boxWrapClass(wrap: unknown): string;
+export declare const BOX_SHARE_LABEL = "Block widths";
+export declare const BOX_SHARE_POINTS: readonly [{
+    readonly label: "Fit content";
+    readonly value: "content";
+    readonly weights: null;
+}, {
+    readonly label: "Equal";
+    readonly value: "equal";
+    readonly weights: readonly [1, 1];
+}, {
+    readonly label: "Big left";
+    readonly value: "bigLeft";
+    readonly weights: readonly [2, 1];
+}, {
+    readonly label: "Big right";
+    readonly value: "bigRight";
+    readonly weights: readonly [1, 2];
+}, {
+    readonly label: "Bigger left";
+    readonly value: "biggerLeft";
+    readonly weights: readonly [3, 1];
+}, {
+    readonly label: "Bigger right";
+    readonly value: "biggerRight";
+    readonly weights: readonly [1, 3];
+}];
+export type BoxShare = (typeof BOX_SHARE_POINTS)[number]["value"];
+export declare function boxShareClasses(share: unknown): string;
+export declare const BOX_PHONE_ROW_LABEL = "Columns on phone";
+export declare const BOX_PHONE_ROW_MIN = 1;
+export declare const BOX_PHONE_ROW_MAX = 3;
+export declare function boxPhoneRowClasses(perRow: unknown): string;
+export declare const BOX_BLOCK_SPACING_LABEL = "Block spacing";
+export declare const BOX_BLOCK_SPACING_POINTS: readonly [{
+    readonly label: "Each block";
+    readonly value: "each";
+}, {
+    readonly label: "Gap only";
+    readonly value: "gap";
+}];
+export type BoxBlockSpacing = (typeof BOX_BLOCK_SPACING_POINTS)[number]["value"];
+export declare const BOX_GAP_ONLY_CLASS = "sf-box-gap-only";
+export declare function boxBlockSpacingClass(spacing: unknown): string;

package/dist/lib/content/box-layout.js

@@ -0,0 +1 @@
+const p=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Space between",value:"between"},{label:"End",value:"end"}],x=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"}],g="Wrap",_=[{label:"Wrap",value:"wrap"},{label:"No wrap",value:"nowrap"}],l={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},n={start:"items-start",center:"items-center",stretch:"items-stretch"};function b(e,t){const r=typeof e=="string"&&e in l?l[e]:"",o=typeof t=="string"&&t in n?n[t]:"";return[r,o].filter(Boolean).join(" ")}function u(e){return e===!0||e==="wrap"?"flex-wrap":""}const S="Block widths",f=[{label:"Fit content",value:"content",weights:null},{label:"Equal",value:"equal",weights:[1,1]},{label:"Big left",value:"bigLeft",weights:[2,1]},{label:"Big right",value:"bigRight",weights:[1,2]},{label:"Bigger left",value:"biggerLeft",weights:[3,1]},{label:"Bigger right",value:"biggerRight",weights:[1,3]}],a="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",s={equal:a,bigLeft:`${a} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${a} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${a} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${a} [&>*:last-child]:min-[800px]:grow-[3]`};function O(e){return typeof e=="string"?s[e]??"":""}const B="Columns on phone",h=1,w=3,i={2:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px))/2)]",3:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px)_*_2)/3)]"};function L(e){const t=Number(e);return i[t]??"max-[800px]:flex-col"}const A="Block spacing",m=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],c="sf-box-gap-only";function v(e){return e==="gap"?c:""}export{x as BOX_ALIGN_POINTS,A as BOX_BLOCK_SPACING_LABEL,m as BOX_BLOCK_SPACING_POINTS,c as BOX_GAP_ONLY_CLASS,p as BOX_JUSTIFY_POINTS,B as BOX_PHONE_ROW_LABEL,w as BOX_PHONE_ROW_MAX,h as BOX_PHONE_ROW_MIN,S as BOX_SHARE_LABEL,f as BOX_SHARE_POINTS,g as BOX_WRAP_LABEL,_ as BOX_WRAP_POINTS,v as boxBlockSpacingClass,b as boxLayoutClasses,L as boxPhoneRowClasses,O as boxShareClasses,u as boxWrapClass};

package/dist/lib/content/button-arrow.d.ts

@@ -0,0 +1,2 @@
+export declare const BUTTON_ARROW_BUILT_IN = true;
+export declare function buttonArrowShown(value: unknown): boolean;

package/dist/lib/content/button-arrow.js

@@ -0,0 +1 @@
+const t=!0;function n(o){return typeof o=="boolean"?o:!0}export{t as BUTTON_ARROW_BUILT_IN,n as buttonArrowShown};

package/dist/lib/content/card-corners.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from "react";
+export { CORNER_SIDES, CORNER_SIDE_POINTS, CORNER_SIDES_LABEL, cornerSidesShorthand, cornerSidesSummary, hasCornerSubset, normalizeCornerSides, type CornerSide, } from "./section-corners.js";
+export declare const CARD_BOX_RADIUS_PROP = "--sf-card-box-radius";
+export declare const SITE_CARD_RADIUS_PROP = "--sf-site-card-radius";
+export declare const CARD_FOLLOWS_SITE_CLASS = "sf-section-bleeds";
+export declare function hasOwnCardCorners(value: unknown): boolean;
+export declare function cardCornerStyle(value: unknown, sides?: unknown): CSSProperties | undefined;
+export declare function siteCardRadiusTokens(rootTokens: Record<string, string>): Record<string, string>;
+type CardNode = {
+    props?: Record<string, unknown>;
+};
+export declare function cardsWithSharedCorners<T extends CardNode>(cards: readonly T[], sourceId: string): T[];

package/dist/lib/content/card-corners.js

@@ -0,0 +1 @@
+import{cornerRadiusTokens as d,normalizeCornerRadius as S}from"../theme.js";import{CARD_RADIUS_PROP as t,cornerSidesShorthand as p,hasCornerSubset as u,normalizeCornerSides as c}from"./section-corners.js";import{CORNER_SIDES as E,CORNER_SIDE_POINTS as I,CORNER_SIDES_LABEL as b,cornerSidesShorthand as P,cornerSidesSummary as y,hasCornerSubset as L,normalizeCornerSides as N}from"./section-corners.js";const C="--sf-card-box-radius",a="--sf-site-card-radius",m="sf-section-bleeds";function f(r){return typeof r=="number"&&Number.isFinite(r)}function O(r,o){if(!f(r))return;const e=d(S(r))[t];if(typeof e!="string")return;const s=u(o)?p(e,c(o)??[]):e;return{[C]:s}}function x(r){const o=r[t];return typeof o=="string"?{[a]:o}:{}}function D(r,o){const e=r.find(n=>n?.props?.id===o);if(!e)return[...r];const s=e.props?.cardCorners,i=e.props?.cardCornerSides;return r.map(n=>n?.props?.id===o?n:{...n,props:{...n.props,cardCorners:s,cardCornerSides:i}})}export{C as CARD_BOX_RADIUS_PROP,m as CARD_FOLLOWS_SITE_CLASS,E as CORNER_SIDES,b as CORNER_SIDES_LABEL,I as CORNER_SIDE_POINTS,a as SITE_CARD_RADIUS_PROP,O as cardCornerStyle,D as cardsWithSharedCorners,P as cornerSidesShorthand,y as cornerSidesSummary,L as hasCornerSubset,f as hasOwnCardCorners,N as normalizeCornerSides,x as siteCardRadiusTokens};

package/dist/lib/content/card-image-background.d.ts

@@ -0,0 +1,11 @@
+export declare const CARD_IMAGE_BG_SWATCHES: readonly ["transparent", "var(--wheel-stage)", "var(--surface)", "var(--surface-2)"];
+export declare const CARD_IMAGE_BG_SWATCH_NAMES: Readonly<Record<string, string>>;
+export declare const THEME_CARD_IMAGE_BG = "var(--wheel-stage)";
+export declare const CARD_IMAGE_BG_OFF = "transparent";
+export declare const CARD_IMAGE_BG_INHERIT: "inherit";
+export type CardImageBackground = string | boolean | undefined;
+export declare function resolveCardImageBackground(stored: CardImageBackground, builtIn: string): string;
+export declare function resolveBoundCardImageBackground(stored: CardImageBackground): string;
+export declare function cardImageBackgroundPaints(fill: string): boolean;
+export declare function isCardImageBackgroundInheriting(stored: CardImageBackground, builtIn: string): boolean;
+export declare function parseCardImageBackground(value: unknown, builtIn: string): string;

package/dist/lib/content/card-image-background.js

@@ -0,0 +1 @@
+const f=["transparent","var(--wheel-stage)","var(--surface)","var(--surface-2)"],o={transparent:"No fill","var(--wheel-stage)":"Image stage","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},e="var(--wheel-stage)",a="transparent",t="inherit";function u(r,n){return r===t?e:r==null?n:r===!0?e:r===!1?a:r}function c(r){return typeof r=="string"&&r!==t?r:e}function i(r){return r!==a&&r!=="none"&&r!==""}function g(r,n){return r===t||r===!0?!0:r==null?n===e:!1}function s(r,n){return typeof r=="string"||typeof r=="boolean"||r===void 0||r===null?u(r,n):n}export{t as CARD_IMAGE_BG_INHERIT,a as CARD_IMAGE_BG_OFF,f as CARD_IMAGE_BG_SWATCHES,o as CARD_IMAGE_BG_SWATCH_NAMES,e as THEME_CARD_IMAGE_BG,i as cardImageBackgroundPaints,g as isCardImageBackgroundInheriting,s as parseCardImageBackground,c as resolveBoundCardImageBackground,u as resolveCardImageBackground};

package/dist/lib/content/card-image-shape.d.ts

@@ -0,0 +1,5 @@
+import { CORNER_RADIUS_MAX, CORNER_RADIUS_MIN } from "../theme.js";
+export { CORNER_RADIUS_MAX, CORNER_RADIUS_MIN };
+export declare const CARD_IMAGE_RADIUS_STEP = 1;
+export declare function normalizeCardImageRadius(v?: number | string | null): number | null;
+export declare function cardImageShapeTokens(v?: number | string | null): Record<string, string>;

package/dist/lib/content/card-image-shape.js

@@ -0,0 +1 @@
+import{CORNER_RADIUS_MAX as o,CORNER_RADIUS_MIN as n,normalizeCornerRadius as a}from"../theme.js";const i=1;function t(r){return a(r)}function p(r){const e=t(r);return e===null?{}:{"--sf-card-image-radius":`${e}px`}}export{i as CARD_IMAGE_RADIUS_STEP,o as CORNER_RADIUS_MAX,n as CORNER_RADIUS_MIN,p as cardImageShapeTokens,t as normalizeCardImageRadius};

package/dist/lib/content/cart-drawer.d.ts

@@ -0,0 +1,20 @@
+export declare const CART_DRAWER_SLUG = "cart-drawer";
+export declare const CART_DRAWER_KIND = "cart-drawer";
+export declare const CART_DRAWER_PAGE_TITLE = "Overlay - CartDrawer";
+export interface CartDrawerContent {
+    kickerBadge: string;
+    kickerText: string;
+    titleLead: string;
+    titleAccent: string;
+    subtitleEmpty: string;
+    subtitleOne: string;
+    subtitleMany: string;
+    leadTimeValue: string;
+    shipsToFallback: string;
+    promises: string[];
+    emptyKicker: string;
+    emptyBody: string;
+}
+export declare const CART_DRAWER_DEFAULTS: CartDrawerContent;
+export declare function cartSubtitle(content: CartDrawerContent, count: number): string;
+export declare function resolveCartDrawerContent(rootProps: Record<string, unknown> | undefined | null): CartDrawerContent;

package/dist/lib/content/cart-drawer.js

@@ -0,0 +1 @@
+import{authoredString as r,authoredStringList as a}from"./authored-props.js";const o="cart-drawer",c="cart-drawer",n="Overlay - CartDrawer",l={kickerBadge:"",kickerText:"Your order",titleLead:"Your",titleAccent:"cart.",subtitleEmpty:"Empty for now.",subtitleOne:"One set in your cart.",subtitleMany:"{count} sets in your cart.",leadTimeValue:"",shipsToFallback:"",promises:[],emptyKicker:"No wheels yet",emptyBody:"Your cart is empty. Pick a wheel to get started."};function u(i,e){return e===0?i.subtitleEmpty:e===1?i.subtitleOne:i.subtitleMany.replace("{count}",String(e))}function p(i){const e=i??{},t=l;return{kickerBadge:r(e.kickerBadge,t.kickerBadge),kickerText:r(e.kickerText,t.kickerText),titleLead:r(e.titleLead,t.titleLead),titleAccent:r(e.titleAccent,t.titleAccent),subtitleEmpty:r(e.subtitleEmpty,t.subtitleEmpty),subtitleOne:r(e.subtitleOne,t.subtitleOne),subtitleMany:r(e.subtitleMany,t.subtitleMany),leadTimeValue:r(e.leadTimeValue,t.leadTimeValue),shipsToFallback:r(e.shipsToFallback,t.shipsToFallback),promises:a(e.promises,t.promises),emptyKicker:r(e.emptyKicker,t.emptyKicker),emptyBody:r(e.emptyBody,t.emptyBody)}}export{l as CART_DRAWER_DEFAULTS,c as CART_DRAWER_KIND,n as CART_DRAWER_PAGE_TITLE,o as CART_DRAWER_SLUG,u as cartSubtitle,p as resolveCartDrawerContent};

package/dist/lib/content/contact.d.ts

@@ -0,0 +1,79 @@
+import type { MapThemeMode } from "../map-styles.js";
+export interface ContactLocationsContent {
+    sectionNumber: string;
+    heading: string;
+    tagline: string;
+    galleryKicker: string;
+    galleryHint: string;
+    apiKey: string;
+    mapId: string;
+    mapTheme: MapThemeMode;
+}
+export declare const LOCATION_TILE_SHAPES: readonly ["tall", "square", "wide"];
+export type LocationTileShape = (typeof LOCATION_TILE_SHAPES)[number];
+export declare const LOCATION_TILE_SHAPE_DEFAULT: LocationTileShape;
+export declare function parseLocationTileShape(value: unknown): LocationTileShape;
+export declare const CONTACT_LOCATIONS_DEFAULTS: ContactLocationsContent;
+export interface GeocodeState {
+    pending?: boolean;
+    ok?: boolean;
+    status?: string;
+    manual?: boolean;
+    lat?: number;
+    lng?: number;
+}
+export interface ContactLocationCard {
+    photo: string;
+    group: string;
+    groupName: string;
+    name: string;
+    state: string;
+    country: string;
+    region?: string;
+    timezone: string;
+    address: React.ReactNode;
+    phone: string;
+    hours: React.ReactNode;
+    lat: number;
+    lng: number;
+    geocode?: GeocodeState;
+    mapsUrl: string;
+}
+export declare const CONTACT_LOCATIONS_CARDS_PLACEHOLDER: ContactLocationCard[];
+export declare function splitLegacyRegion(region?: string): {
+    state: string;
+    country: string;
+};
+export interface RoutingGroup {
+    id: string;
+    eyebrow: string;
+    title: string;
+    copy: string;
+    response: string;
+}
+export interface ContactChannel {
+    label: string;
+    value: string;
+    href: string;
+    sub: string;
+    groupId?: string;
+    hidden?: boolean;
+}
+export interface ContactRoutingContent {
+    routingNumber: string;
+    routingTagline: string;
+    groups: RoutingGroup[];
+    formNumber: string;
+    formHeading: string;
+    metaLines: string[];
+    showOther: boolean;
+    otherLabel: string;
+    otherNoteTitle: string;
+    otherNoteBody: string;
+    buttonText: string;
+    consent: string;
+    channels: ContactChannel[];
+}
+export declare const OTHER_REASON_ID = "other";
+export declare const CONTACT_ROUTING_DEFAULTS: ContactRoutingContent;
+export declare function slugifyGroupId(s: string | undefined): string;

package/dist/lib/content/contact.js

@@ -0,0 +1,3 @@
+import{slugify as o}from"../slugify.js";const r=["tall","square","wide"],i="tall";function n(e){return r.includes(String(e??""))?String(e):i}const l={sectionNumber:"\xB7 Locations",heading:"Our *locations.*",tagline:"Visit us in person \u2014 find your nearest studio below.",galleryKicker:"Gallery",galleryHint:"Hover to see in colour \xB7 click to jump",apiKey:"",mapId:"",mapTheme:"auto"},s=[{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
+Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""},{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
+Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""}];function u(e){const t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}const p="other",m={routingNumber:"02 \xB7 Routing",routingTagline:"What can we help you with?",groups:[{id:"fitment",eyebrow:"A \xB7 Label",title:"Group one",copy:"Short description of this routing group.",response:"< 48h"},{id:"trade",eyebrow:"B \xB7 Label",title:"Group two",copy:"Short description of this routing group.",response:"< 24h"},{id:"press",eyebrow:"C \xB7 Label",title:"Group three",copy:"Short description of this routing group.",response:"< 48h"},{id:"order",eyebrow:"D \xB7 Label",title:"Group four",copy:"Short description of this routing group.",response:"< 24h"}],formNumber:"03 \xB7 Message",formHeading:"Send *a note.*",metaLines:["Encrypted in transit","Stored 12 months"],showOther:!0,otherLabel:"Other",otherNoteTitle:"No matching team",otherNoteBody:"Tell us what you need in the message field below \u2014 we'll route it to whoever can help.",buttonText:"Send Message \u2192",consent:"By submitting, you agree to our privacy policy. We never share contact details with third parties.",channels:[{label:"Team one",value:"team-one@email.com",href:"mailto:team-one@email.com",sub:"Detail \xB7 Detail",groupId:"fitment"},{label:"Team two",value:"team-two@email.com",href:"mailto:team-two@email.com",sub:"Detail \xB7 Detail",groupId:"trade"},{label:"Team three",value:"team-three@email.com",href:"mailto:team-three@email.com",sub:"Detail \xB7 Detail",groupId:"press"},{label:"Team four",value:"team-four@email.com",href:"mailto:team-four@email.com",sub:"Detail \xB7 Detail",groupId:"order"},{label:"Phone",value:"+1 (000) 000-0000",href:"tel:+10000000000",sub:"Mon\u2013Fri \xB7 9:00\u201318:00"}]};function h(e){return o(e)}export{s as CONTACT_LOCATIONS_CARDS_PLACEHOLDER,l as CONTACT_LOCATIONS_DEFAULTS,m as CONTACT_ROUTING_DEFAULTS,r as LOCATION_TILE_SHAPES,i as LOCATION_TILE_SHAPE_DEFAULT,p as OTHER_REASON_ID,n as parseLocationTileShape,h as slugifyGroupId,u as splitLegacyRegion};

package/dist/lib/content/container-direction.d.ts

@@ -0,0 +1,14 @@
+export type DirectionContainer = "Flex" | "HeroGroup";
+export declare const CONTAINER_DIRECTIONS: readonly ["column", "row", "tabs"];
+export type ContainerDirection = (typeof CONTAINER_DIRECTIONS)[number];
+export declare const CONTAINER_DIRECTION_LABEL = "Direction";
+export declare const CONTAINER_DIRECTION_LABELS: Readonly<Record<ContainerDirection, string>>;
+export declare const CONTAINER_DIRECTION_OFFERED: Readonly<Record<DirectionContainer, readonly ContainerDirection[]>>;
+export declare const CONTAINER_DIRECTION_BUILT_IN: Readonly<Record<DirectionContainer, ContainerDirection>>;
+export declare const CONTAINER_DIRECTION_CLASS: Readonly<Record<ContainerDirection, string>>;
+export declare function resolveContainerDirection(container: DirectionContainer, value: unknown): ContainerDirection;
+export declare function containerDirectionClass(container: DirectionContainer, value: unknown): string;
+export declare function containerDirectionPoints(container: DirectionContainer): {
+    label: string;
+    value: ContainerDirection;
+}[];

package/dist/lib/content/container-direction.js

@@ -0,0 +1 @@
+const n=["column","row","tabs"],E="Direction",e={column:"Stacked",row:"One row",tabs:"Tabs"},t={Flex:n,HeroGroup:["column","row"]},c={Flex:"row",HeroGroup:"column"},I={column:"flex-col",row:"flex-row",tabs:"flex-col"};function N(r,o){return t[r].includes(o)?o:c[r]}function i(r,o){return I[N(r,o)]}function l(r){return t[r].map(o=>({label:e[o],value:o}))}export{n as CONTAINER_DIRECTIONS,c as CONTAINER_DIRECTION_BUILT_IN,I as CONTAINER_DIRECTION_CLASS,E as CONTAINER_DIRECTION_LABEL,e as CONTAINER_DIRECTION_LABELS,t as CONTAINER_DIRECTION_OFFERED,i as containerDirectionClass,l as containerDirectionPoints,N as resolveContainerDirection};

package/dist/lib/content/container-gap.d.ts

@@ -0,0 +1,31 @@
+import type { CSSProperties } from "react";
+export type GapContainer = "Grid" | "Flex" | "FooterGroup" | "HeroGroup" | "Events" | "GalleryB" | "ProductGrid";
+export declare const GAP_FIELD_CONTAINER: "sf.gapContainer";
+export declare const CONTAINER_GAP: {
+    readonly min: -32;
+    readonly max: 64;
+    readonly step: 2;
+};
+export declare const CONTAINER_GAP_LEGACY: Readonly<Record<GapContainer, Readonly<Record<string, number>> | null>>;
+export declare const CONTAINER_GAP_BUILT_IN: Readonly<Record<GapContainer, number>>;
+export declare const CARD_GRID_CONTAINERS: ReadonlySet<GapContainer>;
+export declare function resolveContainerGap(container: GapContainer, value: unknown, siteGap?: number | null): number;
+export type GapAxis = "block" | "inline" | "both";
+export declare const GAP_OVERLAP_CLASS = "sf-gap-overlap";
+export declare const GAP_OVERLAP_VAR = "--sf-gap-overlap";
+export declare const SITE_BLOCK_GAP_VAR = "--sf-block-gap";
+export declare const SITE_BLOCK_GAP_REM_VAR = "--sf-block-gap-rem";
+export declare const SITE_BLOCK_GAP: {
+    readonly min: 0;
+    readonly max: 64;
+    readonly step: 2;
+};
+export declare function normalizeSiteBlockGap(v?: number | null): number | null;
+export declare function siteBlockGapTokens(v?: number | null): Record<string, string>;
+export declare const GAP_ZONE_CLASS = "sf-gap-zone";
+export declare const GAP_LENGTH_VAR = "--sf-gap-len";
+export declare function hasOwnContainerGap(container: GapContainer, value: unknown): boolean;
+export declare function containerGapProps(container: GapContainer, value: unknown, axis: GapAxis): {
+    className: string;
+    style: CSSProperties;
+};

package/dist/lib/content/container-gap.js

@@ -0,0 +1 @@
+const g="sf.gapContainer",o={min:-32,max:64,step:2},i={Grid:{sm:12,md:24,lg:40},Flex:{sm:12,md:24,lg:40},FooterGroup:{sm:8,md:16,lg:32},HeroGroup:null,Events:null,GalleryB:null,ProductGrid:null},l={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},u=new Set(["Events","GalleryB"]);function x(r,t,n){if(typeof t=="number"&&Number.isFinite(t)&&t>=o.min)return t;if(typeof t=="string"){const e=i[r]?.[t];if(typeof e=="number")return e}return typeof n=="number"&&Number.isFinite(n)?n:l[r]}const A="sf-gap-overlap",_="--sf-gap-overlap",a="--sf-block-gap",G="--sf-block-gap-rem",p={min:0,max:o.max,step:o.step};function N(r){if(typeof r!="number"||!Number.isFinite(r))return null;const t=Math.min(Math.max(Math.round(r),p.min),p.max);return t-t%p.step}function P(r){const t=N(r);return t===null?{}:{[a]:`${t}px`,[G]:`${t/16}rem`}}const c="sf-gap-zone",f="--sf-gap-len";function E(r,t){return typeof t=="number"&&Number.isFinite(t)&&t>=o.min?!0:typeof t=="string"&&typeof i[r]?.[t]=="number"}const b={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function C(r,t,n){if(!E(r,t)){const s=`${l[r]}px`,m=u.has(r)?`var(--sf-card-gap, ${s})`:s;return{className:` ${c}`,style:{[f]:`var(${a}, ${m})`}}}const e=x(r,t);return e>=0?{className:` ${c}`,style:{[f]:`${e}px`}}:{className:` ${A} ${b[n]}`,style:{gap:"0px",[_]:`${-e/2}px`}}}export{u as CARD_GRID_CONTAINERS,o as CONTAINER_GAP,l as CONTAINER_GAP_BUILT_IN,i as CONTAINER_GAP_LEGACY,g as GAP_FIELD_CONTAINER,f as GAP_LENGTH_VAR,A as GAP_OVERLAP_CLASS,_ as GAP_OVERLAP_VAR,c as GAP_ZONE_CLASS,p as SITE_BLOCK_GAP,G as SITE_BLOCK_GAP_REM_VAR,a as SITE_BLOCK_GAP_VAR,C as containerGapProps,E as hasOwnContainerGap,N as normalizeSiteBlockGap,x as resolveContainerGap,P as siteBlockGapTokens};

package/dist/lib/content/footer.d.ts

@@ -0,0 +1,30 @@
+import type { ViewTier } from "./view-tiers.js";
+export declare const SITE_FOOTER_SLUG = "site-footer";
+export declare const FOOTER_SOURCE_SLUG = "site-footer";
+export declare const SITE_FOOTER_KIND = "site-footer";
+export type LogoFill = Record<ViewTier, boolean>;
+export declare const LOGO_FILL_DEFAULT: LogoFill;
+export declare const LOGO_ROW_FILL_DEFAULT: LogoFill;
+export type FooterColumns = Record<ViewTier, number>;
+export declare const FOOTER_COLUMNS_MIN = 1;
+export declare const FOOTER_COLUMNS_MAX = 6;
+export declare const FOOTER_COLUMN_STEPS: number[];
+export declare const FOOTER_COLUMNS_DEFAULT: FooterColumns;
+export declare function normalizeFooterColumns(value: unknown): FooterColumns;
+export interface FooterBlock {
+    type: "Footer";
+    props: Record<string, unknown> & {
+        id?: string;
+    };
+}
+export declare function extractFooterBlock(layout: unknown): FooterBlock | null;
+export declare function extractDrawnFooter(layout: unknown): FooterBlock | null;
+export declare const SITE_FOOTER_GROUP_TYPE = "SiteFooter";
+export declare const SITE_HEADER_GROUP_TYPE = "SiteHeader";
+export declare function extractHeaderGroup(layout: unknown): FooterBlock | null;
+export declare function extractFooterRootProps(layout: unknown): Record<string, unknown> | null;
+export interface FooterSource {
+    block: FooterBlock | null;
+    headerGroup: FooterBlock | null;
+    rootProps: Record<string, unknown> | null;
+}

package/dist/lib/content/footer.js

@@ -0,0 +1 @@
+const c="site-footer",_=c,u=c,f={desktop:!0,tablet:!0,mobile:!0},E={desktop:!1,tablet:!1,mobile:!1},p=1,l=6,x=Array.from({length:l-p+1},(t,o)=>p+o),n={desktop:6,tablet:3,mobile:2},i={2:{desktop:2,tablet:2,mobile:1},3:{desktop:3,tablet:3,mobile:1},4:{desktop:4,tablet:2,mobile:2},5:{desktop:5,tablet:3,mobile:2},6:{desktop:6,tablet:3,mobile:2}},r=t=>Math.min(Math.max(Math.round(t),p),l);function m(t){if(typeof t=="number")return i[r(t)]??{desktop:r(t),tablet:r(t),mobile:r(t)};if(t&&typeof t=="object"){const o=t;return{desktop:r(o.desktop??n.desktop),tablet:r(o.tablet??n.tablet),mobile:r(o.mobile??n.mobile)}}return{...n}}function b(t){const o=t?.content;return Array.isArray(o)?o.find(e=>!!e&&typeof e=="object"&&e.type==="Footer")??null:null}function F(t){const o=t?.content;return Array.isArray(o)?o.find(e=>!!e&&typeof e=="object"&&e.type===O)??b(t):null}const O="SiteFooter",a="SiteHeader";function T(t){const o=t?.content;return Array.isArray(o)?o.find(e=>!!e&&typeof e=="object"&&e.type===a)??null:null}function d(t){const o=t?.root?.props;return o&&typeof o=="object"&&!Array.isArray(o)?o:null}export{n as FOOTER_COLUMNS_DEFAULT,l as FOOTER_COLUMNS_MAX,p as FOOTER_COLUMNS_MIN,x as FOOTER_COLUMN_STEPS,_ as FOOTER_SOURCE_SLUG,f as LOGO_FILL_DEFAULT,E as LOGO_ROW_FILL_DEFAULT,O as SITE_FOOTER_GROUP_TYPE,u as SITE_FOOTER_KIND,c as SITE_FOOTER_SLUG,a as SITE_HEADER_GROUP_TYPE,F as extractDrawnFooter,b as extractFooterBlock,d as extractFooterRootProps,T as extractHeaderGroup,m as normalizeFooterColumns};

package/dist/lib/content/footprint.d.ts

@@ -0,0 +1,22 @@
+import type { MapThemeMode } from "../map-styles.js";
+import type { GeocodeState } from "./contact.js";
+export interface FootprintOffice {
+    role: string;
+    city: string;
+    country: string;
+    address?: string;
+    lat: number;
+    lng: number;
+    geocode?: GeocodeState;
+    hq: boolean;
+    group?: string;
+}
+export interface FootprintContent {
+    sectionNumber: string;
+    heading: string;
+    tagline: string;
+    apiKey: string;
+    mapId: string;
+    mapTheme: MapThemeMode;
+}
+export declare const FOOTPRINT_DEFAULTS: FootprintContent;

package/dist/lib/content/footprint.js

@@ -0,0 +1 @@
+const e={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};export{e as FOOTPRINT_DEFAULTS};

package/dist/lib/content/gallery-card-layout.d.ts

@@ -0,0 +1,7 @@
+export declare const GALLERY_CARD_RATIOS: readonly ["square", "tall", "wide", "landscape", "portrait", "auto"];
+export type GalleryCardRatio = (typeof GALLERY_CARD_RATIOS)[number];
+export declare const GALLERY_CARD_RATIO_DEFAULT: GalleryCardRatio;
+export declare function galleryCardRatioClass(ratio?: string): string;
+export declare const GALLERY_CAPTION_PLACES: readonly ["overlay", "below"];
+export type GalleryCaptionPlace = (typeof GALLERY_CAPTION_PLACES)[number];
+export declare function galleryCaptionIsBelow(place?: string): boolean;

package/dist/lib/content/gallery-card-layout.js

@@ -0,0 +1 @@
+const t=["square","tall","wide","landscape","portrait","auto"],a="square";function r(e){switch(e){case"tall":return"aspect-[3/4]";case"wide":return"aspect-[2/1]";case"landscape":return"aspect-[4/3]";case"portrait":return"aspect-[4/5]";case"auto":return"";default:return"aspect-square"}}const s=["overlay","below"];function o(e){return e==="below"}export{s as GALLERY_CAPTION_PLACES,t as GALLERY_CARD_RATIOS,a as GALLERY_CARD_RATIO_DEFAULT,o as galleryCaptionIsBelow,r as galleryCardRatioClass};