efficient-storefront-blocks 0.34.0 → 0.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +70 -0
- package/dist/chunks/{EditorPreviewCheckout-PVUT5RZD.js → EditorPreviewCheckout-SKKKKPGY.js} +1 -1
- package/dist/chunks/SiteEditorProvider-5GEAEYON.js +1 -0
- package/dist/chunks/chunk-4EH3ICKL.js +249 -0
- package/dist/chunks/{chunk-ZK4TVVHJ.js → chunk-5XTSI7QI.js} +1 -1
- package/dist/chunks/{chunk-P5QC7OSD.js → chunk-JBQJN7EB.js} +1 -1
- package/dist/chunks/{chunk-OADA35KT.js → chunk-XPQ4SKME.js} +1 -1
- package/dist/chunks/{fitment-data-6ZBHHNJ6.js → fitment-data-LCDKZQGW.js} +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.js +256 -53
- package/dist/words.d.ts +28 -16
- package/dist/words.js +5 -5
- package/package.json +3 -3
- package/dist/chunks/PreviewFooter-7NEJ5BU4.js +0 -1
- package/dist/chunks/SiteEditorProvider-KJTQSHQI.js +0 -1
- package/dist/chunks/chunk-D6F4PRBB.js +0 -154
- package/dist/chunks/chunk-D6F4PRBB.js.LEGAL.txt +0 -5
- package/dist/chunks/chunk-FF2KE5VQ.js +0 -234
- package/dist/chunks/chunk-G5OLLOCT.js +0 -16
- package/dist/chunks/render-client-5K4A4MV2.js +0 -1
- /package/dist/chunks/{SectionEditorShell-DBJN2ZWK.js → SectionEditorShell-MADEVNR6.js} +0 -0
- /package/dist/chunks/{chunk-G5OLLOCT.js.LEGAL.txt → chunk-4EH3ICKL.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-TNXPBHCM.js → chunk-VUQAJ7FV.js} +0 -0
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import{$ as nt,A as Qc,Aa as Id,B as Jc,Ba as hd,C as ua,Ca as gd,D as bo,Da as bd,E as Go,F as Ct,G as vt,Ga as yd,I as ed,Ja as ma,Ka as Sd,L as Tl,Ma as te,N as od,Na as Cd,O as Fl,Pa as xa,Q as td,Qa as vd,R as rd,Ra as wd,T as ad,U as nd,V as ld,W as sd,Z as id,_ as ro,a as Gc,aa as fd,ba as yo,c as zc,ca as pa,d as xr,e as $c,ea as cd,f as jc,fa as El,g as Kc,h as io,i as _o,ia as dd,j as da,ja as Ll,k as Vc,la as Pl,n as St,o as vl,p as Xc,pa as ud,r as wl,ua as Rl,va as pd,w as Yc,x as Zc,xa as md,y as kl,z as fo,za as xd}from"./chunk-JBQJN7EB.js";import{a as Wc,c as so,l as Uc,m as mr,n as qc,q as kd,u as Ol}from"./chunk-VUQAJ7FV.js";var Ia=null,Cy="en",Fd=null;function dD(e,o,t){Ia=e??null,Cy=o||"en",Fd=t??null}function J(){return Fd}function Ed(){return Ia}function Td(e,o){return o?e.replace(/\{([A-Za-z][A-Za-z0-9_]*)\}/g,(t,r)=>Object.prototype.hasOwnProperty.call(o,r)?String(o[r]):t):e}function l(e,o){let t=Ia?Ia[e]:void 0;if(typeof t=="function"){try{let r=t(o??{});if(typeof r=="string"&&r)return r}catch{}return Td(e,o)}return Td(typeof t=="string"&&t?t:e,o)}function lt(e,o,t,r){return l(t===1?e:o,{...r,n:t})}import{EaselSessionProvider as mD,useEaselSession as Be}from"efficient-easel/screen/lib/session-context";import{hostLoadRefusalOf as vy,hostUnreachableMessage as wy,isBackendError as ky,provideHostFailures as Ty,readHostFailure as Fy,STATUS_UNREACHABLE as Ey,WebsiteBackendError as Al}from"efficient-easel/screen/lib/backend-error";import{createEaselHost as SD,DETACHED_EASEL_HOST as CD,EaselHostContext as vD,EaselHostProvider as wD,useEaselHost as wt}from"efficient-easel/screen/lib/host";function Ge(e,o){if(typeof e=="string")return e||o;if(e&&typeof e=="object"&&"text"in e){let t=e.text;return typeof t=="string"&&t?t:o}return o}function Ld(e,o){return typeof e=="number"&&Number.isFinite(e)?e:o}function Pd(e,o){return typeof e=="boolean"?e:o}function ha(e,o){if(!Array.isArray(e))return o;let t=e.map(r=>typeof r=="string"?r:Ge(r?.text,"")).map(r=>r.trim()).filter(Boolean);return t.length?t:o}var Rd="cart-drawer",ED="cart-drawer";var Ly={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 LD(e,o){return o===0?e.subtitleEmpty:o===1?e.subtitleOne:e.subtitleMany.replace("{count}",String(o))}function PD(e){let o=e??{},t=Ly;return{kickerBadge:Ge(o.kickerBadge,t.kickerBadge),kickerText:Ge(o.kickerText,t.kickerText),titleLead:Ge(o.titleLead,t.titleLead),titleAccent:Ge(o.titleAccent,t.titleAccent),subtitleEmpty:Ge(o.subtitleEmpty,t.subtitleEmpty),subtitleOne:Ge(o.subtitleOne,t.subtitleOne),subtitleMany:Ge(o.subtitleMany,t.subtitleMany),leadTimeValue:Ge(o.leadTimeValue,t.leadTimeValue),shipsToFallback:Ge(o.shipsToFallback,t.shipsToFallback),promises:ha(o.promises,t.promises),emptyKicker:Ge(o.emptyKicker,t.emptyKicker),emptyBody:Ge(o.emptyBody,t.emptyBody)}}var Py=["meta","eyebrow","heading","body","statName","statValue","formEyebrow","formHeading","formIntro","fieldLabel","option","finePrint","dismiss","doneHeading","doneBody"],AD={meta:"Meta line",eyebrow:"Eyebrow",heading:"Heading",body:"Body",statName:"Stat name",statValue:"Stat value",formEyebrow:"Form eyebrow",formHeading:"Form heading",formIntro:"Form intro",fieldLabel:"Field label",option:"Option",finePrint:"Fine print",dismiss:"Dismiss link",doneHeading:"Success heading",doneBody:"Success message"},Ry={meta:"styleMeta",eyebrow:"styleEyebrow",heading:"styleHeading",body:"styleBody",statName:"styleStatName",statValue:"styleStatValue",formEyebrow:"styleFormEyebrow",formHeading:"styleFormHeading",formIntro:"styleFormIntro",fieldLabel:"styleFieldLabel",option:"styleOption",finePrint:"styleFinePrint",dismiss:"styleDismiss",doneHeading:"styleDoneHeading",doneBody:"styleDoneBody"},BD={meta:{font:"--pp-meta-font",size:"--pp-meta-size"},eyebrow:{font:"--pp-eyebrow-font",size:"--pp-eyebrow-size"},heading:{font:"--pp-heading-font",size:"--pp-heading-size"},body:{font:"--pp-body-font",size:"--pp-body-size"},statName:{font:"--pp-statname-font",size:"--pp-statname-size"},statValue:{font:"--pp-statvalue-font",size:"--pp-statvalue-size"},formEyebrow:{font:"--pp-formeyebrow-font",size:"--pp-formeyebrow-size"},formHeading:{font:"--pp-formheading-font",size:"--pp-formheading-size"},formIntro:{font:"--pp-formintro-font",size:"--pp-formintro-size"},fieldLabel:{font:"--pp-fieldlabel-font",size:"--pp-fieldlabel-size"},option:{font:"--pp-option-font",size:"--pp-option-size"},finePrint:{font:"--pp-fineprint-font",size:"--pp-fineprint-size"},dismiss:{font:"--pp-dismiss-font",size:"--pp-dismiss-size"},doneHeading:{font:"--pp-doneheading-font",size:"--pp-doneheading-size"},doneBody:{font:"--pp-donebody-font",size:"--pp-donebody-size"}};function Oy(e){return typeof e=="string"&&_o.includes(e)?e:null}function Od(e){let o={};for(let t of Py){let r=Oy(e[Ry[t]]);r&&(o[t]=r)}return o}var kt="site-footer";var _D=kt,ND={desktop:!0,tablet:!0,mobile:!0},MD={desktop:!1,tablet:!1,mobile:!1},Bl=1,Ad=6,HD=Array.from({length:Ad-Bl+1},(e,o)=>Bl+o),ga={desktop:6,tablet:3,mobile:2},Ay={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}},st=e=>Math.min(Math.max(Math.round(e),Bl),Ad);function WD(e){if(typeof e=="number")return Ay[st(e)]??{desktop:st(e),tablet:st(e),mobile:st(e)};if(e&&typeof e=="object"){let o=e;return{desktop:st(o.desktop??ga.desktop),tablet:st(o.tablet??ga.tablet),mobile:st(o.mobile??ga.mobile)}}return{...ga}}var By="subscribe-popup",jD="subscribe-popup";var Dy=[By,kt,Rd];function _d(e){return Dy.includes(e)}var _y=["delay","scroll","exit"],Ny=["all","chosen"],My=["visit","days","never"],Hy=["right","left"],Wy={min:0,max:60},Gy={min:10,max:90},zy={min:1,max:90},_l={metaLabel:"Meta label",issueLabel:"Label",issueNumber:"00",kicker:"Kicker",heading:`Main heading
|
|
2
|
+
*Highlight line*`,deck:"Add a sentence or two of supporting copy.",stats:[{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"}],formLabel:"Section label",formHeading:"Main heading *highlight*",formIntro:"Add a sentence or two of supporting copy.",firstNameLabel:"Field label",firstNamePlaceholder:"Placeholder",emailLabel:"Field label",emailPlaceholder:"Placeholder",interestsLabel:"Field label",interests:["Option one","Option two","Option three"],frequencyLabel:"Field label",frequencies:["Option one","Option two","Option three"],submitText:"Button label",finePrint:"Fine print",dismissText:"Dismiss link",emailInvalidText:"Enter a valid email address.",submitErrorText:"Could not subscribe right now. Please try again.",successHeading:"Main heading *highlight*",successBody:"Add a sentence or two of supporting copy \u2014 the {email} and {issue} tokens are substituted here.",keepBrowsingText:"Button label",autoOpen:!1,autoOpenDelaySec:15,formSlug:"",trigger:"delay",scrollPercent:50,showOn:"all",showOnPages:[],hideAfter:"days",hideDays:7,formSide:"right",valuePanelOnPhone:!1,sectionAccent:void 0,sectionCorners:void 0,sectionCornerSides:void 0,textStyles:{}},he=Ge,Uy=Ld,Bd=Pd,Nd=ha;function ba(e,o,t){return typeof o=="string"&&e.includes(o)?o:t}function Dl(e,o,t){let r=Uy(e,t);return Math.min(o.max,Math.max(o.min,Math.round(r)))}function qy(e){return typeof e.hideAfter=="string"?ba(My,e.hideAfter,_l.hideAfter):e.oncePerSession===!0?"visit":e.oncePerSession===!1?"never":_l.hideAfter}function $y(e){return Array.isArray(e)?e.map(o=>typeof o=="string"?o.trim():"").filter(Boolean).map(o=>o.startsWith("/")?o:`/${o}`):[]}function Dd(e,o){if(e==null)return o;let t=r=>r.trim()?r:"";if(typeof e=="string")return t(e);if(typeof e=="object"&&"text"in e){let r=e.text;return typeof r=="string"?t(r):""}return o}function jy(e,o){return Array.isArray(e)?Nd(e,[]):o}function Ky(e,o){return Array.isArray(e)?e.map(t=>{let r=t??{};return{label:he(r.label,""),value:he(r.value,"")}}).filter(t=>t.label||t.value):o}function KD(e){let o=e??{},t=_l;return{metaLabel:he(o.metaLabel,t.metaLabel),issueLabel:Dd(o.issueLabel,t.issueLabel),issueNumber:Dd(o.issueNumber,t.issueNumber),kicker:he(o.kicker,t.kicker),heading:he(o.heading,t.heading),deck:he(o.deck,t.deck),stats:Ky(o.stats,t.stats),formLabel:he(o.formLabel,t.formLabel),formHeading:he(o.formHeading,t.formHeading),formIntro:he(o.formIntro,t.formIntro),firstNameLabel:he(o.firstNameLabel,t.firstNameLabel),firstNamePlaceholder:he(o.firstNamePlaceholder,t.firstNamePlaceholder),emailLabel:he(o.emailLabel,t.emailLabel),emailPlaceholder:he(o.emailPlaceholder,t.emailPlaceholder),interestsLabel:he(o.interestsLabel,t.interestsLabel),interests:Nd(o.interests,t.interests),frequencyLabel:he(o.frequencyLabel,t.frequencyLabel),frequencies:jy(o.frequencies,t.frequencies),submitText:he(o.submitText,t.submitText),finePrint:he(o.finePrint,t.finePrint),dismissText:he(o.dismissText,t.dismissText),emailInvalidText:he(o.emailInvalidText,t.emailInvalidText),submitErrorText:he(o.submitErrorText,t.submitErrorText),successHeading:he(o.successHeading,t.successHeading),successBody:he(o.successBody,t.successBody),keepBrowsingText:he(o.keepBrowsingText,t.keepBrowsingText),formSlug:typeof o.formSlug=="string"?o.formSlug.trim():t.formSlug,autoOpen:Bd(o.autoOpen,t.autoOpen),autoOpenDelaySec:Dl(o.autoOpenDelaySec,Wy,t.autoOpenDelaySec),trigger:ba(_y,o.trigger,t.trigger),scrollPercent:Dl(o.scrollPercent,Gy,t.scrollPercent),showOn:ba(Ny,o.showOn,t.showOn),showOnPages:$y(o.showOnPages),hideAfter:qy(o),hideDays:Dl(o.hideDays,zy,t.hideDays),formSide:ba(Hy,o.formSide,t.formSide),valuePanelOnPhone:Bd(o.valuePanelOnPhone,t.valuePanelOnPhone),sectionAccent:o.sectionAccent,sectionCorners:o.sectionCorners,sectionCornerSides:o.sectionCornerSides,textStyles:Od(o)}}import{jsx as Nl,Fragment as Vy,jsxs as Xy}from"react/jsx-runtime";import{createContext as Yy,useContext as Zy}from"react";var Qy={mirrorHostStyles:!0,css:null,fontHrefs:[]},Md=Yy(Qy);function ZD({value:e,children:o}){return Nl(Md.Provider,{value:e,children:o})}function Ml(){return Zy(Md)}function Hd(){let{css:e,fontHrefs:o}=Ml();return Xy(Vy,{children:[o.map(t=>Nl("link",{rel:"stylesheet",href:t},t)),e?Nl("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as Jy}from"react/jsx-runtime";import{createContext as eS,useContext as oS}from"react";var Wd=eS(void 0);function o_({metadata:e,children:o}){return Jy(Wd.Provider,{value:e,children:o})}var Gd=()=>oS(Wd);import{jsx as Ce,jsxs as Mc}from"react/jsx-runtime";import{useCallback as bl,useEffect as tt,useState as UB}from"react";import{Button as qB,Tooltip as $B}from"efficient-shell/ui";import{SettingsSwitch as jB}from"efficient-easel/panel";import{PagesIcon as KB,StylesIcon as VB}from"efficient-easel/rail";import{TreeRow as XB}from"efficient-easel/tree";import{useEaselStrings as YB}from"efficient-easel/strings";import{createContext as tS,useContext as rS}from"react";var Hl=tS(!1),a_=()=>rS(Hl);import{jsx as X,Fragment as nf,jsxs as Zt}from"react/jsx-runtime";import{Fragment as wE,useEffect as kE,useId as TE,useMemo as cI,useState as Yt}from"react";import{ScreenDocumentContext as ya,ScreenDocumentProvider as s_,useScreenDocument as we}from"efficient-easel/screen/components/ScreenDocumentContext";import{default as ze}from"efficient-easel/screen/components/UiIcon";import{default as Sa,PanelHideButton as Wl,PanelModeExit as u_,PanelShowStrip as p_}from"efficient-easel/screen/components/SidePanelHead";import{jsx as ee,jsxs as Vt,Fragment as Ur}from"react/jsx-runtime";import{useEasel as Zi}from"efficient-easel/easel";import{useEffect as GF,useRef as rI,useState as Dn}from"react";import{jsx as Qo,jsxs as Um,Fragment as Ak}from"react/jsx-runtime";import{useState as qm}from"react";import{SettingsDefaultReset as Bk,SettingsField as Dk}from"efficient-easel/panel";import{useEaselStrings as _k}from"efficient-easel/strings";import{jsx as I,jsxs as Dt,Fragment as Yo}from"react/jsx-runtime";import{cloneElement as sm,useId as Hw,useRef as Ys,useState as Za}from"react";import{useEasel as _t,useSelectedFields as im}from"efficient-easel/easel";import{hidableText as zd,readHidable as Ue}from"efficient-easel/screen/lib/puck/hidable";import{ANCHOR_FIELD_KEYS as g_,FOLD_FIELD_MARKER as Ca,foldMetaOf as So,LINK_FIELD_MARKER as Ir,MEDIA_FIELD_MARKER as Ud,SCAFFOLD_FIELD_MARKER as hr,TEXT_FIELD_MARKER as Se,textFieldIdentifier as aS}from"efficient-easel/screen/lib/puck/field-markers";import{jsx as Zd}from"react/jsx-runtime";import{useCallback as iS,useEffect as fS,useRef as cS,useState as dS}from"react";import{useEasel as uS}from"efficient-easel/easel";import{SettingsAction as pS}from"efficient-easel/panel";function Gl(e){return typeof e=="number"&&Number.isFinite(e)}function S_(e,o){if(!Gl(e))return;let t=pa(yo(e));if(Object.keys(t).length===0)return;let r=t[va];if(typeof r!="string")return t;let a=Tt(o)?Ft(r,Co(o)??[]):r;return{...t,[nS]:a}}var nS="--sf-section-radius",va="--sf-card-radius",zo=["tl","tr","br","bl"];function Co(e){if(!Array.isArray(e))return null;let o=e.filter(t=>zo.includes(t));return zo.filter(t=>o.includes(t))}function Tt(e){let o=Co(e);return o!==null&&o.length<zo.length}function Ft(e,o){return zo.map(t=>o.includes(t)?e:"0").join(" ")}var zl=[{value:"tl",label:"Top left"},{value:"tr",label:"Top right"},{value:"bl",label:"Bottom left"},{value:"br",label:"Bottom right"}];var lS="--sf-card-box-radius",sS="--sf-site-card-radius",T_="sf-section-bleeds";function Ul(e){return typeof e=="number"&&Number.isFinite(e)}function F_(e,o){if(!Ul(e))return;let t=pa(yo(e))[va];if(typeof t!="string")return;let r=Tt(o)?Ft(t,Co(o)??[]):t;return{[lS]:r}}function E_(e){let o=e[va];return typeof o=="string"?{[sS]:o}:{}}function qd(e,o){let t=e.find(n=>n?.props?.id===o);if(!t)return[...e];let r=t.props?.cardCorners,a=t.props?.cardCornerSides;return e.map(n=>n?.props?.id===o?n:{...n,props:{...n.props,cardCorners:r,cardCornerSides:a}})}import{childSlotsOf as R_,FOOTER_TYPE as re,HEADER_TYPE as ke,locateNode as $d,missingPinnedTypes as jd,nestsInTree as O_,newNodeId as gr,pinnedDuplicateIds as wa,pinnedDuplicateIndices as A_,ROOT_ZONE as vo,slotFieldsOf as B_,TREE_MAX_DEPTH as D_}from"efficient-easel/screen/lib/puck/content-tree";function Kd(e,o,t){let r=t?.zone??"",a=r.lastIndexOf(":"),n=a>0?r.slice(0,a):"",s=a>0?r.slice(a+1):"",i=n?$d(e,o,n):null,c=i&&Array.isArray(i.item.props[s])?i.item.props[s]:[],u=t?.index??-1,p=u>=0?c[u]:void 0,m=p?.props?.id?String(p.props.id):"",x=Math.max(c.length-1,0);return!i||!m?{can:!1,reason:"unreachable",others:0}:c.length<=1?{can:!1,reason:"alone",others:x}:Ul(p?.props?.cardCorners)?{can:!0,others:x,zone:i.zone,index:i.index,data:{...i.item,props:{...i.item.props,[s]:qd(c,m)}}}:{can:!1,reason:"unset",others:x}}function Vd(e){return e.can?lt("Gives the other card this card's Corners.","Gives the other {n} cards this card's Corners.",e.others):e.reason==="alone"?l("This is the only card in the section."):e.reason==="unset"?l("Set this card's corners first."):l("This card is not in a section that can share corners.")}function Xd(e){return lt("Applied to {n} card","Applied to {n} cards",e)}function Yd(e,o){e.can&&o(e.zone,e.index,e.data)}import{useSectionOps as Uo}from"efficient-easel/screen/lib/puck/use-section-ops";var mS=2200,xS="apply-corners-to-siblings",IS="Apply to all cards";function hS({plan:e,doneCount:o,onPress:t}){return Zd(pS,{id:xS,label:l(IS),note:Vd(e),disabled:!e.can,done:o!==null,doneLabel:Xd(o??0),onPress:t})}function Qd(){let{appState:e,config:o}=uS(c=>c),t=Uo(),[r,a]=dS(null),n=cS(null);fS(()=>()=>{n.current&&clearTimeout(n.current)},[]);let s=Kd(o,e.data.content??[],e.ui.itemSelector),i=iS(()=>{Yd(s,t.replaceComponent),s.can&&(a(s.others),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>a(null),mS))},[s,t]);return Zd(hS,{plan:s,doneCount:r,onPress:i})}var Jd=1;function gS(e){return yo(e)}function Q_(e){let o=gS(e);return o===null?{}:{"--sf-card-image-radius":`${o}px`}}var eu=1,ou="Corners";function bS(e){return yo(e)}function tN(e,o){let t=bS(e);if(t===null)return null;let r=`${t}px`;return{borderRadius:Tt(o)?Ft(r,Co(o)??[]):r}}var wo={twoAcross:{label:"Two across",across:2,acrossPhone:2,desktop:[[6,1],[6,1]],phone:[[3,1],[3,1]]},zigzag:{label:"Zigzag",across:2,acrossPhone:2,desktop:[[8,1],[4,1],[4,1],[8,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},brick:{label:"Brick",across:2,acrossPhone:2,desktop:[[5,1],[7,1],[7,1],[5,1]],phone:[[2,1],[4,1],[4,1],[2,1]]},twoTall:{label:"Two tall",across:2,acrossPhone:2,desktop:[[6,2],[6,2]],phone:[[3,2],[3,2]]},offsetTall:{label:"Offset tall",across:2,acrossPhone:2,desktop:[[5,2],[7,1],[3,1],[4,1]],phone:[[3,2],[3,1],[3,1]]},ladder:{label:"Ladder",across:2,acrossPhone:2,desktop:[[3,2],[9,1],[5,1],[4,1]],phone:[[2,2],[4,1],[2,1],[2,1]]},threeAcross:{label:"Three across",across:3,acrossPhone:3,desktop:[[4,1],[4,1],[4,1]],phone:[[2,1],[2,1],[2,1]]},bigLeft:{label:"Big left",across:3,acrossPhone:3,desktop:[[6,1],[3,1],[3,1]],phone:[[4,1],[1,1],[1,1]]},bigRight:{label:"Big right",across:3,acrossPhone:3,desktop:[[3,1],[3,1],[6,1]],phone:[[1,1],[1,1],[4,1]]},threeStagger:{label:"Three stagger",across:3,acrossPhone:3,desktop:[[5,1],[4,1],[3,1],[3,1],[4,1],[5,1]],phone:[[3,1],[2,1],[1,1],[1,1],[2,1],[3,1]]},threeLadder:{label:"Three ladder",across:3,acrossPhone:3,desktop:[[3,1],[4,1],[5,1],[5,1],[4,1],[3,1]],phone:[[1,1],[2,1],[3,1],[3,1],[2,1],[1,1]]},tallMiddle:{label:"Tall middle",across:3,acrossPhone:3,desktop:[[4,1],[4,2],[4,1],[4,1],[4,1]],phone:[[2,1],[2,2],[2,1],[2,1],[2,1]]},fourAcross:{label:"Four across",across:4,acrossPhone:2,desktop:[[3,1],[3,1],[3,1],[3,1]],phone:[[3,1],[3,1]]},bigFirst:{label:"Big first",across:4,acrossPhone:2,desktop:[[6,1],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},fourStagger:{label:"Four stagger",across:4,acrossPhone:2,desktop:[[4,1],[3,1],[2,1],[3,1],[2,1],[3,1],[4,1],[3,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},tallFirst:{label:"Tall first",across:4,acrossPhone:2,desktop:[[3,2],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[3,2],[3,1],[3,1]]},oneThenFour:{label:"One then four",across:4,acrossPhone:2,desktop:[[12,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},sixAcross:{label:"Six across",across:6,acrossPhone:3,desktop:[[2,1],[2,1],[2,1],[2,1],[2,1],[2,1]],phone:[[2,1],[2,1],[2,1]]},sixStagger:{label:"Six stagger",across:6,acrossPhone:6,desktop:[[3,1],[2,1],[1,1],[2,1],[1,1],[3,1],[1,1],[3,1],[2,1],[2,1],[1,1],[3,1]],phone:[[1,1],[1,1],[1,1],[1,1],[1,1],[1,1]]}},ql=Object.keys(wo),ru=[2,3,4,6];function au(e){return typeof e!="string"||e===""?null:wo[e]??null}function tu(e,o){return o?6/e.acrossPhone:12/e.across}var yS="sf-wall--";function SS(e){return`${yS}${e}`}function aN(e){let o=wo[e],t=`.${SS(e)}`,r=[],a=(n,s)=>{let i=[],c=n.length;n.forEach(([u,p],m)=>{i.push(`${t} > :nth-child(${c}n+${m+1}){grid-column:span ${u};grid-row:span ${p}}`)});for(let u=1;u<c;u+=1)i.push(`${t}:has(> :nth-child(${c}n+${u}):last-child) > :nth-last-child(-n+${u}){grid-column:span ${s};grid-row:span 1}`);return i};return r.push(`${t}{grid-template-columns:repeat(12,minmax(0,1fr))}`),r.push(...a(o.desktop,tu(o,!1))),r.push("@media (max-width:800px){"),r.push(`${t}{grid-template-columns:repeat(6,minmax(0,1fr))}`),r.push(...a(o.phone,tu(o,!0))),r.push("}"),r.join("")}var ka=12,nu=1,CS=3;var vS=3;function $l(e,o,t){let r=typeof e=="number"?e:Number.parseInt(String(e??""),10);return Number.isFinite(r)?Math.min(t,Math.max(o,Math.trunc(r))):null}function wS(e){return $l(e,1,ka)??vS}function sN(e,o){return $l(e,nu,CS)??(wS(o)===4?2:nu)}function iN(e){return e==null||e===""?null:$l(e,1,ka)}var fN="data-sf-span";function cN(e){if(!e)return!1;if(e.type==="Grid")return!0;if(e.type==="GalleryB"){if(au(e.props?.layout))return!1;let o=e.props?.columns;return o!=null&&o!==""}return!1}var co=["top-left","top-center","top-right","left","center","right","bottom-left","bottom-center","bottom-right"],Ta="bottom-left";var br={"top-left":"Top left","top-center":"Top center","top-right":"Top right",left:"Left",center:"Center",right:"Right","bottom-left":"Bottom left","bottom-center":"Bottom center","bottom-right":"Bottom right"};function kS(e){let o=co.indexOf(it(e));return{band:Math.floor(o/3),column:["start","center","end"][o%3]}}function TS(e){return 1+kS(e).band*6}function uN(e){return TS(e)+1}function it(e){return co.includes(e)?e:Ta}function pN(e){let o=typeof e=="number"&&Number.isFinite(e)?e:0;return Math.max(-40,Math.min(40,Math.round(o)))}function mN(e,o=60){let t=typeof e=="number"&&Number.isFinite(e)?e:o;return Math.max(30,Math.min(100,Math.round(t)))}function jl(e,o){let t=it(o);return e.filter(r=>it(r?.props?.placement)===t).length}function lu(e){return`${br[it(e)]} already holds 4 boxes. Move one somewhere else first.`}function Kl(e,o){let t=e.filter(r=>r?.props?.id!==o);return co.map(r=>{let a=jl(t,r)>=4,n=br[r];return a?{value:r,label:n,disabled:!0,title:lu(r)}:{value:r,label:n}})}function Fa(e,o){let t=o===void 0?Ta:it(o?.props?.placement);return jl(e,t)>=4?lu(t):null}var Ea="HeroGroup";function FS(e){return co.map(o=>{let t=jl(e,o);return{anchor:o,total:t,hidden:t-4}}).filter(o=>o.hidden>0)}function Vl(e){let o=FS(e);return o.length===0?null:o.map(({anchor:t,total:r,hidden:a})=>{let n=br[t],s=a===1?"1 is not shown":`${a} are not shown`;return`${n} holds ${r} boxes. The published page draws the first 4, so ${s}. ${a===1?"Move it":"Move them"} somewhere else.`}).join(" ")}function su(e,o){let t=o;if(t?.type!==Ea)return null;let r=t.props?.id===void 0?"":String(t.props.id);return r?Fa(Xl(e,r),t):null}function Xl(e,o){let t=fu(e,o);return t&&t.ownerType===LS?t.siblings:[]}function iu(e,o){let t=fu(e,o);return t?t.ancestorTypes.filter(r=>r===Ea).length:ES}var ES=1,LS="HeroSlide";function fu(e,o){let t=a=>Array.isArray(a)&&a.length>0&&a.every(n=>!!n&&typeof n=="object"&&typeof n.type=="string"),r=(a,n,s)=>{if(n>12||!a||typeof a!="object")return null;if(t(a)){if(a.some(i=>i?.props?.id===o))return{siblings:a,ownerType:s.at(-1)??null,ancestorTypes:s};for(let i of a){let c=i.type,u=r(i,n+1,[...s,String(c)]);if(u)return u}return null}for(let i of Object.values(a)){let c=r(i,n+1,s);if(c)return c}return null};return r(e,0,[])}import{jsx as PS}from"react/jsx-runtime";var RS="sf-hint-keep";function cu({children:e}){return PS("span",{className:RS,children:e})}import{AdjustIcon as Ww,AlignLeftIcon as Gw,AlignSeparateIcon as zw,AnimationIcon as fm,BackgroundIcon as Uw,BorderAllIcon as qw,BlockSectionIcon as $w,CartIcon as jw,ColumnWidthsIcon as cm,ColumnsIcon as Kw,CornerIcon as Vw,DirectionDownIcon as Xw,DirectionLeftIcon as Yw,DirectionRightIcon as Zw,DirectionUpIcon as Qw,DollarIcon as Jw,FinishIcon as e0,GapIcon as dm,GridIcon as o0,GroundIcon as t0,HashIcon as um,HeightIcon as r0,ImageIcon as a0,ListIcon as n0,LocationIcon as Xs,PaddingAllIcon as l0,PaddingBottomIcon as pm,PaddingLeftIcon as mm,PaddingRightIcon as xm,PaddingTopIcon as Im,PageIcon as hm,PhoneIcon as s0,PlacementIcon as i0,ProductSizeIcon as f0,RotateIcon as c0,SquareIcon as d0,TypeIcon as u0,WidthIcon as p0,WrapIcon as m0}from"efficient-easel/icons";import{jsx as K,Fragment as ko,jsxs as To}from"react/jsx-runtime";import{TitleIcon as OS,ButtonIcon as AS,DollarIcon as BS,HashIcon as DS,LinkIcon as _S,NoteIcon as NS,TagIcon as MS,TextLinesIcon as HS}from"efficient-easel/icons";var du={body:HS,button:AS,link:_S,label:MS,number:DS,price:BS,note:NS,title:OS},uu={eyebrow:To(ko,{children:[K("path",{d:"M5 6.5h5"}),K("path",{d:"M5 12.5h14"}),K("path",{d:"M5 18h11"})]}),heading:To(ko,{children:[K("path",{d:"M6.5 5v14"}),K("path",{d:"M17.5 5v14"}),K("path",{d:"M6.5 12h11"})]}),intro:To(ko,{children:[K("path",{d:"M4 5.5v13"}),K("path",{d:"M8 7.5h12"}),K("path",{d:"M8 12h12"}),K("path",{d:"M8 16.5h8"})]}),value:To(ko,{children:[K("rect",{x:"2.5",y:"7",width:"19",height:"10",rx:"2"}),K("path",{d:"M6.5 12h7"})]}),name:To(ko,{children:[K("path",{d:"M6 3.5v17"}),K("path",{d:"M6 5h11.5l-2.6 3.6L17.5 12H6z"})]}),date:To(ko,{children:[K("rect",{x:"4",y:"5.5",width:"16",height:"15",rx:"2"}),K("path",{d:"M4 10.5h16"}),K("path",{d:"M9 3.2v4.4"}),K("path",{d:"M15 3.2v4.4"})]}),caption:To(ko,{children:[K("rect",{x:"3.5",y:"4.5",width:"17",height:"11",rx:"2"}),K("path",{d:"M3.5 12.8l4.2-3.2 3.6 2.8 3.4-2.4 5.8 4"}),K("path",{d:"M6.5 19.5h11"})]}),quote:To(ko,{children:[K("path",{d:"M9.5 5.5C7 7.2 5.5 9.7 5.5 12.8h4v5.7h-5v-5.7"}),K("path",{d:"M19.5 5.5c-2.5 1.7-4 4.2-4 7.3h4v5.7h-5v-5.7"})]}),tag:To(ko,{children:[K("rect",{x:"3",y:"5.5",width:"18",height:"13",rx:"2.5"}),K("path",{d:"M8 9.5h8"}),K("path",{d:"M12 9.5v5"})]}),meta:To(ko,{children:[K("path",{d:"M4 7h16"}),K("path",{d:"M4 14h3.5"}),K("path",{d:"M10.5 14h3"}),K("path",{d:"M17 14h3"})]})};function Yl({noun:e,size:o=14,strokeWidth:t=1.8,className:r,style:a}){let n=du[e];return n?K("span",{className:r,style:{display:"inline-flex",...a},"aria-hidden":"true",children:K(n,{size:o})}):K("svg",{className:r,style:a,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:uu[e]})}var yN=Object.keys(du);var SN=Object.keys(uu);var WS="#ffffff",GS=/^#[0-9a-fA-F]{6}$/;function Zl(e){return zS(e)?e:WS}function zS(e){return typeof e=="string"&&GS.test(e)}function vN(e){return{"--bg":Zl(e)}}var Ql=[{role:"bg",token:"--bg",ink:!1},{role:"fg",token:"--fg",ink:!0},{role:"surface",token:"--site-surface",ink:!1},{role:"surface-2",token:"--site-surface-2",ink:!1},{role:"line",token:"--site-line",ink:!0},{role:"muted",token:"--fg-dim",ink:!0}],US=Ql.filter(e=>e.ink);function qS(e){let o={color:e.fg};for(let{role:t,token:r}of US)o[r]=e[t];return o}var $S={fg:"var(--overlay-fg)",line:"color-mix(in srgb, var(--overlay-fg) 24%, transparent)",muted:"color-mix(in srgb, var(--overlay-fg) 76%, transparent)"},pu=Object.freeze(qS($S));var La=-1,jS="sf-section-accent",mu="Color",xu=new Set(["CategoryBar","DocTabs"]),FN=new Set(["Flex"]),KS=0;function Jl(e){return e===La?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:KS}function EN(e){return e??La}function VS(e){let o=`--theme-preset-${e}`,t={"--sf-sec-accent":`var(${o}-accent)`,"--sf-sec-accent-2":`var(${o}-accent-2)`,"--sf-sec-accent-ink":`var(${o}-accent-ink)`};for(let{role:r}of Ql)t[`--sf-sec-${r}`]=`var(${o}-${r}, var(--theme-${r}))`;return t}function LN(e){let o=Jl(e.sectionAccent);return o===null?null:{className:jS,style:VS(o)}}var XS=["fade","rise","scale"],es="none",Iu=[{label:"None",value:es},{label:"Fade",value:"fade"},{label:"Rise",value:"rise"},{label:"Scale",value:"scale"}];function ON(e){return XS.includes(e)?e:null}var hu="data-sf-anim",yr="data-sf-anim-state";function AN(e){let o=()=>{};if(typeof IntersectionObserver>"u"||!e.getAttribute(hu))return o;let t=window.innerHeight||document.documentElement.clientHeight;if(e.getBoundingClientRect().top<t)return o;e.setAttribute(yr,"armed");let r=new IntersectionObserver(a=>{for(let n of a)if(n.isIntersecting){r.disconnect(),YS(e);break}},{threshold:0});return r.observe(e),()=>{r.disconnect(),e.removeAttribute(yr)}}function YS(e){if(!e.getAttribute(hu))return;e.removeAttribute(yr),e.offsetWidth,e.setAttribute(yr,"play");let o=t=>{t.target===e&&(e.removeAttribute(yr),e.removeEventListener("animationend",o))};e.addEventListener("animationend",o)}var BN=xu;function ts(e,o){let t=e?.content;if(!Array.isArray(t))return null;for(let r of t){if(!r||typeof r!="object")continue;let a=r.props;if(a?.id===o)return null;if(os(r,o,0))return a??{}}return null}function os(e,o,t){if(t>12||!e||typeof e!="object")return!1;if(Array.isArray(e))return e.some(a=>os(a,o,t+1));let r=e.props;return r&&typeof r=="object"&&r.id===o?!0:Object.values(e).some(a=>os(a,o,t+1))}import{SettingsDefaultReset as mo,SettingsField as fe,SettingsGroupHead as x0,SettingsGroupSub as I0,SettingsBorder as h0,SettingsSegmented as g0,SettingsSides as b0,SettingsSidesEach as gm,sidesStartEach as y0,SettingsSwitch as S0,borderSides as C0,borderStartEach as v0}from"efficient-easel/panel";import{FieldSelect as w0,ListField as k0}from"efficient-easel/fields";import{AlignmentGrid as T0,Checkbox as S4,CornersInput as F0,DateTimePicker as E0,FOCAL_DEFAULT as L0,Slider as P0,Tooltip as Qa}from"efficient-shell/ui";import{jsx as Sr,jsxs as QS}from"react/jsx-runtime";import{ColorPicker as JS,HexInput as eC}from"efficient-shell/ui";import{typedHex as rs}from"efficient-easel/pick";import{typedHex as ZS}from"efficient-easel/pick";function gu(e){let o=new Set,t=[];return fo(e).themes.forEach((r,a)=>{let n=[[l("Theme {n} main color",{n:a+1}),r.accent],[l("Theme {n} text color",{n:a+1}),r.text],[l("Theme {n} background",{n:a+1}),r.background]];for(let[s,i]of n){let c=i?ZS(i):null;!c||o.has(c)||(o.add(c),t.push({name:s,value:c}))}}),t}function uo({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s,ariaLabel:i}){return Sr(tC,{value:e,onChange:o,label:l(i??t),id:r,caption:a,inherited:n,after:s})}function oC(){let{theme:e}=te();return gu(e).map(o=>({value:o.value,label:o.name}))}function tC({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s}){let i=oC(),c=e?null:rs(n??""),u=a!==void 0&&(!e||rs(a)!==rs(e))?a:null,p=m=>{m!==e&&o(m)};return QS("div",{className:"sf-colour",children:[Sr(JS,{id:r,value:e,onChange:p,label:t,presets:i,fallback:c??void 0,size:"sm",align:"end"}),u!==null?Sr("span",{className:"sf-colour-caption",children:u}):Sr("span",{className:"sf-colour-hexwrap",children:Sr(eC,{value:e||c||"",onChange:p,label:l("{label} hex code",{label:t}),placeholder:e||c?void 0:l("Not set"),className:c?"sf-colour-hex is-inherited":"sf-colour-hex",size:"sm"})}),s]})}import{jsx as De,Fragment as is,jsxs as fs}from"react/jsx-runtime";import{useEffect as uC,useState as pC}from"react";import{MarkBar as mC,markSelection as xC,useCaretEdit as IC}from"efficient-easel/copy";import{RevertIcon as hC}from"efficient-easel/icons";import{IconButton as gC,Tooltip as bC}from"efficient-shell/ui";import{applyMark as QN,markupTools as JN,MARKUP_TOOLS as e2,COPY_FIELD_TOOLS as o2,STOREFRONT_MARKUP as t2,tokenizeInline as r2,stripInline as a2,isSafeLinkHref as n2}from"efficient-easel/markup";import{applyMark as rC,markedAt as aC,markupTools as nC,MARKUP_TOOLS as lC,parseMarkup as sC,RETIRED_MARKS as iC,STOREFRONT_MARKUP as fC,tokenizeInline as s2}from"efficient-easel/markup";var Pa=["highlight","strong","quiet"],ft={highlight:"Highlight",strong:"Bold",quiet:"Quiet"},Fo={highlight:{kind:"wordHighlight",delimiter:"@@"},strong:{kind:"wordStrong",delimiter:"++"},quiet:{kind:"wordQuiet",delimiter:"^^"}},bu=Object.fromEntries(Pa.map(e=>[Fo[e].kind,e])),yu="data-sf-ws",ns=["accent","text","labels"],Su={accent:"Accent",text:"Text",labels:"Labels"},qo={accent:"var(--accent)",text:"var(--fg)",labels:"var(--fg-dim)"};var as={font:null,size:null,weight:null,bold:null,italic:null,lineGap:null,textGap:null,colour:null},XN={highlight:{...as},strong:{...as},quiet:{...as}};var Cu=Pa.map(e=>({open:Fo[e].delimiter,close:Fo[e].delimiter,kind:Fo[e].kind})),f2=[{style:Fo.highlight.kind,label:ft.highlight,title:`${ft.highlight} word style`},{style:Fo.strong.kind,label:ft.strong,title:`${ft.strong} word style`},{style:Fo.quiet.kind,label:ft.quiet,title:`${ft.quiet} word style`}],cC=new Set(Cu.map(e=>e.open)),Et=[...fC.filter(e=>!cC.has(e.open)),...Cu];function ls(e){return e.bullet?"- ":e.number!=null?`${e.number}. `:""}function ss(e){return sC(typeof e=="string"?e:"",Et)}var dC=lC.map(e=>e.style).filter(e=>!iC.includes(e)).filter(e=>Et.some(o=>o.kind===e));function vu(){return nC(dC)}var wu=Object.fromEntries(Pa.map(e=>[Fo[e].kind,Fo[e].delimiter]));function ku(e,o,t,r){let a=wu[r];if(!a)return rC(e,o,t,r);let n=e.slice(o,t),s=e.slice(Math.max(0,o-a.length),o),i=e.slice(t,t+a.length);if(s===a&&i===a)return{text:e.slice(0,o-a.length)+n+e.slice(t+a.length),selectionStart:o-a.length,selectionEnd:o-a.length+n.length};let c=n||"styled text";return{text:e.slice(0,o)+a+c+a+e.slice(t),selectionStart:o+a.length,selectionEnd:o+a.length+c.length}}function Tu(e,o,t,r){let a=wu[r];return a?o>=a.length&&e.slice(o-a.length,o)===a&&e.slice(t,t+a.length)===a:aC(e,o,t,r)}function ct(e){return ss(e).map(o=>ls(o)+Fu(o.children)).join(`
|
|
3
|
+
`)}function Fu(e){return e.map(o=>o.kind==="text"?o.text:Fu(o.children)).join("")}function yC({style:e}){let o=t=>De("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.9,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:t});switch(e){case"bold":return o(De("path",{d:"M7 5h6.5a3.5 3.5 0 0 1 0 7H7zm0 7h7.5a3.5 3.5 0 0 1 0 7H7z"}));case"italic":return o(fs(is,{children:[De("line",{x1:"10",y1:"5",x2:"19",y2:"5"}),De("line",{x1:"5",y1:"19",x2:"14",y2:"19"}),De("line",{x1:"14",y1:"5",x2:"10",y2:"19"})]}));case"strike":return o(fs(is,{children:[De("path",{d:"M16.5 6.5A4.2 4.2 0 0 0 12.7 4.7C10 4.7 8.4 6 8.4 7.9c0 1.6 1.2 2.5 3.4 3.1"}),De("path",{d:"M7.6 17.4A4.4 4.4 0 0 0 11.7 19.3c2.8 0 4.5-1.4 4.5-3.4 0-1-.4-1.8-1.2-2.4"}),De("line",{x1:"4",y1:"12",x2:"20",y2:"12"})]}));case"highlight":return o(fs(is,{children:[De("path",{d:"M14.5 4.5l5 5-8 8H6.5v-5z"}),De("line",{x1:"4",y1:"21",x2:"20",y2:"21"})]}));default:return null}}var SC=["bold","italic","strike","highlight"],CC=Object.fromEntries(SC.map(e=>[e,De(yC,{style:e},e)])),Eu="Clear formatting";function vC(e,o,t){return xC(e,o,t,ku)}function wC(e){let[o,t]=pC(null);return uC(()=>{let r=e.current?.ownerDocument??(typeof document>"u"?null:document);if(!r)return;let a=()=>{let n=e.current;if(!n||r.activeElement!==n)return;let s=n.selectionStart??n.value.length,i=n.selectionEnd??s;t(c=>c&&c.start===s&&c.end===i?c:{start:s,end:i})};return r.addEventListener("selectionchange",a),()=>r.removeEventListener("selectionchange",a)},[e]),[o,t]}function kC({target:e,value:o,onChange:t,disabled:r=!1,label:a="Formatting"}){let n=IC({target:e,onChange:t}),[s,i]=wC(e),c=x=>n(g=>{let S=vC(o,x,g);return i({start:S.selectionStart,end:S.selectionEnd}),S}),u=vu(),p={};if(s)for(let x of u)p[x.style]=Tu(o,s.start,s.end,x.style);let m=ct(o);return De(mC,{tools:u,onApply:c,pressed:p,disabled:r,glyphs:CC,ariaLabel:l(a),actions:De("span",{className:"sf-markup-clear",children:De(bC,{content:l(Eu),children:De(gC,{size:"sm",onMouseDown:x=>x.preventDefault(),onClick:()=>t(m),disabled:r||m===o,"aria-label":l(Eu),children:De(hC,{size:14})})})})})}var cs=kC;import{DEVICE_FIELD_MARKER as y2,DEVICE_HIDDEN_ATTR as S2,DEVICE_NOTE as C2,deviceField as je,deviceMetaOf as ds,deviceNote as v2,shownTier as w2,withoutDeviceGate as k2}from"efficient-easel/screen/lib/puck/device-fields";import{NO_CONTROL_ATTR as E2,NO_CONTROL_FIELD as Lu,noControlField as Ra,NoControlMark as Cr,noControlMetaOf as L2}from"efficient-easel/screen/lib/puck/panel-no-control-mark";var us="__ownBox";function Pu(e){return!!e&&typeof e=="object"&&e[us]===!0}function Lt(e){return`${e}Phone`}function Oa(e,o,t){return typeof e=="number"?e:typeof o=="number"?o:t}import{jsx as xs,Fragment as EC}from"react/jsx-runtime";import{createContext as LC,useContext as PC}from"react";var ps={ProductGrid:{source:{keep:["slug"]}},GalleryItem:{product:{keep:["code","finish"]}},FeaturedCover:{source:{keep:["slug"]}},LongRead:{source:{keep:["slug"]}}},ms={Events:["posts"],SubscribeBlogs:["posts"]};var TC=["anchor"],FC=/^href$|Href$|^url$|Url$|^link$|^mailto$|^tel$/;function vr(e){return TC.includes(e)||FC.test(e)}var Ru={Gallery:{source:{verb:"snapshot",keep:[]}},ProductHero:{source:{verb:"snapshot",keep:[]}},SpecTable:{source:{verb:"snapshot",keep:[]},wheel:{verb:"reference"},finish:{verb:"reference"},size:{verb:"reference"}},CollectionCard:{collection:{verb:"snapshot",keep:[]}},FooterMenu:{menu:{verb:"snapshot",keep:[]}},MenuBlock:{menu:{verb:"snapshot",keep:[]}},BrandStrip:{picks:{verb:"reference"}},ProductGrid:{design_codes:{verb:"reference"}},ProductRef:{code:{verb:"reference"},finish:{verb:"reference"}},FitmentTable:{wheel:{verb:"reference"}},GalleryItem:{fromProduct:{verb:"reference"}},Footprint:{"offices[].group":{verb:"groupKey"},"offices[].lat":{verb:"pii"},"offices[].lng":{verb:"pii"},"offices[].geocode":{verb:"pii"}}};Ru.ContactLocations={"locations[].lat":{verb:"pii"},"locations[].lng":{verb:"pii"},"locations[].mapsUrl":{verb:"pii"},"locations[].geocode":{verb:"pii"}};var D2=Object.fromEntries(Object.entries(ps).map(([e,o])=>[e,Object.keys(o)])),_2=Object.fromEntries(Object.entries(ms).map(([e,o])=>[e,[...o]]));var Ou=LC(!1);function Au({children:e}){return xs(Ou.Provider,{value:!0,children:e})}function RC(){return PC(Ou)}function Bu({name:e,children:o}){return!RC()||!e||vr(e)?xs(EC,{children:o}):xs(Cr,{})}function Je(e,o,t){return e.some(r=>(typeof r=="object"?r.value:r)===t)?t:o}var Is="off",hs="none",gs=[{label:"None",value:"off"},{label:"1, 2, 3",value:"plain"},{label:"01, 02, 03",value:"padded"},{label:"N\xB001, N\xB002",value:"numero"}],bs=[{label:"None",value:"none"},{label:"Hairline",value:"hairline"}];function $2(e){return Je(gs,Is,e)}function j2(e){return Je(bs,hs,e)}var Du="sf-card-index",wr="sf-card-index",K2="pointer-events-none absolute left-[18px] top-[18px] z-10 border border-line bg-bg/70 px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.16em] text-fg-dim",OC={plain:`counter(${wr})`,padded:`counter(${wr}, decimal-leading-zero)`,numero:`"N\xB0" counter(${wr}, decimal-leading-zero)`};function V2(e,o){return o==="off"?"":`.${e}{counter-reset:${wr}}.${e} .${Du}{counter-increment:${wr}}.${e} .${Du}::before{content:${OC[o]}}`}function X2(e){return e==="hairline"?"border border-line hover:border-accent":""}var _u=[{value:"1",label:"1st rendering"},{value:"2",label:"2nd rendering"},{value:"3",label:"3rd rendering"},{value:"4",label:"4th rendering"},{value:"5",label:"5th rendering"}];import{SCALAR_TEXT_CONTROLS as dt,TEXT_CONTROL_KINDS as AC}from"efficient-easel/screen/lib/puck/text-control-kinds";import{jsx as ys}from"react/jsx-runtime";import{useState as NC}from"react";import{Button as MC,ImageFocusPoint as HC}from"efficient-shell/ui";import{jsx as ao,jsxs as Nu}from"react/jsx-runtime";import{ChevronIcon as BC}from"efficient-easel/icons";import{Tooltip as DC}from"efficient-shell/ui";function Aa({styleKey:e,label:o,icon:t,value:r,sampleStyle:a,open:n,onToggle:s,saved:i=!1,children:c}){return Nu("div",{"data-sf-style-row":e,className:`sf-style-row${n?" is-open":""}`,children:[Nu("button",{type:"button",className:"sf-style-head","aria-expanded":n,onClick:s,children:[ao("span",{className:"sf-style-caret","aria-hidden":"true",children:ao(BC,{size:13})}),t?ao("span",{className:"es-field-icon",children:t}):null,ao("span",{className:"sf-style-name",children:l(o)}),r!=null?typeof r=="string"?ao(DC,{content:r,className:"sf-style-sample-tip",children:ao("span",{className:"sf-style-sample",style:a,children:r})}):ao("span",{className:"sf-style-sample",style:a,children:r}):null,ao("span",{className:`sf-style-slot${i?" is-saved":""}`,children:ao(_C,{})})]}),n&&ao("div",{className:"sf-style-body",children:c})]})}function _C(){return ao("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:ao("polyline",{points:"20 6 9 17 4 12"})})}function Mu({label:e,value:o,onChange:t,image:r}){let[a,n]=NC(!1);return ys(Aa,{styleKey:"imageFocal",label:e,value:o,sampleStyle:{fontSize:11,fontVariantNumeric:"tabular-nums"},open:a,onToggle:()=>n(s=>!s),children:a?ys(HC,{label:l(e),value:o,onChange:t,image:r,emptyText:l("Choose a background image first \u2014 there\u2019s nothing to focus yet."),actions:ys(MC,{variant:"secondary",size:"sm",onClick:()=>n(!1),children:l("Done")})}):null})}import{jsx as no,jsxs as WC}from"react/jsx-runtime";import{SettingsField as Wu}from"efficient-easel/panel";import{ImageIcon as Gu,PlayIcon as zu}from"efficient-easel/icons";import{ImageBox as GC}from"efficient-easel/pick";import{useEaselStrings as zC}from"efficient-easel/strings";import{useContext as UC,useState as Uu}from"react";import{FileIntakeAlert as qC,useFileIntake as $C}from"efficient-shell/file-intake";import{requestMediaPick as Ss,resolveMediaPick as uM}from"efficient-easel/screen/lib/media-picker";var Ke=Wc,Hu=e=>e.blocks;function qu({value:e,onChange:o,label:t,accept:r,placeholder:a}){let n=wt(),s=Be(),i=zC(),c=l(t),[u,p]=Uu(!1),[m,x]=Uu(null),g=r.startsWith("video"),S=UC(ya),k=$C({accept:r,maxSizeBytes:Ke(s).media.maxUploadBytes,acceptHint:g?l("videos only"):l("images only"),multiple:!1,disabled:u,onAccept:([v])=>{x(null),p(!0),Ss(n,{accept:r,title:c,file:v}).then(C=>{C&&o(C.url)}).catch(()=>x(l("Couldn\u2019t open the media picker \u2014 please try again."))).finally(()=>p(!1))}}),b=()=>(k.clearRejections(),x(null),Ss(n,{accept:r,title:c}).then(v=>v?.url??null));return S&&!S.capabilities.mediaEditing?no(Wu,{label:c,icon:g?no(zu,{}):no(Gu,{}),children:no("div",{className:"sf-image-slot-inert",children:g?l("Templates don\u2019t store videos \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created."):l("Templates don\u2019t store images \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created.")})}):WC("div",{children:[no(Wu,{label:c,icon:g?no(zu,{}):no(Gu,{}),children:no("div",{className:`sf-image-drop${k.dragOver?" is-dragover":""}`,...k.zoneProps,children:no(GC,{value:e,onChange:o,label:c,kind:g?"video":"image",placeholder:a===void 0?void 0:l(a),openLibrary:u?void 0:b,words:i.pick.image})})}),u&&no("div",{className:"sf-image-status",role:"status",children:l("Opening the picker\u2026")}),m&&no("div",{className:"sf-image-status sf-image-status--error",role:"alert",children:m}),no(qC,{rejections:k.rejections,className:"sf-image-status sf-image-status--error"})]})}import{jsx as $u}from"react/jsx-runtime";import{useId as jC}from"react";import{FieldSelect as KC}from"efficient-easel/fields";import{SettingsField as VC}from"efficient-easel/panel";function XC(e){return e.map(({value:o,label:t,note:r})=>({value:o,label:t,...r?{meta:r}:{}}))}function ju({label:e,options:o,value:t,onChange:r,emptyLabel:a,icon:n,hint:s}){let i=jC(),c=`${i}-label`,u=`${i}-button`,p=Array.isArray(t)?t:[];return $u(VC,{label:l(e),labelId:c,icon:n,hint:s,children:$u(KC,{id:u,multiple:!0,value:p,options:XC(o),onChange:r,placeholder:a===void 0?l("None"):l(a),ariaLabelledBy:`${c} ${u}`,inline:!0})})}import{jsx as Fe,jsxs as ut,Fragment as Iv}from"react/jsx-runtime";import{useCallback as hv,useContext as gv,useEffect as bv,useId as tp,useRef as ep,useState as op}from"react";import{ThemeIcon as yv}from"efficient-easel/icons";import{SettingsField as Sv}from"efficient-easel/panel";import{jsx as z,jsxs as jo,Fragment as rv}from"react/jsx-runtime";import{SettingsField as ws,SettingsGroupSub as av}from"efficient-easel/panel";import{Button as vs}from"efficient-shell/ui";import{jsx as $o,jsxs as Ku}from"react/jsx-runtime";import{SettingsField as YC}from"efficient-easel/panel";import{AccentIcon as ZC}from"efficient-easel/icons";import{Tooltip as QC}from"efficient-shell/ui";function Cs(e){return bo(e).background}function JC(e){let o=Go(e.accent,Cs(e));return o===null?null:{ratio:o,grade:vt(o)}}function ev(e){let o=Cs(e),t=Go(e.accent,o);return t===null?[]:ed(e.accent).filter(r=>{let a=Go(r,o);return a!==null&&a>t&&vt(a)==="good"})}var ov={good:"Easy to read","large-only":Ct["large-only"],hard:Ct.hard};function Vu({value:e,onChange:o}){let t=JC(e),r=t?.grade,a=t&&t.grade!=="good"?ev(e):[];return $o(YC,{label:l("Main color"),icon:$o(ZC,{}),hint:t?l(ov[t.grade]):void 0,action:$o(uo,{value:e.accent,onChange:n=>o({...e,accent:n}),label:l("Main color")}),children:a.length>0?$o("div",{className:"w-full min-w-0",children:Ku("div",{className:"sf-readability",children:[$o("p",{className:"sf-readability-advice",children:tv(r,!0)}),$o("div",{className:"sf-readability-suggestions",children:a.map(n=>{let s=Go(n,Cs(e));return $o(QC,{content:l("Use {colour}",{colour:n.toUpperCase()}),children:Ku("button",{type:"button",className:"sf-readability-suggestion",onClick:()=>o({...e,accent:n}),children:[$o("span",{className:"sf-readability-chip",style:{background:n},"aria-hidden":!0}),s?`${s.toFixed(1)}:1`:n.toUpperCase()]})},n)})})]})}):null})}function tv(e,o){return e?e==="good"?l("This color reads clearly on your pages."):o?l("This color is hard to read on this theme's page. The buttons below are the same hue, darkened."):l("This color is hard to read on your page background. Pick one further from it \u2014 lighter if your pages are dark, deeper if they are light."):l("Pick a color to see how it reads.")}import{ButtonIcon as nv,GroundIcon as lv,LayoutIcon as sv,SquareIcon as iv,TextSmallIcon as fv,TypeIcon as Xu}from"efficient-easel/icons";var kr=e=>l("Theme {n}",{n:e+1});function Yu({colors:e}){let o=bo(e),t=Tl(e)??o.accent;return jo("span",{className:"sf-theme-page",style:{background:o.background,color:o.text},"aria-hidden":!0,children:[z("span",{className:"sf-theme-eyebrow",style:{color:o.muted},children:l("label")}),jo("span",{className:"sf-theme-headline",children:[l("Heading")," ",z("span",{style:{color:o.accent},children:l("accent")})]}),z("span",{className:"sf-theme-body",children:l("body text")}),jo("span",{className:"sf-theme-row",children:[z("span",{className:"sf-theme-btn",style:{background:t,color:Fl(e,o.accent)},children:l("button")}),z("span",{className:"sf-theme-mini",style:{background:o.surface,borderColor:o.line},children:l("card")})]})]})}var ks={"Text color":z(Xu,{}),"Label color":z(fv,{}),Background:z(lv,{}),"Panels & cards":z(sv,{}),Borders:z(iv,{}),"Button color":z(nv,{}),"Button text color":z(Xu,{})};function cv({label:e,colorKey:o,value:t,onChange:r,idPrefix:a="sf-theme-ink"}){let n=`${a}-${o}`;return z(ws,{label:l(e),icon:ks[e],htmlFor:n,action:z(uo,{id:n,label:l(e),value:t,onChange:s=>r(o,s)})})}function dv({value:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button`,n=/^#[0-9a-fA-F]{6}$/.test(e??""),s=n?e:o;return z(ws,{label:l("Button color"),icon:ks["Button color"],htmlFor:a,action:z(uo,{id:a,label:l("Button color"),value:s,caption:n?s:l("Main"),onChange:t})})}function uv({colors:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button-ink`,n=od(e),s=Fl(e,o),i=Tl(e)??o,c=vt(Go(s,i)??0);return z(ws,{label:l("Button text color"),icon:ks["Button text color"],hint:n&&c!=="good"?l("{grade} on the button",{grade:l(Ct[c])}):void 0,htmlFor:a,action:z(uo,{id:a,label:l("Button text color"),value:s,caption:n?s:l("Auto"),onChange:t})})}var pv=[{colour:!0},{label:"Text color",key:"text"},{label:"Label color",key:"muted"},{button:!0},{buttonInk:!0},{group:"Surfaces"},{label:"Background",key:"background"},{label:"Panels & cards",key:"surface"},{label:"Borders",key:"line"}];function Ts({colors:e,onChange:o,idPrefix:t}){let r=bo(e);return z(rv,{children:pv.map(a=>"colour"in a?z(Vu,{value:e,onChange:o},"colour"):"group"in a?z(av,{title:l(a.group)},a.group):"button"in a?z(dv,{value:e.button,accent:r.accent,onChange:n=>o({...e,button:n}),idPrefix:t},"button"):"buttonInk"in a?z(uv,{colors:e,accent:r.accent,onChange:n=>o({...e,buttonInk:n}),idPrefix:t},"buttonInk"):z(cv,{label:a.label,colorKey:a.key,value:r[a.key],onChange:(n,s)=>o({...e,[n]:s}),idPrefix:t},a.key))})}function Ba({index:e,colors:o,selected:t,role:r="radio",open:a,editable:n=!0,onPick:s,onEdit:i,onChangeColors:c}){let u=bo(o),p=kr(e),m=e<kl.length&&!o.brandInk?kl[e]:null,x=vt(Go(u.text,u.background)??0),g=m?JSON.stringify(o)!==JSON.stringify(m):!1,S=a!==void 0;return jo("div",{className:`sf-theme-card${t?" is-selected":""}`,children:[z("button",{type:"button",role:r,"aria-checked":r==="radio"?t:void 0,"aria-selected":r==="option"?t:void 0,"aria-label":p,className:"sf-theme-pick",onClick:s,children:z(Yu,{colors:o})}),jo("div",{className:"sf-theme-foot",children:[z("span",{className:"sf-theme-name",children:p}),x!=="good"&&z("span",{className:"sf-theme-warn",children:l(Ct[x])}),n&&i&&z(vs,{variant:a?"primary":"secondary",size:"sm",className:"sf-theme-edit","aria-expanded":S?a:void 0,"aria-controls":S?`sf-theme-colours-${e}`:void 0,"aria-label":a?l("Done {name}",{name:p}):l("Edit {name}",{name:p}),onClick:i,children:a?l("Done"):l("Edit")})]}),a&&jo("div",{id:`sf-theme-colours-${e}`,className:"sf-theme-colours",children:[z(Ts,{colors:o,onChange:k=>c?.(k)}),m&&z(vs,{variant:"link",size:"sm",className:"sf-theme-reset",disabled:!g,onClick:()=>c?.({...m}),children:g?l("Reset {name} to the preset",{name:p}):l("Not changed")})]})]})}function Zu({colors:e,name:o,nameId:t,open:r,menuId:a,labelId:n,buttonRef:s,onClick:i,onKeyDown:c,onEdit:u}){return jo("div",{className:"sf-secttheme-btn",children:[z("button",{ref:s,type:"button",className:"sf-theme-pick","aria-expanded":r,"aria-controls":a,"aria-labelledby":`${n} ${t}`,onClick:i,onKeyDown:c,children:e?z(Yu,{colors:e}):z("span",{className:"sf-secttheme-nopreview","aria-hidden":"true"})}),jo("div",{className:"sf-theme-foot",children:[z("span",{id:t,className:"sf-theme-name",children:o}),u&&z(vs,{variant:"secondary",size:"sm",className:"sf-theme-edit","aria-label":l("Edit {name}",{name:o}),onClick:u,children:l("Edit")}),z("button",{type:"button",className:"sf-secttheme-caret","aria-hidden":"true",tabIndex:-1,onClick:i,children:z("span",{className:"sf-multi-caret",children:"\u25BE"})})]})]})}import{useCallback as Fs,useEffect as mv,useRef as Da}from"react";function Qu(e=so()){return(o,t,r)=>{let a=Ke(e).theme;return a?a.update(o,r?{siteId:r}:void 0):Promise.reject(new Al("invalid","This backend stores no site theme."))}}function Ju(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function xv(e,o=Qu()){let{themeFromDocument:t,token:r,siteId:a,patch:n}=e,s=Ju({themeFromDocument:t,token:r});if(s)return s;if(Object.keys(n).length===0)return{status:"skipped",reason:"empty"};try{return await o(n,r,a??void 0),{status:"saved"}}catch(i){return{status:"failed",error:i}}}function _a({themeFromDocument:e,tokenRef:o,siteId:t,onResult:r}){let a=Da(null),n=Da({}),s=Be(),i=Da(r);i.current=r;let c=Da(null),u=Fs(x=>{if(x.status==="skipped"){let g=`skipped:${x.reason}`;if(c.current===g)return;c.current=g}else c.current=null;i.current?.(x)},[]),p=Fs(async()=>{a.current&&(clearTimeout(a.current),a.current=null);let x=n.current;n.current={};let g=await xv({themeFromDocument:e,token:o?.current,siteId:t,patch:x},Qu(s));return u(g),g},[e,o,t,u,s]),m=Fs((x,g=!1)=>{let S=Ju({themeFromDocument:e,token:o?.current});if(S){u(S);return}n.current={...n.current,...x},a.current&&clearTimeout(a.current),g?p():a.current=setTimeout(()=>{p()},500)},[e,o,p,u]);return mv(()=>()=>{p()},[p]),{persist:m,flush:p}}var Cv="Follow the page",IH="Follow the slideshow",vv=e=>l("Editing {name} changes it everywhere.",{name:e});function wv({colors:e}){if(!e)return Fe("span",{className:"sf-secttheme-chip sf-secttheme-chip--none","aria-hidden":"true"});let o=bo(e);return ut("span",{className:"sf-secttheme-chip","aria-hidden":"true",children:[Fe("i",{style:{background:o.background}}),Fe("i",{className:"sf-secttheme-chip-accent",style:{background:o.accent}})]})}function kv({themes:e,value:o,onPick:t,onEdit:r,menuId:a,followLabel:n}){return ut("div",{className:"sf-multi-menu sf-secttheme-menu",id:a,role:"listbox",children:[n!==void 0&&ut(Iv,{children:[ut("button",{type:"button",role:"option","aria-selected":o===null,className:`sf-secttheme-item${o===null?" is-active":""}`,onClick:()=>t(La),children:[Fe(wv,{}),Fe("span",{className:"sf-secttheme-name",children:l(n)})]}),Fe("div",{className:"sf-secttheme-sep",role:"presentation"})]}),o!==null&&e[o]&&Fe("p",{className:"sf-secttheme-oncard",role:"presentation",children:l("{name} is on this section",{name:kr(o)})}),e.map((s,i)=>i===o?null:Fe(Ba,{role:"option",index:i,colors:s,selected:!1,onPick:()=>t(i),onEdit:()=>r(i)},i))]})}function Tv({index:e,colors:o,onChange:t,onDone:r}){let a=kr(e),n=tp();return ut("div",{className:"sf-secttheme-sheet",children:[ut("div",{className:"sf-secttheme-sheet-head",children:[Fe("span",{children:a}),Fe("button",{type:"button",className:"sf-secttheme-done",onClick:r,children:l("Done")})]}),Fe("div",{className:"sf-secttheme-rows",children:Fe(Ts,{colors:o,onChange:t,idPrefix:n})}),Fe("p",{className:"sf-secttheme-warn",children:vv(a)})]})}function rp({value:e,onChange:o,followLabel:t,hint:r}){let{theme:a,setTheme:n}=te(),s=fo(a),i=gv(ya),c=i?.tokenRef,u=i?.siteId??null,p=!i?.capabilities?.hasSiteTheme,{persist:m,flush:x}=_a({themeFromDocument:p,tokenRef:c,siteId:u}),g=fo(s),S=g.themes,k=Jl(e),b=k!==null?S[k]:void 0,v=b??(S.length?ua(g):void 0),[C,h]=op(!1),[w,L]=op(null),F=ep(null),_=ep(null),R=tp(),O=hv(()=>{h(!1),L(null)},[]);bv(()=>{if(!C&&w===null)return;let q=be=>{F.current&&!F.current.contains(be.target)&&(x(),O())};return document.addEventListener("mousedown",q),()=>document.removeEventListener("mousedown",q)},[C,w,O,x]);let U=q=>{o(q),O()},Ie=q=>{if(w===null)return;let be=S.map((ie,Te)=>Te===w?q:ie),D={...g,themes:be};n(D),m({selected_preset:D.selected,theme_presets:D.themes})};return ut("div",{className:"sf-secttheme",ref:F,children:[Fe(Sv,{label:l("Theme"),icon:Fe(yv,{}),labelId:`${R}-label`,hint:r,children:Fe(Zu,{colors:v,onEdit:k!==null?()=>{L(k),h(!1)}:void 0,name:b?kr(k):l(t??Cv),nameId:`${R}-value`,labelId:`${R}-label`,open:C,menuId:R,buttonRef:_,onClick:()=>{L(null),h(q=>!q)},onKeyDown:q=>{q.key==="Escape"&&(C||w!==null)&&(q.preventDefault(),O())}})}),C&&w===null&&Fe("div",{onKeyDown:q=>{q.key==="Escape"&&(q.preventDefault(),O(),_.current?.focus())},children:Fe(kv,{themes:S,value:k,onPick:U,onEdit:q=>{L(q),h(!1)},menuId:R,followLabel:t})}),w!==null&&S[w]&&Fe(Tv,{index:w,colors:S[w],onChange:Ie,onDone:()=>{x(),O(),_.current?.focus()}})]})}import{jsx as ap}from"react/jsx-runtime";import{useId as Fv}from"react";import{FieldSelect as Ev}from"efficient-easel/fields";import{SettingsField as Lv}from"efficient-easel/panel";function Pv(e){return e.map(({value:o,label:t,group:r,thumb:a,meta:n})=>({value:o,label:t,...r!==void 0?{group:r}:{},...a!==void 0?{thumb:a}:{},...n!==void 0?{meta:n}:{}}))}function Rv({label:e,options:o,fallback:t,value:r,onChange:a,placeholder:n,bare:s=!1,icon:i}){let c=Fv(),u=`${c}-label`,p=`${c}-button`,m=r??"",x=o.some(b=>b.value===m)?m:t,g=l(e),S=n===void 0?void 0:l(n),k=ap(Ev,{id:p,value:x,options:Pv(o),onChange:a,placeholder:S,searchPlaceholder:S,...s?{ariaLabel:g}:{ariaLabelledBy:`${u} ${p}`},searchable:!0,groupCount:!0,inline:!0});return s?k:ap(Lv,{label:g,labelId:u,icon:i,children:k})}import{jsx as pt,jsxs as Dv}from"react/jsx-runtime";import{SettingsField as mp}from"efficient-easel/panel";import{LinkIcon as _v}from"efficient-easel/icons";import{LinkPicker as Nv,TextLinkField as Mv}from"efficient-shell/ui";import{useEffect as pp,useMemo as Ha,useRef as Hv,useState as Ma}from"react";function np(){return so().auth.token}var Na="homepage";function lp(e){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}var sp=[{value:"page",label:"Page"},{value:"anchor",label:"Anchor"},{value:"blog",label:"Blog post",needs:"service"},{value:"product",label:"Product",needs:"commerce"},{value:"custom",label:"Custom URL"}];function ip(e){return e.offersCommerce&&e.offersService?sp:sp.filter(o=>!o.needs||(o.needs==="commerce"?e.offersCommerce:e.offersService))}function Tr(e){return e===Na?"/":`/${e}`}function fp(e){return`/journal/${e}`}function PH(e){return`/wheels/${e}`}function cp(e,o){return`${Tr(e)}#${o}`}function Ov(e){return lp(e)}function Av(e){return typeof e=="string"?e.trim():e&&typeof e=="object"&&typeof e.text=="string"?e.text.trim():""}function dp(...e){let o=new Set,t=[];for(let r of e)for(let a of r?.content??[]){let n=Av(a?.props?.anchor);if(!n)continue;let s=Ov(n);!s||o.has(s)||(o.add(s),t.push({slug:s,name:n}))}return t}function RH(e){let o=e.indexOf("#"),t=o===-1?e:e.slice(0,o),r=t.indexOf("?");return r===-1?t:t.slice(0,r)}var Bv=()=>({choosePage:l("Choose a page"),chooseSection:l("Choose a section"),noSections:l("No section anchors yet"),sectionHint:l("Jumps to a section on that page."),choosePost:l("Choose a post"),chooseProduct:l("Choose a product")});function up(e,o,t){if(!e)return"page";if(e.startsWith("/journal/"))return"blog";if(e.startsWith("/wheels/"))return"product";if(e.includes("#")){let r=e.slice(0,e.indexOf("#"));if(r===""||r==="/"||o.includes(r))return"anchor"}return e==="/"||o.includes(e)||t&&t.listingPaths.includes(t.targetOf(e))?"page":"custom"}function Es(e,o){let t=Bv(),r=e.pages.map(p=>({value:Tr(p.slug),label:p.title})),a=o?.pageOptions?o.pageOptions(r):r,n=a.map(p=>p.value),s=e.pages.map(p=>({label:p.title,options:dp(...p.docs).map(m=>({value:cp(p.slug,m.slug),label:m.name}))})).filter(p=>p.options.length>0),i=p=>{switch(p){case"page":return{type:"select",options:a,placeholder:t.choosePage};case"anchor":return{type:"groups",groups:s,placeholder:s.length?t.chooseSection:t.noSections};case"blog":return{type:"select",options:e.posts.map(m=>({value:fp(m.slug),label:m.title||m.slug})),placeholder:t.choosePost};case"product":return{type:"select",options:e.products.map(m=>({value:m.href,label:m.name||m.href})),placeholder:t.chooseProduct};case"custom":return{type:"text"}}},c=ip(e.offers).map(p=>({value:p.value,label:l(p.label),target:i(p.value),...p.value==="anchor"?{hint:t.sectionHint}:{},...p.value==="blog"||p.value==="product"?{hideWhenEmpty:!0}:{}}));if(!o)return{kinds:c,rules:{kindOf:p=>up(p,n),targetOf:p=>p,readFilter:()=>null,withFilter:p=>p}};let u=p=>{let m=o.withFilter(p,null);return o.listingPaths.includes(m)?m:p};return{kinds:c,rules:{kindOf:p=>up(p,n,{listingPaths:o.listingPaths,targetOf:u}),targetOf:u,readFilter:o.readFilter,withFilter:o.withFilter},filtersFor:p=>o.listingPaths.includes(p)?o.filtersFor(p):null}}function xp(e){let o=new Map;return(t="")=>{let r=np(),a=o.get(t);if(!a||a.token===null&&r!==null){let n=r||!so().usesBridgedToken?e(r??"",t).catch(()=>[]):Promise.resolve([]);return o.set(t,{promise:n,token:r}),n}return a.promise}}var Wv=xp(async(e,o)=>{let t=o?{siteId:o}:void 0,{pages:r}=Ke();return r.linkTargets?r.linkTargets(t):(await r.list(t)).map(a=>({id:a.id,slug:a.slug,label:a.label,layout:null}))}),Gv=xp(async(e,o)=>await Ke().blog?.posts(o?{siteId:o}:void 0)??[]);function zv({value:e,onChange:o,label:t="Link",data:r,filters:a}){let n=Ha(()=>Es(r,a),[r,a]),s=l(t);return pt(mp,{label:s,icon:pt(_v,{}),children:pt(Nv,{value:e,onChange:i=>o(i),kinds:n.kinds,rules:n.rules,filtersFor:n.filtersFor,label:s})})}function Ip(){let{siteId:e,capabilities:o}=we(),{offersCommerce:t,hasBlog:r}=o,[a,n]=Ma([]),[s,i]=Ma([]),[c,u]=Ma([]),[p,m]=Ma(null),x=Be().chrome,g=x?.products?.list,S=x?.linkFilters,k=S?void 0:x?.linkRow,b=Hv(!0);pp(()=>(b.current=!0,()=>{b.current=!1}),[]),pp(()=>{let h=!0;return Wv(e??void 0).then(w=>h&&b.current&&n(w)),r&&Gv(e??void 0).then(w=>h&&b.current&&i(w)),t&&g?.().then(w=>h&&b.current&&u(w)),t&&S?S.load(e).catch(()=>null).then(w=>h&&b.current&&m(()=>w)):m(null),()=>{h=!1}},[e,t,r,g,S]);let v=Ha(()=>({pages:a.filter(h=>!_d(h.slug)).map(h=>({slug:h.slug,title:h.label,docs:[h.layout]})),posts:r?s.map(h=>({slug:h.slug,title:h.title})):[],products:t?c.map(h=>({href:h.href,name:h.name})):[],offers:{offersCommerce:t,offersService:r}}),[a,s,c,t,r]),C=Ha(()=>p?p(v.pages):null,[p,v]);return{data:v,filters:C,pages:a,offersCommerce:t,HostLinkRow:k}}function YH({label:e,icon:o,text:t,onTextChange:r,link:a,onLinkChange:n}){let{data:s,filters:i}=Ip(),c=Ha(()=>Es(s,i),[s,i]),u=l(e);return pt(mp,{label:u,icon:o,children:pt(Mv,{label:u,text:t,onTextChange:r,link:a,onLinkChange:p=>n(p),kinds:c.kinds,rules:c.rules,filtersFor:c.filtersFor})})}function hp({value:e,onChange:o,label:t="Link"}){let r=typeof e=="string"?e:"",{data:a,filters:n,pages:s,offersCommerce:i,HostLinkRow:c}=Ip(),u=a.pages.map(m=>Tr(m.slug)),p=i&&c&&(r==="/"||u.includes(r))?c:void 0;return Dv("div",{children:[pt(zv,{value:r,onChange:o,label:t,data:a,filters:n}),p&&pt(p,{value:r,onChange:o,pages:s})]})}var po={min:10,max:200,step:10};function gp(e,o){let t=typeof e=="number"?e:void 0,r=typeof o=="number"?o:void 0;if(!(t===void 0&&r===void 0))return{paddingTop:t,paddingBottom:r}}var Uv="sf-pad-top-phone",qv="sf-pad-bottom-phone",$v="--sf-pad-t-phone",jv="--sf-pad-b-phone",Kv="sf-pad-left-phone",Vv="sf-pad-right-phone",Xv="--sf-pad-l-phone",Yv="--sf-pad-r-phone";function QH(e,o,t,r,a,n,s,i){let c=gp(e,o)??{},u={},p=["sf-section-pad"];typeof t=="number"&&(p.push(Uv),u[$v]=`${t}px`),typeof r=="number"&&(p.push(qv),u[jv]=`${r}px`);let m={};return typeof a=="number"&&(m.paddingLeft=a),typeof n=="number"&&(m.paddingRight=n),typeof s=="number"&&(p.push(Kv),u[Xv]=`${s}px`),typeof i=="number"&&(p.push(Vv),u[Yv]=`${i}px`),p.length===1&&gp(e,o)===void 0&&!Object.keys(m).length?null:{className:p.join(" "),style:{...c,...m,...u}}}var bp=e=>typeof e=="number"?e:void 0;function yp(e,o,t){let r=bp(e)??t,a=bp(o);return r===void 0?a:a===void 0?r:r+a}function JH(e,o={}){return{top:yp(e.padTop,e.sectionPaddingTop,o.top),bottom:yp(e.padBottom,e.sectionPaddingBottom,o.bottom)}}var Zv=["auto","fixed","screen"],Qv=["px","%"];var Jv="var(--sf-header-h, 88px)",Ls={min:40,max:2e3,step:10,fallback:600},Ps={min:10,max:200,step:5,fallback:100},ew="sf-section-minh",Sp={base:"--sf-section-minh",small:"--sf-section-minh-s"},vp=e=>typeof e=="string"&&Zv.includes(e),ow=e=>typeof e=="string"&&Qv.includes(e);function Wa(e){let o=vp(e.sectionHeightMode)?e.sectionHeightMode:"auto",t=o==="screen"?"%":ow(e.sectionHeightUnit)?e.sectionHeightUnit:"px",r=o==="screen"?Ps.fallback:Ls.fallback,a=typeof e.sectionHeightValue=="number"?e.sectionHeightValue:r;return{mode:o,value:a,unit:t}}function wp(e){let{mode:o,value:t,unit:r}=Wa(e);if(o==="auto")return;if(o==="fixed"&&r==="px")return[`${t}px`,null];let a=t/100,n=s=>o==="screen"?`(100${s} - ${Jv})`:`100${s}`;return[`calc(${n("vh")} * ${a})`,`calc(${n("svh")} * ${a})`]}function tw(e){let o=wp(e);if(!o)return;let[t,r]=o;return{display:"grid",[Sp.base]:t,...r?{[Sp.small]:r}:{}}}var o5=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),Pt="Height",rw="sf-section-minh-phone",Cp={base:"--sf-section-minh-p",small:"--sf-section-minh-ps"};function Rs(e){return vp(e.sectionHeightModePhone)}function t5(e){return Wa({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})}function aw(e){let o=tw(e),t=Rs(e)?wp({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone}):void 0;if(!o&&!t)return null;let r=[ew],a={...o??{}};return t&&(r.push(rw),a[Cp.base]=t[0],t[1]&&(a[Cp.small]=t[1])),{className:r.join(" "),style:a}}function r5(e){return aw(e)!==null}var nw=["column","row","tabs"],kp="Direction",lw={column:"Stacked",row:"One row",tabs:"Tabs"},Tp={Flex:nw,HeroGroup:["column","row"]},sw={Flex:"row",HeroGroup:"column"},iw={column:"flex-col",row:"flex-row",tabs:"flex-col"};function Ga(e,o){return Tp[e].includes(o)?o:sw[e]}function n5(e,o){return iw[Ga(e,o)]}function Fp(e){return Tp[e].map(o=>({label:lw[o],value:o}))}var Os=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Space between",value:"between"},{label:"End",value:"end"}],Pp=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"}],Rp="Wrap",As=[{label:"Wrap",value:"wrap"},{label:"No wrap",value:"nowrap"}],Ep={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},Lp={start:"items-start",center:"items-center",stretch:"items-stretch"};function s5(e,o){let t=typeof e=="string"&&e in Ep?Ep[e]:"",r=typeof o=="string"&&o in Lp?Lp[o]:"";return[t,r].filter(Boolean).join(" ")}function i5(e){return e===!0||e==="wrap"?"flex-wrap":""}var Bs="Block widths",za=[{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]}],Fr="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",fw={equal:Fr,bigLeft:`${Fr} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${Fr} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${Fr} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${Fr} [&>*:last-child]:min-[800px]:grow-[3]`};function f5(e){return typeof e=="string"?fw[e]??"":""}var Op="Columns on phone",Ds=1,Ap=3,cw={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 c5(e){let o=Number(e);return cw[o]??"max-[800px]:flex-col"}var Bp="Block spacing",_s=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],dw="sf-box-gap-only";function d5(e){return e==="gap"?dw:""}var uw=["solid","dashed","dotted"],pw=["top","right","bottom","left"],p5="sf-section-border",mw=/^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,Dp=e=>typeof e=="number"&&Number.isFinite(e)?`${Math.min(20,Math.max(0,Math.round(e)))}px`:void 0;function _p(e,{phone:o=!1}={}){if(!e||typeof e!="object")return;let t=o?"-phone":"",r={};for(let a of pw){let n=Dp(e[a])??Dp(e.width);n!==void 0&&(r[`--sf-border-${a}-width${t}`]=n)}return typeof e.style=="string"&&uw.includes(e.style)&&(r[`--sf-border-style${t}`]=e.style),typeof e.color=="string"&&mw.test(e.color)&&(r[`--sf-border-color${t}`]=e.color.toLowerCase()),Object.keys(r).length?r:void 0}function m5(e,o){let t=_p(e),r=_p(o,{phone:!0});return t||r?{...t,...r}:void 0}var Hp="sf.gapContainer",Ko={min:-32,max:64,step:2},Wp={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},Rt={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},xw=new Set(["Events","GalleryB"]);function Ns(e,o,t){if(typeof o=="number"&&Number.isFinite(o)&&o>=Ko.min)return o;if(typeof o=="string"){let r=Wp[e]?.[o];if(typeof r=="number")return r}return typeof t=="number"&&Number.isFinite(t)?t:Rt[e]}var Iw="sf-gap-overlap",hw="--sf-gap-overlap",Gp="--sf-block-gap",gw="--sf-block-gap-rem",mt={min:0,max:Ko.max,step:Ko.step};function bw(e){if(typeof e!="number"||!Number.isFinite(e))return null;let o=Math.min(Math.max(Math.round(e),mt.min),mt.max);return o-o%mt.step}function I5(e){let o=bw(e);return o===null?{}:{[Gp]:`${o}px`,[gw]:`${o/16}rem`}}var Np="sf-gap-zone",Mp="--sf-gap-len";function Ms(e,o){return typeof o=="number"&&Number.isFinite(o)&&o>=Ko.min?!0:typeof o=="string"&&typeof Wp[e]?.[o]=="number"}var yw={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function h5(e,o,t){if(!Ms(e,o)){let a=`${Rt[e]}px`,n=xw.has(e)?`var(--sf-card-gap, ${a})`:a;return{className:` ${Np}`,style:{[Mp]:`var(${Gp}, ${n})`}}}let r=Ns(e,o);return r>=0?{className:` ${Np}`,style:{[Mp]:`${r}px`}}:{className:` ${Iw} ${yw[t]}`,style:{gap:"0px",[hw]:`${-r/2}px`}}}var zp=["transparent","var(--section-bg)","var(--surface)","var(--surface-2)"],Up={transparent:"No fill","var(--section-bg)":"Section band","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},Ua="var(--section-bg)",qa="inherit";function b5(e,o){return e===qa?Ua:e===void 0?o:$a(e)}var Sw=/var\(\s*--(surface-2|surface|line)\s*(?=[,)])/g;function $a(e){return e.replace(Sw,"var(--site-$1")}function qp(e,o){return e===qa?!0:e===void 0&&o===Ua}var $p=["transparent","var(--wheel-stage)","var(--surface)","var(--surface-2)"],jp={transparent:"No fill","var(--wheel-stage)":"Image stage","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},Ot="var(--wheel-stage)",ja="transparent",Er="inherit";function C5(e,o){return $a(Hs(e,o))}function Hs(e,o){return e===Er?Ot:e==null?o:e===!0?Ot:e===!1?ja:e}function v5(e){return typeof e=="string"&&e!==Er?$a(e):Ot}function w5(e){return e!==ja&&e!=="none"&&e!==""}function Kp(e,o){return e===Er||e===!0?!0:e==null?o===Ot:!1}var Vp="inherit",Ka="fixed",Xp=e=>typeof e!="number"&&e!==Ka,Cw="var(--sf-heading-max, 9999px)";function T5(e,o,t,r){if(typeof e=="number")return`${e}px`;if(e===Ka)return o;let a=r?`var(--size-${r}, ${o})`:o;return t==="heading"?`min(${a}, ${Cw})`:a}var _e={min:1e3,max:2e3,step:50,default:1600};function Yp(e){return{maxWidth:e,marginInline:"auto",width:"100%"}}function E5(e,o){if(e!==!1)return null;let t=typeof o=="number"?o:_e.default;return Yp(t)}var Zp="--sf-site-width",Va=`var(${Zp},${_e.default}px)`,L5=`max-w-[${Va}]`,P5=`max-w-[${_e.default}px]`;function vw(e){return typeof e!="number"||!Number.isFinite(e)?_e.default:Math.round(Math.min(Math.max(e,_e.min),_e.max))}function R5(e){let o=vw(e);return o===_e.default?{}:{[Zp]:`${o}px`}}var Eo={min:0,max:80,step:4,default:40},Qp="--sf-site-gutter",Ve=`var(${Qp},${Eo.default}px)`,ww=`px-[${Ve}]`;var Vo={md:`min(24px,${Ve})`,sm:`min(20px,${Ve})`,frame:`min(24px,${Ve})`,tabs:`min(16px,${Ve})`},O5=[[`max-[1100px]:px-[${Vo.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${Vo.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${Vo.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${Vo.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${Vo.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${Vo.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${Vo.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${Vo.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${Ve}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${Ve})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${Ve})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${Ve})]`,"max-[720px]:-mx-5"],[`-mx-[${Ve}]`,"-mx-10"],[ww,"px-10"]];function kw(e){return typeof e!="number"||!Number.isFinite(e)?Eo.default:Math.round(Math.min(Math.max(e,Eo.min),Eo.max))}function A5(e){let o=kw(e);return o===Eo.default?{}:{[Qp]:`${o}px`}}var Xa=`min(var(--sf-page-cap,${Va}),${Va})`,B5=`max-w-[${Xa}]`,D5=`max-w-[min(var(--sf-page-cap,${_e.default}px),${_e.default}px)]`,Jp="--sf-hero-cap",Tw=`var(${Jp},none)`,_5=`max-w-[${Tw}]`,Ws="--sf-hero-bleed-m",Gs="--sf-hero-bleed-w",N5=`var(${Ws},calc(50% - 50vw))`,M5=`var(${Gs},100vw)`,H5=`mx-[var(${Ws},calc(50%_-_50vw))]`,W5=`w-[var(${Gs},100vw)]`,zs="--sf-hero-chrome-x",Us="--sf-hero-chrome-cap";function G5(e){return e===!0?{[Jp]:Xa,[Ws]:"auto",[Gs]:"100%",[zs]:"24px",[Us]:"none"}:{}}var qs=`calc(${Va} - ${Ve}*2)`,z5=`max-w-[${qs.replace(/ /g,"_")}]`;var Fw="--sf-chrome-cap",Ew=`var(${Fw},${qs})`,U5="data-page-width";function q5(e){return e==="full"?"full":null}function $5(e){return e==="full"?null:Yp(e==="content"?qs:Ew)}function j5(e){if(e==="full")return"full";if(e==="content")return"content"}var Lw=["contained","page","full"],em=["full","page"],Lr={full:"Full width",page:"Content width"},$s="inherit",Pw=e=>typeof e=="string"&&Lw.includes(e),Rw=e=>e===$s;function js(e,o){let t=typeof e.pageWidth=="number"?e.pageWidth:_e.default;return Rw(e.widthMode)?{mode:"full",pageWidth:t,inherited:!0}:e.widthMode==="contained"?{mode:"page",pageWidth:t,inherited:!1}:Pw(e.widthMode)?{mode:e.widthMode,pageWidth:t,inherited:!1}:e.contained===!0?{mode:"page",pageWidth:t,inherited:!1}:typeof e.fullWidth=="boolean"?{mode:e.fullWidth?"full":"page",pageWidth:t,inherited:!1}:e.contained===!1?{mode:"full",pageWidth:t,inherited:!1}:{mode:o,pageWidth:t,inherited:o==="full"}}function Ks(e){return js(e,"page").mode==="full"}import{jsx as Ow}from"react/jsx-runtime";import{createContext as Aw,useContext as Bw}from"react";var Dw=2,_w=Dw+1,om=Aw(2);function tm({tier:e,children:o}){return Ow(om.Provider,{value:e,children:o})}function Vs(e){let o=Bw(om);return _w+Math.max(0,e-o)}import{withStyleKind as R0}from"efficient-easel/style-clipboard";function Nt(e){for(let[o,t]of Object.entries(e))t&&typeof t=="object"&&!So(t)&&R0(t,`section:${o}`);return e}function bm(){return null}function Zs(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return I(bm,{},e)}function O0(e){return e.type===bm}function Zo(e){return O0(e)?void 0:e}function Bt(e,o){return l("{value} from {from}",{value:e,from:o})}function A0(){let{appState:e}=_t(a=>a),o=e.data.root?.props??{},{mode:t,pageWidth:r}=js(o,"full");return t==="page"?Bt(`${r}px`,l("the page")):t==="contained"?Bt(l("Contained"),l("the page")):Bt(l("Full"),l("the page"))}function B0(){let{blockGap:e}=te();return e===null?l("this container's own spacing"):Bt(`${e}px`,l("Site styles"))}function D0({inherited:e,onReset:o,label:t}){return I(mo,{words:J()?.panel,label:l(t),changed:!e,detail:B0(),onReset:o})}function _0({inherited:e,onReset:o,label:t}){return I(mo,{words:J()?.panel,label:l(t),changed:!e,detail:A0(),onReset:o})}function Mt({value:e,onChange:o,label:t,placeholder:r,hint:a,multiline:n,hideable:s=!0,markup:i=!0}){let{text:c,hidden:u}=Ue(e),p=Ys(null),m=Ys(null),x=C=>o(s?{text:C,hidden:u}:C),g=()=>o({text:c,hidden:!u}),S=s&&u,k=Hw(),b=a?G0(a)?I("span",{className:"sf-hint-keep sf-hint-while-typing",children:l(a)}):I(cu,{children:l(a)}):void 0,v=u?l("Show {label} on the slide",{label:l(t)}):l("Hide {label} on the slide",{label:l(t)});return I(fe,{label:l(t),icon:I(u0,{}),htmlFor:k,className:S?"is-hidden":void 0,hint:b,action:s?I(Qa,{content:v,children:I("button",{type:"button",className:"sf-field-eye","aria-pressed":u,"aria-label":v,onClick:g,children:u?I(ze,{name:"eye-off",size:14}):I(ze,{name:"eye",size:14})})}):void 0,children:Dt("div",{className:"sf-copybox",children:[i&&I(cs,{target:n?m:p,value:c,onChange:x}),n?I("textarea",{id:k,ref:m,value:c,placeholder:r===void 0?void 0:l(r),onChange:C=>x(C.target.value)}):I("input",{id:k,ref:p,type:"text",value:c,placeholder:r===void 0?void 0:l(r),onChange:C=>x(C.target.value)})]})})}function o3(e,o){return{...e,[hr]:o}}function t3(e){let o=e[Se];if(!o)throw new Error("withOffPage: the field holds no authored text");return{...e,[Se]:{...o,offPage:!0}}}function Ja(e){return!e||typeof e!="object"?!1:e[Se]?.offPage===!0}var ym="sfPanelOnly";function r3(e){if(!e[Se])throw new Error("withPanelOnly: the field holds no authored text");return{...e,[ym]:!0}}function Sm(e){return!!e&&typeof e=="object"&&e[ym]===!0}function a3(e){let o=e[Se];if(!o)throw new Error("withIdentifier: the field holds no authored text");return{...e,[Se]:{...o,identifier:!0}}}function l3(e,o){if(!e[Se])throw new Error("inOwnBox: the field holds no authored text");let{[Lu]:t,...r}=e;return{...r,[us]:!0,render:o}}var N0=new Set(dt),Ht=(e,o)=>{let t={...o,[Se]:e};if(!N0.has(e.control))return t;let r=o.render;return{...Ra(t,"authored-copy"),render:a=>I(Bu,{name:a.name,children:r(a)})}},s3="Everything else on this block comes from the linked post. Unlink it to edit by hand.",M0="Select a word, then press the highlighter.",H0="A short name so a link can jump straight to this section, like yoursite.com/page#about.",W0=new Set([M0]),G0=e=>W0.has(e);function i3(e,o,t){return Ht({control:"text",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:e,placeholder:o,hint:t})})}function f3(e,o,t){return Ht({control:"textarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0})})}function z0(e,o,t){return Ht({control:"plainText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1,markup:!1})})}function c3(e,o,t){return Ht({control:"copyText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1})})}function d3(e){return{type:"custom",[Ir]:{label:e},render:({value:o,onChange:t})=>I(hp,{value:zd(o),onChange:t,label:e})}}function u3(e,o,t){return Ht({control:"plainTextarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0,hideable:!1})})}var Cm={Design:Ww,Animation:fm};function vm(e,o){return e.includes("Design")?o!=="Design":null}function U0({label:e}){return I(x0,{title:l(e),level:Vs(1)})}function q0({level:e,label:o}){return e===1?I(U0,{label:o}):I(Rr,{label:o})}function wm(e,o){return{type:"custom",[Ca]:{label:e,level:o},render:()=>I(q0,{level:o,label:e})}}function Xe(e){return wm(e,2)}function p3(e){return{type:"custom",render:()=>I($0,{text:e})}}function $0({text:e}){return I("p",{className:"sf-note",children:l(e)})}function m3(e){return wm(e,1)}function x3(e){return So(e)!==null&&e?.tabs!==void 0}var rm=new Map;function en(e,o){let t=`${e}\0${o?o.join(""):""}`,r=rm.get(t)??{type:"custom",tabs:o,[Ca]:{label:e,level:1},bucket:e,marker:!0,render:()=>I(Yo,{})};return rm.set(t,r),r}var am=new Map;function Qs(e){let o=am.get(e)??{type:"custom",[Ca]:{label:e,level:1},designGroup:e,marker:!0,...e==="Content"?{}:{fold:e},render:()=>I(Yo,{})};return am.set(e,o),o}function j0(e){let o=e;return o?.marker===!0&&typeof o.fold=="string"?o.fold:null}function km(e,o){return j0(e)===o?e:{...e,marker:!0,fold:o,render:()=>I(Yo,{})}}function Tm(e){let o=e;if(o.marker===!0&&o.fold===void 0)return e;let{fold:t,...r}=e;return{...r,marker:!0,render:()=>I(Yo,{})}}function Rr({label:e}){return I(I0,{title:l(e),level:Vs(2)})}function Fm({swatches:e,current:o,onPick:t,names:r}){let a=e.find(i=>i.toLowerCase()===o.toLowerCase()),n=a?r?.[a]:void 0,s=n?l(n):o;return Dt("div",{className:"sf-swatches",children:[e.map(i=>{let c=r?.[i]?l(r[i]):i;return I(Qa,{content:c,children:I("button",{type:"button","aria-pressed":o.toLowerCase()===i.toLowerCase(),className:`sf-swatch ${o.toLowerCase()===i.toLowerCase()?"is-active":""}`,style:{background:i},onClick:()=>t(i),"aria-label":c})},i)}),I("span",{className:"sf-swatch-hex",children:s})]})}function I3(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=qp(t,o);return I(fe,{label:l(e),icon:I(Uw,{}),changed:!a,action:I(mo,{words:J()?.panel,label:l(e),changed:!a,detail:l("the theme's section background"),onReset:()=>r(qa)}),children:Fm({swatches:zp,current:a?Ua:t??o??"",onPick:r,names:Up})})}}}function K0(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=t,n=Kp(a,o);return I(fe,{label:l(e),icon:I(t0,{}),changed:!n,action:I(mo,{words:J()?.panel,label:l(e),changed:!n,detail:l("the theme's image stage"),onReset:()=>r(Er)}),children:Fm({swatches:$p,current:n?Ot:Hs(a,o),onPick:r,names:jp})})}}}function on(e=t=>t,o){return Nt({_gSectionTheme:Xe(mu),sectionAccent:{type:"custom",render:({value:t,onChange:r})=>I(rp,{value:e(t),onChange:r,followLabel:o})}})}function qe({min:e,max:o,step:t,value:r,onChange:a,suffix:n="",readout:s=!0,notch:i,ariaLabel:c,disabled:u=!1}){let p=i!==void 0&&Number.isFinite(i)&&i>=e&&i<=o;return I("div",{className:p?"sf-slider has-notch":"sf-slider",style:p?{"--sf-notch":(i-e)/(o-e)}:void 0,children:I(P0,{min:e,max:o,step:t,value:r,suffix:n||void 0,showInput:s,label:c===void 0?void 0:l(c),disabled:u,size:"sm",className:"sf-slider-track",onChange:m=>{m!==null&&m!==r&&a(m)}})})}function At(e,o,t,r,a,n,s="",i){return{type:"custom",render:c=>I(fe,{label:l(e),icon:Zo(o),action:i?i("storedValue"in c?c.storedValue:c.value,c.onChange):void 0,children:qe({min:t,max:r,step:a,value:typeof c.value=="number"?c.value:n,suffix:s,ariaLabel:e,onChange:c.onChange})})}}function Em(e,o){let{min:t,max:r,step:a=1,unsetLabel:n,hint:s,restTrack:i,unsetMark:c,icon:u}=o;return{type:"custom",render:({value:p,onChange:m})=>{let x=typeof p=="number"?p:null,g=x===null;return I(fe,{label:l(e),icon:u?Zo(u):void 0,value:g?c||n===void 0?void 0:l(n):`${x}px`,changed:!g,action:c?sm(c,{changed:!g,onReset:()=>m(null)}):I(mo,{words:J()?.panel,label:l(e),changed:!g,onReset:()=>m(null)}),hint:typeof s=="string"?l(s):s,children:i?i({min:t,max:r,step:a,px:x,label:e,onChange:m}):qe({min:t,max:r,step:a,value:x??t,readout:!1,ariaLabel:e,onChange:m})})}}}function h3(e){let o=At("Gap",I(dm,{}),Ko.min,Ko.max,Ko.step,Rt[e],"px",(t,r)=>I(D0,{inherited:!Ms(e,t),onReset:()=>r(void 0),label:"Gap"}));return{type:"custom",[Hp]:e,render:t=>o.render({...t,value:Ns(e,t.value,t.field?.siteGap),storedValue:t.value,onChange:r=>t.onChange(r)})}}var tn="Corners";function Js(e){return{type:"custom",render:({value:o,onChange:t})=>{let r=typeof o=="number"&&Number.isFinite(o)?o:null,a=r!==null;return I(fe,{label:l(tn),icon:I(Vw,{}),changed:a,action:sm(e.mark,{changed:a,onReset:()=>t(null)}),hint:e.hint,children:I(V0,{tier:e,px:r,onRadius:t})})}}}function Lm(e){let o=null;try{o=im()}catch{o=null}return[o?.values?.[e],t=>o?.onChange(e,t)]}function V0({tier:e,px:o,onRadius:t}){let r=e.useFollowed(),a=e.useClosedReason?e.useClosedReason():null,[n,s]=Lm(e.sidesKey),i=Co(n)??[...zo];return I(F0,{label:l(tn),value:i,corners:zl,onChange:c=>{let u=Co(c)??[];s(u.length===zo.length?null:u)},radius:o,onRadiusChange:t,radiusMin:ro,radiusMax:nt,radiusStep:e.step??1,radiusPlaceholder:String(r),disabled:a!==null,disabledReason:a??void 0})}function Pm(){return Ra({type:"custom",render:()=>I(Cr,{})},"always")}function X0({label:e,changed:o=!1,onReset:t=()=>{}}){let{cornerRadiusPx:r}=te(),a=typeof r=="number"?`${r}px`:l("not set");return I(mo,{words:J()?.panel,label:l(e),changed:o,detail:r==null?l("the built-in corners"):Bt(a,l("Site styles")),onReset:t})}function Y0(){let{cornerRadiusPx:e}=te();return typeof e=="number"?e:ro}function Z0(){return Js({sidesKey:"sectionCornerSides",useFollowed:Y0,useClosedReason:()=>Om()?l(Rm):null,mark:I(X0,{label:tn}),hint:I(Q0,{})})}var Rm="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function Om(){return Ks(nn())}function Q0(){return I(Yo,{children:Om()?Rm:"Follows Site styles \u25B8 Basics \u25B8 Corners until you set a number here."})}function rn(){return Nt({_gShape:Xe("Shape"),sectionCorners:Z0(),sectionCornerSides:Pm(),sectionBorder:nm("desktop"),sectionBorderPhone:nm("mobile")})}var J0=()=>({width:l("Border width"),sides:{top:l("Border top"),right:l("Border right"),bottom:l("Border bottom"),left:l("Border left")},style:l("Border style"),styles:{solid:l("Solid"),dashed:l("Dashed"),dotted:l("Dotted")},color:l("Border color"),unit:"px"});function ek(e){let o=Object.fromEntries(Object.entries(e).filter(([,t])=>t!=null&&t!==""));return Object.keys(o).length?o:void 0}function ok(){let e;try{let o=fo(te().theme);e=o.themes[o.selected]?.line}catch{e=void 0}return e||Zc.line}function tk({value:e,onChange:o,tier:t}){let[r]=Lm("sectionBorder"),a=ok(),n=e&&typeof e=="object"?e:{},s=t==="mobile"?r&&typeof r=="object"?r:{}:{},[i,c]=Za(()=>v0(n,s)),u=J0();return I(fe,{label:l("Border"),icon:I(qw,{}),action:I(gm,{each:i,label:l("Each side"),onChange:c}),children:I(h0,{label:l("Border"),value:n,each:i,onChange:p=>o(ek(p)),placeholder:{sides:C0(s),style:s.style??"solid",color:s.color||a},presets:[a],words:u,max:20})})}function nm(e){return je(e,{type:"custom",render:({value:o,onChange:t})=>I(tk,{value:o,onChange:t,tier:e})})}function an(){return{_gMotion:Xe("Motion"),sectionAnimation:ti("Entrance",I(fm,{}),[...Iu],es)}}function ei(){let e=null;try{let{appState:o,selectedItem:t}=_t(a=>a),r=t?.props?.id?String(t.props.id):void 0;e=r?ts(o?.data,r):null}catch{e=null}return e!==null&&Ks(e)}function Am(e){let{cornerRadiusPx:o}=te(),t=ei(),r=typeof o=="number"?o:e,a=null;try{let{appState:s,selectedItem:i}=_t(u=>u),c=i?.props?.id?String(i.props.id):void 0;a=c?ts(s?.data,c):null}catch{a=null}if(t||!a)return r;let n=a.sectionCorners;return Gl(n)?n:r}function rk({label:e,changed:o=!1,onReset:t=()=>{}}){let r=ei(),a=Am(ro),n=r?"Site":"Section";return I(mo,{words:J()?.panel,label:l(e),changed:o,detail:Bt(`${a}px`,r?l("Site styles"):l("the section")),onReset:t})}function ak(){return I(Yo,{children:ei()?l("The section is full width, so this card follows Site styles \u25B8 Basics \u25B8 Corners."):l("Follows the section's Corners until you set a number here.")})}function nk(){return Js({sidesKey:"cardCornerSides",useFollowed:()=>Am(ro),mark:I(rk,{label:tn}),hint:I(ak,{})})}function lk(){return{type:"custom",render:()=>I(Qd,{})}}function g3(){return{_gShape:Xe("Shape"),cardCorners:nk(),cardCornerSides:Pm(),cardCornersApplyAll:lk()}}function b3(){return Xo("Justify",I(zw,{}),Os,Os[0].value)}function y3(){return Xo("Item alignment",I(Gw,{}),Pp,"stretch")}function S3(){return Xo(Rp,I(m0,{}),As,As[0].value)}function C3(){return{type:"custom",render:({value:e,onChange:o})=>{let t=za.find(r=>r.value===e)??za[0];return I(fe,{label:l(Bs),icon:I(cm,{}),value:l(t.label),children:I("div",{className:"sf-gallery-layouts",role:"group","aria-label":l(Bs),children:za.map(r=>I(Qa,{content:l(r.label),className:"sf-tile-tip",children:I("button",{type:"button","aria-pressed":t.value===r.value,"aria-label":l(r.label),onClick:()=>o(r.value),children:I("span",{className:"sf-gallery-pic",children:sk(r.weights).map((a,n)=>I("i",{style:{gridColumn:`span ${a}`}},n))})})},r.value))})})}}}function sk(e){if(!e)return[3,4];let o=e.reduce((t,r)=>t+r,0);return e.map(t=>Math.round(t/o*12))}function v3(){return Xo(Bp,I(dm,{}),_s,_s[0].value)}function w3(){return At(Op,I(s0,{}),Ds,Ap,1,Ds)}function k3(e){let o=ti(kp,Zs("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),Fp(e),Ga(e,void 0));return{type:"custom",render:t=>o.render({...t,value:Ga(e,t.value),onChange:r=>t.onChange(r)})}}function T3(e,o,t,r,a,n){return{type:"custom",render:({value:s,onChange:i})=>I(fe,{label:l(e),icon:I(Yl,{noun:n}),action:I(mo,{words:J()?.panel,label:l(e),changed:!Xp(s),detail:l("the Text style in Site styles"),onReset:()=>i(Vp),defaultAction:{onPress:()=>i(Ka),title:l("Keep this section's own built-in size"),icon:I($w,{})}}),children:qe({min:o,max:t,step:r,value:typeof s=="number"?s:a,suffix:"px",ariaLabel:e,onChange:i})})}}function F3(){return{_gCellWidth:Xe("Cell width"),gridSpan:Xo("Positions",I(cm,{}),[{label:"Auto",value:""},...Array.from({length:ka},(e,o)=>({label:o===0?"1 position":`${o+1} positions`,value:String(o+1)}))],"")}}function nn(){let e=null;try{e=_t(o=>o).selectedItem}catch{e=null}return e?.props??{}}function ik({min:e,max:o,step:t,px:r,label:a,onChange:n,desktopKey:s,fallback:i}){let c=nn()[s],u=Oa(void 0,c,i);return I(Yo,{children:qe({min:e,max:o,step:t,value:Oa(r,c,i),readout:!1,ariaLabel:a,notch:u,onChange:n})})}function fk({label:e,desktopKey:o,fallback:t,changed:r=!1,onReset:a=()=>{}}){let n=nn()[o],s=Oa(void 0,n,t);return I(mo,{words:J()?.panel,label:l(e),changed:r,detail:l("{value} on desktop",{value:`${s}px`}),onReset:a})}function ck(e){return Em(e.label,{icon:e.icon,min:e.min,max:e.max,step:e.step,unsetLabel:"Follows Desktop",unsetMark:I(fk,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:o=>I(ik,{...o,desktopKey:e.desktopKey,fallback:e.fallback})})}var dk={Top:"Padding top",Bottom:"Padding bottom",Left:"Padding left",Right:"Padding right"},uk={Top:Im,Bottom:pm,Left:mm,Right:xm},pk=e=>{let o=uk[e];return I(o,{})};function E3(e={}){let o=e.keys?.top??"sectionPaddingTop",t=e.keys?.bottom??"sectionPaddingBottom",r=e.group!==!1,a=b=>dk[b],n=b=>At(a("Top"),I(Im,{}),po.min,po.max,po.step,b,"px"),s=(b,v,C,h=po)=>je("mobile",ck({label:a(b),icon:pk(b),desktopKey:v,min:h.min,max:h.max,step:h.step,fallback:C})),i=e.top??po.min,c=e.bottom??po.min,u="sectionPaddingLeft",p="sectionPaddingRight",m=e.sideBounds??po,x=e.side??m.min,g=e.sidePhone??x,S=e.phone===!0,k=b=>S?je("desktop",b):b;return Nt({...r?{_gSpacing:Xe("Padding")}:{},[o]:k(n(i)),...S?{[Lt(o)]:s("Top",o,i)}:{},...e.only==="top"?{}:{[t]:k(At(a("Bottom"),I(pm,{}),po.min,po.max,po.step,c,"px")),...S?{[Lt(t)]:s("Bottom",t,c)}:{}},...e.sides?{[u]:k(At(a("Left"),I(mm,{}),m.min,m.max,m.step,x,"px")),...S?{[Lt(u)]:s("Left",u,g,m)}:{},[p]:k(At(a("Right"),I(xm,{}),m.min,m.max,m.step,x,"px")),...S?{[Lt(p)]:s("Right",p,g,m)}:{}}:{}})}var Pr=["top","right","bottom","left"],mk={top:"sectionPaddingTop",right:"sectionPaddingRight",bottom:"sectionPaddingBottom",left:"sectionPaddingLeft"},lm=e=>typeof e=="number"?e:null;function xk(e,o,t){let r={};for(let a of Pr)t[a]!==o[a]&&(r[e[a]]=t[a]??void 0);return r}function Ik({tier:e,o}){let t=null;try{t=im()}catch{t=null}let r=t?.values??{},a=e==="mobile"?o.phoneKeys:o.keys,n=Object.fromEntries(Pr.map(u=>[u,lm(r[a[u]])])),s=Object.fromEntries(Pr.map(u=>[u,String(e==="mobile"?lm(r[o.keys[u]])??o.fallback[u]:o.fallback[u])])),[i,c]=Za(()=>y0(n,s));return I(fe,{label:l("Padding"),icon:I(l0,{}),action:I(gm,{each:i,label:l("Each side"),onChange:c}),children:I(b0,{label:l("Padding"),each:i,value:n,placeholder:s,min:o.min,max:o.max,step:o.step,onChange:u=>{let p=xk(a,n,u);Object.keys(p).length&&t?.onChangeMany(p)},words:{sides:{top:l("Padding top"),right:l("Padding right"),bottom:l("Padding bottom"),left:l("Padding left")},vertical:l("Top and bottom"),horizontal:l("Left and right"),unit:"px"}})})}function ln(e={}){let o={...mk,...e.keys},t={keys:o,phoneKeys:Object.fromEntries(Pr.map(i=>[i,Lt(o[i])])),fallback:{top:0,right:0,bottom:0,left:0,...e.fallback},min:e.min??0,max:e.max??200,step:e.step??4},r=e.phone!==!1,a=i=>{let c={type:"custom",render:()=>I(Ik,{tier:i,o:t})};return r?je(i,c):c},n=()=>Ra({type:"custom",render:()=>I(Cr,{})},"always"),s=Pr.filter(i=>i!=="top");return Nt({...e.group===!1?{}:{_gSpacing:Xe("Padding")},[t.keys.top]:a("desktop"),...r?{[t.phoneKeys.top]:a("mobile")}:{},...Object.fromEntries(s.map(i=>[t.keys[i],n()])),...r?Object.fromEntries(s.map(i=>[t.phoneKeys[i],je("mobile",n())])):{}})}var hk={contained:"Contained",page:"Page",full:"Full"},Ya="Width";function sn(e,o=em,t=!0){let r=o.map(a=>({label:Lr[a]??hk[a],value:a}));return Nt({...t?{_gWidth:Xe(Ya)}:{},widthMode:{type:"custom",render:({onChange:a,field:n})=>I(fe,{label:l(Ya),icon:I(p0,{}),action:t?I(_0,{inherited:n?.inherited??!1,onReset:()=>a($s),label:Ya}):void 0,children:oi({options:r,value:n?.currentValue||e,onChange:a,ariaLabel:Ya})})}})}function fn(){let e=r=>({type:"custom",render:({value:a,onChange:n})=>I(fe,{label:Pt,icon:Zo(I(r0,{})),action:r?r(n):void 0,children:oi({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(a)?a:"auto",onChange:n,ariaLabel:Pt})})}),o=()=>({type:"custom",render:({value:r,onChange:a,field:n})=>{let s=n?.unit==="%"?"%":"px",i=s==="%"?Ps:Ls;return I("div",{className:"sf-field",children:qe({min:i.min,max:i.max,step:i.step,value:typeof r=="number"?r:i.fallback,suffix:s,ariaLabel:Pt,onChange:a})})}}),t=()=>ti("Unit",I(um,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return Nt({_gHeight:Xe(Pt),sectionHeightMode:je("desktop",e()),sectionHeightValue:je("desktop",o()),sectionHeightUnit:je("desktop",t()),sectionHeightModePhone:je("mobile",e(r=>I(gk,{onClear:()=>r(void 0)}))),sectionHeightValuePhone:je("mobile",o()),sectionHeightUnitPhone:je("mobile",t())})}function gk({onClear:e}){let o=nn(),t=Rs(o),r=Wa(o),a=l("{value} on desktop",{value:r.mode==="auto"?l("Auto"):`${r.value}${r.unit}`});return I(mo,{words:J()?.panel,label:l(Pt),changed:t,detail:a,onReset:e})}function cn(){return{_gAnchor:Xe("Anchor"),anchor:z0("Anchor name","e.g. about",H0)}}function L3(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=`${n??s??e}-datetime`,c=Date.parse(typeof r=="string"?r:"");return I(fe,{label:l(e),icon:o,htmlFor:i,hint:t===void 0?void 0:l(t),children:I(E0,{id:i,value:Number.isFinite(c)?new Date(c):null,onChange:u=>a(u?u.toISOString():"")})})}}}function xt(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=typeof r=="boolean"?r:o,c=`${n??s??e}-label`;return I(fe,{label:l(e),labelId:c,icon:t,action:I(S0,{checked:i,onChange:a,ariaLabelledBy:c})})}}}function P3(){return{type:"custom",render:({value:e,onChange:o,id:t,name:r})=>{let a=`${String(t??r??"pageBackground")}-colour`;return I(fe,{label:l("Background"),icon:I(hm,{}),htmlFor:a,action:I(uo,{id:a,label:"Background",value:Zl(e),onChange:o})})}}}function R3(e,o){return{type:"custom",render:({value:t,onChange:r})=>I(fe,{label:l(e),action:uo({value:t||o,onChange:r,label:e})})}}var bk=[{value:"0% 0%",label:"Top left"},{value:"50% 0%",label:"Top"},{value:"100% 0%",label:"Top right"},{value:"0% 50%",label:"Left"},{value:"50% 50%",label:"Center"},{value:"100% 50%",label:"Right"},{value:"0% 100%",label:"Bottom left"},{value:"50% 100%",label:"Bottom"},{value:"100% 100%",label:"Bottom right"}];function Bm({label:e,value:o,onChange:t,points:r=bk}){let a=r.map(n=>({...n,label:l(n.label),...n.title?{title:l(n.title)}:null}));return I(T0,{label:l(e),value:o,points:a,onChange:t})}function O3(e,o=L0,t="mediaImage"){return{type:"custom",render:({value:r,onChange:a})=>I("div",{className:"sf-focal-row",children:I(yk,{label:e,value:r||o,onChange:a,imageProp:t})})}}function yk({label:e,value:o,onChange:t,imageProp:r}){let{selectedItem:a}=_t(s=>s),n=a?.props?.[r];return I(Mu,{label:e,value:o,onChange:t,image:typeof n=="string"?n:void 0})}var Sk=Kl([]);function A3(e,{stacking:o,fallback:t=Ta}){return{type:"custom",render:({value:r,onChange:a})=>{let n=co.includes(r)?r:t;return o?I(Ck,{label:e,value:n,onChange:a}):Dm({label:e,value:n,onChange:a,points:Sk})}}}function Ck({label:e,value:o,onChange:t}){let{appState:r,selectedItem:a}=_t(i=>i),n=a?.props?.id?String(a.props.id):void 0,s=n?Xl(r?.data,n):[];return Dm({label:e,value:o,onChange:t,points:Kl(s,n)})}function Dm({label:e,value:o,onChange:t,points:r}){let a=r.find(n=>n.disabled);return I(fe,{label:l(e),icon:I(i0,{}),hint:a?.title?l(a.title):void 0,children:Bm({label:e,value:it(o),onChange:t,points:r})})}var B3={top:I(Qw,{}),right:I(Zw,{}),bottom:I(Xw,{}),left:I(Yw,{})};function D3(e,o,t,r,a,n){let s=p=>o.find(m=>m.value===p),i=p=>({value:p,label:"",disabled:!0,title:r}),c=p=>{let m=o.find(g=>g.cell===p);if(!m)return i(`missing-${p}`);let x=n?.[p];return x?{value:m.value,label:m.label,icon:x}:{value:m.value,label:m.label}},u=[i("corner-top-left"),c("top"),i("corner-top-right"),c("left"),i("centre"),c("right"),i("corner-bottom-left"),c("bottom"),i("corner-bottom-right")];return{type:"custom",render:({value:p,onChange:m})=>{let x=o.some(g=>g.value===p)?p:t;return I(fe,{label:l(e),icon:a,value:s(x)?.label?l(s(x).label):"",children:Bm({label:e,value:x,onChange:m,points:u})})}}}var vk="\0note";function Xo(e,o,t,r,a){return{type:"custom",options:t,fallback:r,...a?{note:a}:{},render:({value:n,onChange:s,field:i})=>{let c=i.options??t,u=i.fallback??r,p=c.some(m=>m.value===n)?n:u;return I(fe,{label:l(e),icon:Zo(o),children:I(w0,{value:p,ariaLabel:l(e),onChange:s,options:[...a?[{label:l(a),value:vk,disabled:!0}]:[],...c.map(m=>({label:l(m.label),value:m.value}))]})})}}}function _3(e,o,t){return{type:"custom",options:o,render:({value:r,onChange:a,field:n})=>I(ju,{label:e,options:(n.options??o).map(s=>({...s,label:l(s.label)})),value:Array.isArray(r)?r:[],onChange:a,...t?{emptyLabel:l(t)}:{}})}}function N3(e,o={}){return{type:"custom",render:({value:t,onChange:r})=>{let a={value:t,onChange:r,...o};return I(e,{...a})}}}function oi({options:e,value:o,onChange:t,ariaLabel:r,disabled:a=!1}){return I(g0,{options:e.map(n=>n.picture?{id:n.value,label:n.picture,title:l(n.title??n.label)}:{id:n.value,label:l(n.label),title:n.title===void 0?void 0:l(n.title)}),value:o,onChange:t,ariaLabel:l(r),disabled:a})}var M3=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function ti(e,o,t,r){let a=t.map(n=>typeof n=="string"?{label:n,value:n}:n);return{type:"custom",render:({value:n,onChange:s,field:i})=>I(fe,{label:l(e),icon:Zo(o),children:oi({options:a,value:a.some(c=>c.value===n)?n:n||i?.currentValue||r,onChange:s,ariaLabel:e})})}}function H3(e,o,t){return{type:"custom",[Ud]:!0,render:({value:r,onChange:a})=>I(qu,{value:r||"",onChange:a,label:e,accept:o,placeholder:t})}}function W3({value:e,onChange:o,label:t}){let r=e||{},a=!!r.pending,n=a?"var(--fg-dim, #888)":r.ok?"#1d9e75":"#d85a30",s=(i,c)=>o({...r,[i]:c===""?void 0:Number(c)});return Dt(fe,{label:l(t),icon:I(Xs,{}),children:[I("button",{type:"button",disabled:a,onClick:()=>o({...r,pending:!0,ok:!1,status:"Finding\u2026"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:a?"default":"pointer",opacity:a?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:a?l("Finding\u2026"):l("Find coordinates")}),r.status&&I("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:n},children:l(r.status)}),I("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:l("Coordinates from OpenStreetMap")}),I("button",{type:"button",onClick:()=>o({...r,manual:!r.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:r.manual?l("Hide manual coordinates"):l("Enter coordinates manually")}),r.manual&&Dt("div",{style:{marginTop:8,display:"grid",gap:8},children:[I(fe,{label:l("Latitude"),icon:I(Xs,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"34.0990198"}),value:typeof r.lat=="number"?r.lat:"",onChange:i=>s("lat",i.target.value)})}),I(fe,{label:l("Longitude"),icon:I(Xs,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"-117.9842833"}),value:typeof r.lng=="number"?r.lng:"",onChange:i=>s("lng",i.target.value)})})]})]})}function wk(e,o){return o===null||o<0||o>=e.length?"":e[o]?.text??""}function kk(e,o,t){let r=e.map(a=>({text:a?.text??""}));return o===null||o<0||o>=e.length?r:r.map((a,n)=>n===o?{text:t}:a)}function Tk(e,o,t){if(t===null||t>=o.length)return null;for(let r=0;r<t;r+=1)if(e[r]!==o[r])return null;return e[t]!==o[t]&&o.includes(e[t])||e[t]!==o[t]&&o.length!==e.length?null:t}var ri={label:"Ticker items",icon:I(n0,{})};function G3(e,o,t,r){return{type:"custom",[Se]:{control:"textList",label:e,placeholder:t,itemKey:"text",rendering:r},render:({value:a,onChange:n})=>I(ai,{label:e,icon:Zo(o),items:Array.isArray(a)?a:[],placeholder:t,onChange:n,markup:r==="markup"})}}function ai({label:e,icon:o,items:t,placeholder:r,onChange:a,markup:n=!1}){let s=Ys(null),[i,c]=Za(null),u=m=>m.map(x=>({text:x?.text??""})),p=m=>{let x=Tk(t,m,i);x===null&&(s.current=null),c(x),a(u(m))};return I(k0,{label:l(e),icon:o,noun:l("item"),items:t,onChange:p,newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:n?I(cs,{target:s,value:wk(t,i),onChange:m=>a(kk(t,i??-1,m)),disabled:i===null,label:i===null?l("Formatting \u2014 click a row first"):l("Formatting \u2014 row {n}",{n:i+1})}):void 0,renderRow:(m,x,g)=>I("input",{type:"text",className:n&&i===x?"sf-list-marking":void 0,value:m?.text??"",placeholder:l(r),"aria-label":l("{label} {n}",{label:l(e),n:x+1}),onChange:S=>g({text:S.target.value}),onFocus:S=>{s.current=S.currentTarget,c(x)}})})}function _m(e,o){let t=`${e.label} \u2014 row ${o+1}`;return Ht({control:"plainText",label:t,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:r,onChange:a})=>I(Mt,{value:r,onChange:a,label:l("{label} \u2014 row {n}",{label:l(e.label),n:o+1}),placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function Nm(e){return{_gCards:Xe("Cards"),coverIndex:Xo("Cover image",I(a0,{}),_u,String(1),e?.coverHint??"A card's opening picture \u2014 a card pinned to a finish keeps its own."),imageBackground:K0("Image background",ja),cardImage:Fk(),spinOnHover:xt("Rotate on hover",e?.spinDefault??!0,I(c0,{}))}}function Mm(){return{outline:Xo("Card outline",I(d0,{}),bs,hs),indexBadge:Xo("Card number",I(um,{}),gs,Is),showBadge:xt("Product badge",!0,I(Yl,{noun:"tag"}))}}function Hm(e){let o=e?.bottomDefault??!0;return{_gShowOnCard:Xe("Show on a card"),showCardPrice:xt("Price",!0,I(Jw,{})),showCardFinishes:xt("Finish swatches",!0,I(e0,{})),showCardSizes:xt("Sizes",o,I(f0,{})),showCardBuy:xt("Buy button",o,I(jw,{})),showCardPage:xt("Page button",o,I(hm,{}))}}function Fk(){return Em("Card image",{min:ro,max:nt,step:Jd,hint:"Rounds the picture. The card's own corner is in Site styles."})}function z3(){return Js({sidesKey:"cornerSides",step:eu,useFollowed:()=>ro,mark:I(Ek,{label:ou}),hint:l("Rounds the picture. Left alone it stays square.")})}function Ek({label:e,changed:o=!1,onReset:t=()=>{}}){return I(mo,{words:J()?.panel,label:l(e),changed:o,onReset:t})}function U3(){return{type:"custom",render:({value:e,onChange:o})=>I(Lk,{value:typeof e=="string"?e:"",onChange:o})}}function Lk({value:e,onChange:o}){let[t,r]=Za(null),a=ql.filter(s=>t===null||wo[s].across===t),n=e&&e in wo?wo[e]:null;return Dt(Yo,{children:[I(fe,{label:l("Photos in a row"),icon:I(Kw,{}),children:Dt("div",{className:"sf-gallery-filter",children:[I("button",{type:"button","aria-pressed":t===null,onClick:()=>r(null),children:l("All")}),ru.map(s=>I("button",{type:"button","aria-pressed":t===s,onClick:()=>r(s),children:s},s))]})}),I(fe,{label:l("Layout"),icon:I(o0,{}),value:n?l(n.label):l("Not chosen"),hint:l("{n} of {total} layouts",{n:a.length,total:ql.length}),children:I("div",{className:"sf-gallery-layouts",children:a.map(s=>I(Qa,{content:l(wo[s].label),className:"sf-tile-tip",children:I("button",{type:"button","aria-pressed":e===s,"aria-label":l(wo[s].label),onClick:()=>o(e===s?"":s),children:I("span",{className:"sf-gallery-pic",children:wo[s].desktop.map(([i,c],u)=>I("i",{style:{gridColumn:`span ${i}`,gridRow:`span ${c}`}},u))})})},s))})})]})}import{jsx as dn,Fragment as Pk,jsxs as Wm}from"react/jsx-runtime";import{Button as Gm,Dialog as Rk}from"efficient-shell/ui";function Ok(e){return lt("This site has {n} color theme of its own. Clearing takes them away and puts back the four the shop supplies.","This site has {n} color themes of its own. Clearing takes them away and puts back the four the shop supplies.",e)}function zm({count:e,onCancel:o,onConfirm:t}){return Wm(Rk,{open:!0,onClose:o,role:"alertdialog",size:"sm",title:l("Clear this site\u2019s colors?"),footer:Wm(Pk,{children:[dn(Gm,{variant:"secondary",onClick:o,children:l("Cancel")}),dn(Gm,{variant:"danger",onClick:t,children:l("Clear colors")})]}),children:[dn("p",{children:Ok(e)}),dn("p",{className:"mt-2 font-medium",children:l("This cannot be undone.")})]})}var Nk=Zs("the row's whole content is an action; the gutter names a subject and this row has none \u2014 the button's label is the name GG, 2026-09-23");function Mk(){return Qo("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:Qo("path",{d:"M12 5v14M5 12h14"})})}var Hk="Reset color",Wk={selected:0,themes:[]};function Gk(e){e(Wk)}function $m({value:e,onChange:o}){let t=e?.themes??[],r=t.length===0,a=fo(e),[n,s]=qm(!1),i=_k(),[c,u]=qm(null),p=(v,C)=>{o({...a,themes:a.themes.map((h,w)=>w===v?C:h)})},m=ua(a).accent,x=new Set(a.themes.map(v=>v.brandInk).filter(Boolean)),g=Qc.filter(v=>!x.has(v)).map(v=>Jc(m,v)),S=[...a.themes,...g],k=v=>{if(v<a.themes.length)return o({...a,selected:v});let C=[...a.themes,S[v]];o({...a,themes:C,selected:C.length-1})},b=()=>{let v=[...a.themes,{...bo(a.themes[a.selected])}];o({...a,themes:v,selected:v.length-1}),u(v.length-1)};return Um(Ak,{children:[r?null:Qo(Dk,{label:l(Hk),icon:Zo(Nk),labelId:"sf-theme-reset",action:Qo(Bk,{label:l("all theme colors"),words:i.panel,changed:!0,onReset:()=>s(!0)})}),n&&Qo(zm,{count:t.length,onCancel:()=>s(!1),onConfirm:()=>{s(!1),Gk(o)}}),Qo("div",{className:"sf-theme-list",role:"radiogroup","aria-label":l("Theme"),children:S.map((v,C)=>Qo(Ba,{index:C,colors:v,selected:C===a.selected,open:c===C&&C<a.themes.length,editable:C<a.themes.length,onPick:()=>k(C),onEdit:()=>u(h=>h===C?null:C),onChangeColors:h=>p(C,h)},C))}),Um("button",{type:"button",onClick:b,className:"sf-theme-add",children:[Qo(Mk,{}),l("Add new theme")]})]})}import{jsx as un}from"react/jsx-runtime";import{SettingsDefaultReset as zk,SettingsField as Uk}from"efficient-easel/panel";import{SquareIcon as qk}from"efficient-easel/icons";var $k="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",ni="Corners";function jm({value:e,onChange:o,showHint:t=!0}){let r=e===null;return un(Uk,{label:l(ni),icon:un(qk,{}),value:r?void 0:`${e}px`,changed:!r,action:un(zk,{words:J()?.panel,label:l(ni),changed:!r,detail:l("the built-in corners"),onReset:()=>o(null)}),hint:t?l($k):void 0,children:un(qe,{min:ro,max:nt,step:1,value:e??ro,readout:!1,ariaLabel:l(ni),onChange:o})})}import{jsx as Or}from"react/jsx-runtime";import{SettingsDefaultReset as jk,SettingsField as Kk,SettingsSegmented as Vk}from"efficient-easel/panel";import{ShadowIcon as Xk}from"efficient-easel/icons";var li={none:"None",soft:"Soft",lifted:"Lifted"},Yk="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Zk={none:"none",soft:"0 1px 1px rgba(20, 20, 22, 0.10), 0 2px 4px -1px rgba(20, 20, 22, 0.14)",lifted:"0 1px 2px rgba(20, 20, 22, 0.10), 0 4px 7px -2px rgba(20, 20, 22, 0.30)"},Qk={labelsPx:90.25,widestLabelPx:34.6};function Km({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??El;return Or(Kk,{label:l("Card shadow"),icon:Or(Xk,{}),value:l(li[a]),changed:!r,action:Or(jk,{words:J()?.panel,label:l("Card shadow"),changed:!r,detail:l(li[El]),onReset:()=>o(null)}),hint:t?l(Yk):void 0,children:Or(Vk,{options:cd.map(n=>({id:n,label:l(li[n]),icon:Or("span",{className:"sf-shadow-chip",style:{boxShadow:Zk[n]}})})),value:a,ariaLabel:l("Card shadow"),fit:Qk,onChange:o})})}import{jsx as si}from"react/jsx-runtime";import{SettingsDefaultReset as Jk,SettingsField as e1}from"efficient-easel/panel";import{ShadowIcon as o1}from"efficient-easel/icons";var t1="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function Vm({value:e,onChange:o,showHint:t=!0}){let r=e===null;return si(e1,{label:l("Shadow color"),icon:si(o1,{}),changed:!r,action:uo({value:e??"",inherited:r?Pl:void 0,onChange:o,label:"Shadow color",after:si(Jk,{words:J()?.panel,label:l("Shadow color"),changed:!r,detail:Pl,onReset:()=>o(null)})}),hint:t?l(t1):void 0})}import{jsx as pn}from"react/jsx-runtime";import{SettingsDefaultReset as r1,SettingsField as a1}from"efficient-easel/panel";import{AlignSeparateIcon as n1}from"efficient-easel/icons";var l1="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",ii="Block gap",s1=Rt.Grid;function Xm({value:e,onChange:o,showHint:t=!0}){let r=e===null;return pn(a1,{label:l(ii),labelId:"sf-block-gap",icon:pn(n1,{}),value:r?void 0:`${e}px`,changed:!r,action:pn(r1,{words:J()?.panel,label:l(ii),changed:!r,detail:l("each block's own spacing"),onReset:()=>o(null)}),hint:t?l(l1):void 0,children:pn(qe,{min:mt.min,max:mt.max,step:mt.step,value:r?s1:e,readout:!1,ariaLabel:l(ii),onChange:o})})}import{jsx as mn}from"react/jsx-runtime";import{SettingsDefaultReset as i1,SettingsField as f1,SettingsSegmented as c1}from"efficient-easel/panel";import{HoverIcon as d1}from"efficient-easel/icons";var fi={none:"None",lift:"Lift",highlight:"Highlight"},u1="What a card does when a shopper points at it \u2014 or taps it, on a phone. Highlight is the effect your cards already use.";function Ym({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??Ll;return mn(f1,{label:l("Hover effect"),icon:mn(d1,{}),value:l(fi[a]),changed:!r,action:mn(i1,{words:J()?.panel,label:l("Hover effect"),changed:!r,detail:l(fi[Ll]),onReset:()=>o(null)}),hint:t?l(u1):void 0,children:mn(c1,{options:dd.map(n=>({id:n,label:l(fi[n])})),value:a,ariaLabel:l("Hover effect"),onChange:o})})}import{jsx as xn}from"react/jsx-runtime";import{SettingsDefaultReset as p1,SettingsField as m1,SettingsSegmented as x1}from"efficient-easel/panel";import{ImageIcon as I1}from"efficient-easel/icons";var ci="Hero image",di=[{followsWidth:!1,label:Lr.full},{followsWidth:!0,label:Lr.page}],h1="Whether the big picture at the top of a page runs edge to edge, or sits inside the page width. The words follow the page width either way.";function Zm({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return xn(m1,{label:l(ci),icon:xn(I1,{}),value:l(di.find(n=>n.followsWidth===a).label),changed:!r,action:xn(p1,{words:J()?.panel,label:l(ci),changed:!r,detail:l(di.find(n=>!n.followsWidth).label),onReset:()=>o(null)}),hint:t?l(h1):void 0,children:xn(x1,{options:di.map(n=>({id:n.followsWidth,label:l(n.label)})),value:a,ariaLabel:l(ci),onChange:o})})}import{jsx as In}from"react/jsx-runtime";import{SettingsDefaultReset as g1,SettingsField as b1,SettingsSegmented as y1}from"efficient-easel/panel";import{DropIcon as S1}from"efficient-easel/icons";var ui="Photography",Qm={shot:"As shot",mono:"Black and white"},pi=[{grayscale:!1,label:Qm.shot},{grayscale:!0,label:Qm.mono}],C1="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function Jm({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return In(b1,{label:l(ui),icon:In(S1,{}),value:l(pi.find(n=>n.grayscale===a).label),changed:!r,action:In(g1,{words:J()?.panel,label:l(ui),changed:!r,detail:l(pi.find(n=>!n.grayscale).label),onReset:()=>o(null)}),hint:t?l(C1):void 0,children:In(y1,{options:pi.map(n=>({id:n.grayscale,label:l(n.label)})),value:a,ariaLabel:l(ui),onChange:o})})}import{jsx as hn}from"react/jsx-runtime";import{SettingsDefaultReset as v1,SettingsField as w1}from"efficient-easel/panel";import{PaddingXIcon as k1}from"efficient-easel/icons";var mi="Side space",xi=Eo.default,T1="The room left at the left and right edge of every page.";function ex({value:e,onChange:o,showHint:t=!0}){let r=e===null;return hn(w1,{label:l(mi),labelId:"sf-side-space",icon:hn(k1,{}),value:`${e??xi}px`,changed:!r,action:hn(v1,{words:J()?.panel,label:l(mi),changed:!r,detail:`${xi}px`,onReset:()=>o(null)}),hint:t?l(T1):void 0,children:hn(qe,{min:Eo.min,max:Eo.max,step:Eo.step,value:e??xi,readout:!1,ariaLabel:l(mi),onChange:o})})}import{jsx as gn}from"react/jsx-runtime";import{SettingsDefaultReset as F1,SettingsField as E1}from"efficient-easel/panel";import{WidthIcon as L1}from"efficient-easel/icons";var Ii="Content width",hi=_e.default,P1="The standard width every page on this site renders at.";function ox({value:e,onChange:o,showHint:t=!0}){let r=e===null;return gn(E1,{label:l(Ii),labelId:"sf-site-width",icon:gn(L1,{}),value:`${e??hi}px`,changed:!r,action:gn(F1,{words:J()?.panel,label:l(Ii),changed:!r,detail:`${hi}px`,onReset:()=>o(null)}),hint:t?l(P1):void 0,children:gn(qe,{min:_e.min,max:_e.max,step:_e.step,value:e??hi,readout:!1,ariaLabel:l(Ii),onChange:o})})}import{jsx as W,jsxs as An,Fragment as Ki}from"react/jsx-runtime";import{FieldSelect as gF}from"efficient-easel/fields";import{SettingsField as Bn}from"efficient-easel/panel";import{Tooltip as Yx}from"efficient-shell/ui";import{AccentIcon as bF,CaseIcon as yF,StylesIcon as SF,TextLinesIcon as Qx,TextSizeIcon as zr,TextSmallIcon as CF,TypeIcon as vF,WeightIcon as wF}from"efficient-easel/icons";import{jsx as M,Fragment as ji,jsxs as Lo}from"react/jsx-runtime";import{useEffect as Ui,useRef as YT,useState as ZT}from"react";import{jsx as Wt,jsxs as tx}from"react/jsx-runtime";import{Tooltip as R1}from"efficient-shell/ui";function Gt({label:e,onClear:o,what:t="override"}){let r=l(e),a=t==="override"?l("Clear override"):t==="change"?l("Clear change"):l("Clear {what}",{what:t}),n=t==="override"?l("Clear override: {label}",{label:r}):t==="change"?l("Clear change: {label}",{label:r}):l("Clear {what}: {label}",{what:t,label:r});return Wt(R1,{content:a,children:Wt("button",{type:"button",className:"sf-part-mark","aria-label":n,onClick:o,children:Wt(O1,{})})})}function O1(){return tx("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[Wt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),tx("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[Wt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),Wt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as QT,InspectorField as JT}from"efficient-easel/fields";import{SettingsField as eF}from"efficient-easel/panel";import{InspectorUpLevel as Rn}from"efficient-easel/chrome";import{StylesIcon as oF,TypeIcon as tF}from"efficient-easel/icons";import{useEasel as rF}from"efficient-easel/easel";import{TextPartPanel as aF}from"efficient-easel/copy";import{Tooltip as nF}from"efficient-shell/ui";import{jsx as Wi,jsxs as RT}from"react/jsx-runtime";import{COPY_CELLS as Tn,CopyBox as OT}from"efficient-easel/copy";import{PaddingYIcon as AT,WidthIcon as BT}from"efficient-easel/icons";import{useSyncExternalStore as M1}from"react";import{decodePartId as It,encodePartId as Ar,PART_SEP as mW}from"efficient-easel/screen/lib/puck/part-id";var A1=dt,B1=["text","textarea"],D1=["textarea","plainTextarea"];function _1(e){return!e||typeof e!="object"?null:e[Se]?.control??null}function zt(e){let o=_1(e);return o&&A1.includes(o)?o:null}function bn(e){return D1.includes(e)}function rx(e){return!e||typeof e!="object"?void 0:e[Se]?.placeholder}function yn(e){return Ue(e).text}function gi(e,o,t){return B1.includes(e)?{text:t,hidden:Ue(o).hidden}:t}function ax(e,o,t,r){return yn(e[o])===r?null:{...e,[o]:gi(t,e[o],r)}}function bi(e,o){return o?`${e}[${o.index}].${o.rowKey}`:e}function xo(e){let o=/^([A-Za-z0-9_$]+)\[(\d+)\]\.([A-Za-z0-9_$]+)$/u.exec(e);return o?{key:o[1],row:{index:Number(o[2]),rowKey:o[3]}}:{key:e,row:null}}function yi(e){if(!(!e||typeof e!="object"))return e[Se]}function Si(e){if(!e||typeof e!="object")return null;let o=e.arrayFields;return o&&typeof o=="object"?o:null}function nx(e,o){if(!Array.isArray(o))return[];let t=yi(e),r=[];if(t?.control==="textList"){let n=t.itemKey??"text";return o.forEach((s,i)=>{let c=s?.[n];typeof c=="string"&&c&&r.push({row:{index:i,rowKey:n},text:c})}),r}let a=Si(e);return a?(o.forEach((n,s)=>{for(let[i,c]of Object.entries(a)){if(!zt(c))continue;let u=yn(n?.[i]);u&&r.push({row:{index:s,rowKey:i},text:u})}}),r):[]}function Br(e,o){if(Array.isArray(e))return e[o.index]?.[o.rowKey]}function Ci(e,o,t,r){let a=e[o];return!Array.isArray(a)||t.index<0||t.index>=a.length?null:{...e,[o]:a.map((n,s)=>s===t.index?{...n,[t.rowKey]:r}:n)}}function lx(e,o,t,r,a){let n=Br(e[o],t);return yn(n)===a?null:Ci(e,o,t,gi(r,n,a))}function sx(e,o){return o?`${e} \xB7 row ${o.index+1}`:e}var Io="data-sf-part",Ye="data-sf-part-selected",AW="data-sf-part-kind",ix=2;function fx(e,o){if(!e)return!1;let t=It(e);return!!t?.propKey&&t.nodeId===o}function Ut(e){return ct(e).replace(/\s+/gu,"")}function Sn(e,o,t){let r=e[Se];if(r){if(r.control==="textList"){let n=r.itemKey??"text";if(!Array.isArray(o))return;for(let s of o){let i=s?.[n];typeof i=="string"&&t.push(i)}return}let{text:a}=Ue(o);a?t.push(a):r.placeholder&&t.push(r.placeholder);return}if(!e[Ir]){if(e.type==="text"||e.type==="textarea"){typeof o=="string"&&o&&t.push(o);return}if(e.arrayFields&&Array.isArray(o)){for(let a of o)for(let[n,s]of Object.entries(e.arrayFields))Sn(s,a?.[n],t);return}if(e.objectFields&&o&&typeof o=="object")for(let[a,n]of Object.entries(e.objectFields))Sn(n,o[a],t)}}function cx(e){if(!e||typeof e!="object")return!1;let o=e;return o[Ir]?!1:!!o[Se]||o.type==="text"||o.type==="textarea"}function Cn(e,o){let t=e[Se];return t?.label?t.label:typeof e.label=="string"?e.label:o}function vi(e){let o=e.indexOf(" (");return(o>0?e.slice(0,o):e).trim()}function BW(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){if(!a||typeof a!="object"||vr(r))continue;let n=a,s=[];Sn(n,o?.[r],s),!s.length&&n[hr]!==void 0&&Sn(n,n[hr],s);let i=Cn(n,r),c=new Set;for(let{row:m,text:x}of nx(n,o?.[r])){let g=Ut(x);g.length<ix||(c.add(g),t.push({key:r,label:i,texts:[g],row:m}))}let u=new Set(c),p=[];for(let m of s){let x=Ut(m);x.length<ix||u.has(x)||(u.add(x),p.push(x))}p.length&&t.push({key:r,label:i,texts:p})}return t}var N1=dt;function dx(e,o){if(!o||typeof o!="object"||vr(e)||Pu(o))return null;let t=o[Se];return!t||!N1.includes(t.control)?null:t}function DW(e,o){let t=dx(e,o);return t!==null&&t.identifier!==!0}function ux(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){let n=dx(r,a);if(!n)continue;let{text:s,hidden:i}=Ue(o?.[r]),c=s||n.placeholder||"",u=ct(c).replace(/\s+/gu," ").trim();t.push({key:r,label:vi(Cn(a,r)),preview:u,offPage:n.offPage===!0,identifier:n.identifier===!0,hidden:!!i})}return t}function qt(e,o){let t=yi(e);return t?.control==="textList"?o.rowKey===(t.itemKey??"text")?_m(t,o.index):null:Si(e)?.[o.rowKey]??null}function vn(e,o,t){let r=e.node.props,{key:a,row:n}=xo(e.propKey),s=n?lx(r,a,n,e.kind,o):ax(r,a,e.kind,o);return s?(t(e.zone,e.index,{...e.node,props:s}),!0):!1}var H1=["bold","italic","underline","strike","link","sup","sub"],W1=["bullet","number"];function Ti(e,o){return e?[...H1,...o?W1:[]]:[]}function px(e,o){let t=It(e);if(!t?.propKey)return null;let{nodeId:r,propKey:a}=t,n=o.getItemById(r),s=o.getSelectorForId(r);if(!n||!s)return null;let{key:i,row:c}=xo(a),u=o.components[n.type]?.fields?.[i],p=c?qt(u,c):u,m=zt(p);if(!m)return null;let x=n.props??{};if(c&&!(Array.isArray(x[i])&&c.index<x[i].length))return null;let g=c?Br(x[i],c):x[i];return{node:n,selector:s,propKey:a,kind:m,stored:g,offPage:Ja(p)}}function mx(e,o){let t=px(e,o);if(!t||t.offPage)return null;let{text:r,hidden:a}=Ue(t.stored);if(a)return null;let n=bn(t.kind);return{partId:e,value:r,rules:Et,multiline:n,offered:Ti(t.kind!=="plainText",n),write:s=>{let i=px(e,o);i&&vn({node:i.node,propKey:i.propKey,kind:i.kind,zone:i.selector.zone,index:i.selector.index},s,o.replace)}}}function xx(e,o,t){return e?.isConnected&&e.getAttribute(Io)===t?e:o?.querySelector(`[${Io}="${G1(t)}"]`)??null}function G1(e){return e.replace(/["\\]/g,"\\$&")}function Ix(e){let o=e.activeElement;return o?o.tagName==="IFRAME"||!!o.closest(".es-canvas"):!1}var wi=null,ki=new Set;function z1(){return wi}function Fi(e){if(e!==wi){wi=e;for(let o of ki)o()}}function U1(e){return ki.add(e),()=>{ki.delete(e)}}function hx(){return M1(U1,z1,()=>null)}var Pi="_partStyles",Ai="data-sf-part-styled",q1=["none","upper","capitalize","lower"],$1=[400,500,600,700],j1=["left","center","right","justify"],K1=5,V1=1e3,X1=-5,Y1=10,Bi=0,Di=64,_i=2,Ni=120,Jo=1280,Mi=10,gx={size:{min:K1,max:V1,step:1},padding:{min:Bi,max:Di,step:_i},width:{min:Ni,max:Jo,step:Mi}},Z1=.05,Q1=.01,J1=["line","letter"],eT=.5,oT=2.5,tT=-1,rT=1,aT=0,nT=400,Ri={none:"none",upper:"uppercase",capitalize:"capitalize",lower:"lowercase"};function _r(e){return!e||typeof e!="object"||Array.isArray(e)?null:e}function Cx(e){return _r(e?.[Pi])??{}}function kn(e,o){let t=Cx(e);return Object.hasOwn(t,o)?_r(t[o])??{}:{}}function vx(e,o,t){let r={...Cx(e)};if(lT(t).length?r[o]=t:delete r[o],!Object.keys(r).length){let{[Pi]:a,...n}=e;return n}return{...e,[Pi]:r}}function lT(e){return Object.entries(e).filter(([,o])=>o!==void 0)}function sT(e){return J1.includes(e)}var Dr=(e,o,t)=>Math.min(t,Math.max(o,e));function iT(e,o){if(sT(e)){let t=Math.round(Number(o));return!Number.isFinite(t)||t===0?null:Dr(t,X1,Y1)}if(e==="lineHeight"){let t=Number(o);return Number.isFinite(t)?$t(Dr(t,eT,oT),3):null}if(e==="letterSpacing"){let t=Number(o);return Number.isFinite(t)?$t(Dr(t,tT,rT),4):null}if(e==="paragraphSpacing"){let t=Math.round(Number(o));return!Number.isFinite(t)||t<=0?null:Dr(t,aT,nT)}if(Object.hasOwn(gx,e)){let{min:t,max:r}=gx[e],a=Math.round(Number(o));return Number.isFinite(a)?Dr(a,t,r):null}return e==="italic"?typeof o=="boolean"?o:null:e==="role"?_o.includes(String(o))?o:null:o}var fT=[["font","role"],["line","lineHeight"],["letter","letterSpacing"]];function cT(e){let o=[];for(let[t,r]of fT)t===e?o.push(r):r===e&&o.push(t);return o}function Mr(e,o,t,r){let a={...kn(e,o)},n=r==null?null:iT(t,r);if(n===null)delete a[t];else{a[t]=n;for(let s of cT(t))delete a[s]}return vx(e,o,a)}function wx(e,o){return vx(e,o,{})}function dT(e){for(let o of q1)if(Ri[o]===e)return o;return"none"}function uT(e){return!e||!Object.hasOwn(Ri,e)?"":Ri[e]}var pT={heading:"--font-role-heading",heading2:"--font-role-heading2",heading3:"--font-role-heading3",body:"--font-role-body",accent:"--font-role-accent",label:"--font-role-label"};function mT(e){let o=e.role;return o&&_o.includes(o)?o:null}var xT={headingLarge:"min(clamp(64px,9vw,144px), var(--sf-heading-max,9999px))",headingMedium:"min(32px, var(--sf-heading-max,9999px))",headingSmall:"min(24px, var(--sf-heading-max,9999px))",accent:"32px",body:"14px",label:"12px"};function IT(e){let o=Vc[e],t=xT[o];return t?`var(--size-${o}, ${t})`:`var(--size-${o})`}function Hi(e){let o={};return typeof e.lineHeight=="number"?o.lineHeight=e.lineHeight:e.line&&(o.lineHeight=$t(hT+e.line*Z1,3)),typeof e.letterSpacing=="number"?o.letterSpacingEm=e.letterSpacing:e.letter&&(o.letterSpacingEm=$t(e.letter*Q1,4)),o}var hT=1,Hr="--sf-part-para";function wn(e,o){let t=mT(e),r=Hi(e),a=e.size?`${e.size}px`:t?IT(t):"";return{fontFamily:e.font?ST(e.font):t?`var(${pT[t]})`:"",fontWeight:e.weight?String(e.weight):"",fontSize:a,minWidth:a?"0":"",overflowWrap:a?"break-word":"",lineHeight:r.lineHeight!==void 0?String(r.lineHeight):"",letterSpacing:r.letterSpacingEm!==void 0?`${r.letterSpacingEm}em`:"",[Hr]:e.paragraphSpacing?`${e.paragraphSpacing}px`:"",textTransform:uT(e.case),textAlign:e.align??"",paddingTop:Ei(e.padding),paddingBottom:Ei(e.padding),maxWidth:Ei(e.width),color:gT(e.color),fontStyle:e.italic===!0?"italic":e.italic===!1?"normal":""}}var gT=e=>e===void 0||e===""?"":Object.hasOwn(qo,e)?qo[e]:kx.test(e)?e:"",kx=/^#[0-9a-fA-F]{6}$/;function Tx(e){return kx.test(e)}var Ei=e=>e===void 0?"":`${e}px`,$t=(e,o)=>Number(e.toFixed(o));function rG(e,o){let t=Number.parseFloat(e.fontSize)||16,r=Number.parseFloat(e.lineHeight),a=Number.parseFloat(e.letterSpacing),n=Number.parseFloat(e.paddingTop),s=Number.parseFloat(e.maxWidth);return{fontKey:o,sizePx:t,weight:bT(Number.parseInt(e.fontWeight,10)),lineRatio:Number.isFinite(r)?$t(r/t,3):1.2,letterEm:Number.isFinite(a)?$t(a/t,4):0,align:yT(e.textAlign),case:dT(e.textTransform),paddingPx:Number.isFinite(n)?Math.round(n):0,widthPx:Number.isFinite(s)&&s<Jo?Math.round(s):Jo}}function bT(e){return Number.isFinite(e)?$1.reduce((o,t)=>Math.abs(t-e)<Math.abs(o-e)?t:o):400}function yT(e){for(let o of j1)if(o===e)return o;return e==="end"?"right":"left"}function aG(e,o){let t=bx(e);if(!t)return"";for(let r of xr)if(bx(o(r.cssVar))===t)return r.key;return""}var bx=e=>(e.split(",")[0]??"").replace(/["']/g,"").replace(/\s+/g," ").trim().toLowerCase();function ST(e){let o=io(e);return o?`var(${o.cssVar})`:""}function nG(e,o,t,r){return!o||It(o)?.nodeId!==e?null:t.find(a=>r(a.getAttribute("class")))??t[0]??null}function lG(e,o,t=()=>Nr,r=n=>n,a=wT){let n=0;for(let{element:s,partId:i}of e){let c=It(i)?.propKey;if(!c)continue;let u=r(c),p=Object.hasOwn(o,u)?_r(o[u])??{}:{},m=wn(p,Nr),x=Li.some(S=>s.style[S]),g=!1;for(let[S,k]of Object.entries(m))kT(s,S,k),k&&(g=!0);if(x||Li.some(S=>m[S]))for(let S of CT(s,a))for(let k of Li)S.style[k]=m[k]??"";g&&(n+=1)}return n}function CT(e,o){let t=Ut(e.textContent??""),r=[],a=e;for(let n=0;n<vT&&o(a);n+=1){let s=a.parentElement;if(!s||Ut(s.textContent??"")!==t)break;r.push(s),a=s}return r}var vT=8;function wT(e){let o=e;return typeof window>"u"||!o?.ownerDocument?!1:window.getComputedStyle(o).display==="inline"}var Nr={fontKey:"",sizePx:16,weight:400,lineRatio:1,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Jo};function kT(e,o,t){if(!o.startsWith("--")){e.style[o]=t;return}let r=e.style;typeof r.setProperty=="function"?t?r.setProperty(o,t):r.removeProperty?.(o):r[o]=t;let a=e;o===Hr&&(t?a.setAttribute?.(yx,""):a.removeAttribute?.(yx))}var yx="data-sf-part-para",TT=Object.keys(wn({},Nr)),Oi=new Set(["color","overflowWrap",Hr,"fontStyle"]),Li=TT.filter(e=>!Oi.has(e));function Fx(e,o,t,r=a=>a){let a=new Map;for(let i of e){let c=bi(i.key,i.row);for(let u of i.texts){let p=a.get(u);p?(p.keys.add(i.key),p.partKeys.add(c)):a.set(u,{keys:new Set([i.key]),partKeys:new Set([c])})}}let n=new Map;for(let i of Object.keys(o)){if(!FT(i))continue;let c=_r(o[i])??{},u=wn(c,Nr);Object.values(u).some(Boolean)&&n.set(i,{stamp:Sx(t,i),declarations:u})}let s=new Map;for(let[i,{keys:c,partKeys:u}]of a){let p=u.size===1?[...u][0]:c.size===1?[...c][0]:null;if(!p)continue;let m=r(p);if(!Object.hasOwn(o,m))continue;let x=_r(o[m])??{},g=wn(x,Nr);Object.values(g).some(Boolean)&&s.set(i,{stamp:Sx(t,p),declarations:g})}return s.size||n.size?{rules:s,kindRules:n,drawn:new Set(a.keys())}:null}function FT(e){return e.startsWith("@")}function Ex(e,o){return e?.kindRules.get(o)??null}function Sx(e,o){let t=r=>r.replace(/[^A-Za-z0-9_-]+/g,"-");return`${t(e)}~${t(o)}`}function Lx(e){let o=[],t=new Set,r=a=>{let{stamp:n,declarations:s}=a;if(t.has(n))return;t.add(n);let i=Object.entries(s).filter(([,x])=>x!==""),c=x=>x.map(([g,S])=>`${LT(g)}: ${S}`).join("; "),u=`[${Ai}="${n}"]`,p=i.filter(([x])=>!Oi.has(x)),m=i.filter(([x])=>Oi.has(x));p.length&&o.push(`${u}, *:has(> ${u}) { ${c(p)} }`),m.length&&o.push(`${u} { ${c(m)} }`),s[Hr]&&o.push(...ET(u))};for(let a of e.rules.values())r(a);for(let a of e.kindRules.values())r(a);return o.join(`
|
|
4
|
+
`)}function ET(e){let o=`var(${Hr})`,t=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: ${o} }`,`${e} ${t}:not(:first-child) { margin-top: ${o} }`,`${e} ${t}:not(:last-child) { margin-bottom: ${o} }`]}var LT=e=>e.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`);function Px(e,o){if(!e)return null;let t=Ut(o),r=e.rules.get(t);if(r)return r;if(t.length<PT||e.drawn.has(t))return null;let a=null;for(let[n,s]of e.rules)if(n.includes(t)){if(a&&a.stamp!==s.stamp)return null;a=s}return a}var PT=8;var DT=["left","center","right","justify"];function Gi(e,o,t){let r=Hi(e),a=e.size??o.sizePx;return[{...Tn.fontSize,value:e.size,styleValue:Math.round(o.sizePx),onChange:n=>t({size:n??null})},{...Tn.lineHeight,value:r.lineHeight,styleValue:o.lineRatio,onChange:n=>t(n===void 0?{lineHeight:null,line:null}:{lineHeight:n})},{...Tn.letterSpacing,scale:a,value:r.letterSpacingEm,styleValue:o.letterEm,onChange:n=>t(n===void 0?{letterSpacing:null,letter:null}:{letterSpacing:n})},{...Tn.paragraphSpacing,value:e.paragraphSpacing,styleValue:0,onChange:n=>t({paragraphSpacing:n??null})},{key:"padding",name:l("Padding"),icon:Wi(AT,{}),unit:"px",step:_i,shiftStep:10,min:Bi,max:Di,value:e.padding,styleValue:o.paddingPx,onChange:n=>t({padding:n??null})},{key:"width",name:l("Width"),icon:Wi(BT,{}),unit:"px",step:Mi,shiftStep:100,min:Ni,max:Jo,value:e.width,styleValue:o.widthPx,onChange:n=>t({width:n??null})}]}function Rx({text:e,onTextChange:o,multiline:t,markup:r=!0,styled:a=!0,style:n,base:s,setValue:i,colors:c,placeholder:u,ariaLabel:p,head:m,typedOnCanvas:x=!1}){let g=Gi(n,s,i),S=Ti(r,t);return RT("div",{className:"sf-part-textbox",children:[m,Wi(OT,{value:e,onChange:o,multiline:t,placeholder:u,ariaLabel:p,rules:Et,tools:S,barShows:x?"focus":"always",colors:r?c:[],align:a?{value:n.align??s.align,allow:DT,onChange:k=>i({align:k})}:void 0,letterCase:a?{value:n.case==="capitalize"?"":n.case??"",onChange:k=>i({case:k||null})}:void 0,cells:a?g:void 0})]})}import{jsx as _T}from"react/jsx-runtime";import{createContext as NT,useContext as MT,useMemo as HT,useState as WT}from"react";var GT={partStyle:null,setPartStyle:()=>{}},Ox=NT(GT);function gG({children:e}){let[o,t]=WT(null),r=HT(()=>({partStyle:o,setPartStyle:t}),[o]);return _T(Ox.Provider,{value:r,children:e})}function Ax(){return MT(Ox)}var zT="#9ca3af";function Dx(e){return ns.map(o=>({key:o,name:Su[o],value:e?.[o]||zT}))}function SG(e){let o={},t=e.ownerDocument,r=t?.defaultView;if(!t||!r)return o;let a=r.getComputedStyle(e),n=t.createElement("canvas").getContext("2d");for(let s of ns){let i=qo[s].replace(/^var\((--[\w-]+)\)$/,"$1"),c=a.getPropertyValue(i).trim();if(!c)continue;let u=Bx(c);!u&&n&&(n.fillStyle="#000000",n.fillStyle=c,u=Bx(String(n.fillStyle))),u&&(o[s]=u)}return o}function Bx(e){let o=e.trim().toLowerCase();if(/^#[0-9a-f]{6}$/.test(o))return o;if(/^#[0-9a-f]{3}$/.test(o))return`#${[...o.slice(1)].map(r=>r+r).join("")}`;let t=o.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);return t?`#${t.slice(1,4).map(r=>Math.min(255,Number(r)).toString(16).padStart(2,"0")).join("")}`:null}var Wr="@name",_x="@body",Nx="@value",wG={[Wr]:"Name",[_x]:"Body",[Nx]:"Value"},UT={TimelineTrack:{"entries.date":Wr,"entries.title":Wr,"entries.blurb":_x},Footprint:{"offices.city":Wr},Stats:{"items.label":Wr,"items.value":Nx}};function qT(e){let{key:o,row:t}=xo(e);return t?`${o}.${t.rowKey}`:null}function Fn(e,o){if(!e)return o;let t=qT(o);return t?UT[e]?.[t]??o:o}var $T={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Mx={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},Hx="Open",Wx={product:{type:"storefront-editor:open-product",needsSlug:!0},blog:{type:"storefront-editor:open-post",needsSlug:!0},menu:{type:"storefront-editor:open-menus",needsSlug:!1}};function Gr(e){let o=e?.source?.slug;return typeof o=="string"&&o.length>0?o:void 0}function En(e){return $T[e]??null}var jT={tag:{label:"Tag",follows:"Labels",builtIn:"13px",writable:!0},name:{label:"Name",follows:"Heading 2",builtIn:"48px",writable:!0},body:{label:"Body",follows:"Body",builtIn:"14px",writable:!0},price:{label:"Price",follows:"Labels",builtIn:"15px",writable:!0},link:{label:"Link",follows:"Labels",builtIn:"14px",writable:!0}},Gx=jT;var KT={number:{label:"Number",follows:"Labels",builtIn:"14px",writable:!0},question:{label:"Question",follows:"Body",builtIn:"18px",writable:!0},answer:{label:"Answer",follows:"Body",builtIn:"15px",writable:!0}},zx=KT;var Ln="data-sf-spec-region";function RG(e,o,t){if(!e)return;let r=t[e];if(r)return{fontFamily:`var(--font-role-${e})`,fontSize:`var(--size-${r}, ${o.builtIn})`}}function VT(e){return`@${e}`}function zi(e,o){if(!o.startsWith("@"))return null;let t=o.slice(1);return t in e?t:null}function Ux(e,o){return o&&o in e?o:null}function XT(e,o){let t=o?.closest(`[${Ln}]`)?.getAttribute(Ln);return Ux(e,t??null)}var DG=Ln;var qx={rowLabel:{label:"Spec row name",follows:"Labels",builtIn:"14px"},rowValue:{label:"Spec row value",follows:"Labels",builtIn:"14px"},diagramTitle:{label:"Diagram title",follows:"Labels",builtIn:"12px"},diagramCallout:{label:"Diagram measurement",follows:"Labels",builtIn:"12px"},diagramStatLabel:{label:"Diagram stat name",follows:"Labels",builtIn:"11px"},diagramStatValue:{label:"Diagram stat value",follows:"Labels",builtIn:"11px"}};var $x={SpecTable:qx,FAQ:zx,Collections:Gx};function jx(e){return e&&Object.hasOwn($x,e)?$x[e]:null}function $i(e){return e?l(e):null}function Kx(e){return e.kind==="role"?da[e.role]:e.kind==="custom"?"Custom":null}function lF(e){let o=e.role;return o&&_o.includes(o)?{kind:"role",role:o}:null}function sF(e,o){if(!e)return{kind:"unread"};let{faceRole:t,base:r}=e;if(o[t]===r.fontKey)return{kind:"role",role:t};let a=Object.keys(o).filter(n=>o[n]===r.fontKey);return a.length===1?{kind:"role",role:a[0]}:{kind:"custom"}}function qi(e,o,t,r){return lF(kn(e,o))??sF(t,r)}function iF(e,o){if(!e.length)return null;let t=o(e[0]);return e.every(r=>o(r)===t)?t:null}var Pn="";function fF({face:e,base:o,onPick:t}){let r=e.kind==="role"?e.role:Pn,a=[{label:l("No style"),value:Pn},..._o.map(n=>({label:l(da[n]),value:n}))];return M(QT,{ariaLabel:l("Style"),value:r,options:a,inline:!0,onChange:n=>t(n===Pn?null:n),renderOption:n=>n.value===Pn?Lo(ji,{children:[M("span",{className:"es-fsel-label sf-part-style-keep",children:n.label}),M("span",{className:"sf-part-style-aside","aria-hidden":"true",children:l("Section\u2019s own")})]}):M("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${n.value})`},children:n.label}),renderValue:()=>M("span",{style:{fontFamily:o?.fontKey?`var(${io(o.fontKey)?.cssVar})`:void 0,fontWeight:o?.weight},children:$i(Kx(e))}),valueText:n=>$i(Kx(e))??n?.label??""})}function cF({sectionName:e,onBack:o,textEditor:t,styleRow:r,children:a}){return Lo("div",{className:"sf-part-panel",children:[M(Rn,{inline:!0,name:l(e),onSelect:o}),t,r,a]})}function On({source:e,slug:o}){let t=wt(),r=Wx[e],a=!r.needsSlug||!!o;return M("div",{className:"sf-note sf-note--source",children:Lo("p",{className:"es-field-hint sf-hint-keep",children:[l(Mx[e]),a?Lo(ji,{children:[" ",M("button",{type:"button",className:"sf-source-open",onClick:()=>{r.type==="storefront-editor:open-menus"?t.send(r.type):o&&t.send(r.type,{slug:o})},children:l(Hx)})]}):null]})})}var Vx=4,dF=120;function uF({region:e,sizePx:o,face:t,base:r,onFollowStyle:a,source:n,slug:s,onBack:i}){let c=e.follows;return Lo("div",{className:"sf-note",children:[M("p",{children:M("strong",{children:l(e.label)})}),M("p",{children:o?l("Its size follows Site styles \u25B8 {follows} \u2014 {px}px right now.",{follows:l(c),px:Math.round(o)}):l("Its size follows Site styles \u25B8 {follows}.",{follows:l(c)})}),a?M(ji,{children:M(eF,{label:l("Style"),icon:M(oF,{}),hint:l("Every {part} in this section follows it. The face and the size change; the letter case is the section\u2019s own and stays as it is.",{part:l(e.label).toLowerCase()}),children:M(fF,{face:t,base:r,onPick:a})})}):M("p",{className:"es-field-hint sf-hint-keep",children:l("Only the size follows a site style. This section sets its own font, weight and letter case.")}),n?M(On,{source:n,slug:s}):null,M(Rn,{inline:!0,name:l("Page"),onSelect:i})]})}function pF({onBack:e}){return Lo("div",{className:"sf-note",children:[M("p",{children:M("strong",{children:l("This part is no longer here.")})}),M("p",{children:l("The section it belonged to has been changed or removed.")}),M(Rn,{inline:!0,name:l("Page"),onSelect:e})]})}function mF({onBack:e,partId:o,why:t}){return Lo("div",{className:"sf-note",children:[M("p",{children:M("strong",{children:l("This part's settings did not open.")})}),M("p",{children:l("The words are still on your page and nothing has been lost. The editor could not work out which control belongs to them, which is a fault on our side. Go back and click the section to open its settings instead.")}),M("p",{className:"sf-note-detail",children:Lo("code",{children:[o," \u2014 ",t]})}),M(Rn,{inline:!0,name:l("Page"),onSelect:e})]})}function Xx({nodeId:e,propKey:o,onBack:t,onEditStyle:r}){let{getItemById:a,getSelectorForId:n,config:s}=rF(B=>B),i=Uo(),c=hx(),{partStyle:u}=Ax(),{fonts:p,textStyles:m}=te(),x=YT(null),g=a(e),S=n(e),k=g?s.components[g.type]:void 0,{key:b,row:v}=xo(o),C=k?.fields?.[b],h=v?qt(C,v):C,w=Ar(e,o),L=g?.props??{},F=zt(h),_=Ja(h),R=cx(h),O=g?En(g.type):null,U=v?Br(L[b],v):L[b],Ie=!!v&&!(Array.isArray(L[b])&&v.index<L[b].length);Ui(()=>{Ix(document)||x.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[w]);let[q,be]=ZT(0);Ui(()=>be(0),[w]);let D=!!g&&!Ie&&(!S||!h);Ui(()=>{if(!D||q>=Vx)return;let B=setTimeout(()=>be(ve=>ve+1),dF);return()=>clearTimeout(B)},[D,q]);let ie=D&&q<Vx;if(!g||Ie)return M(pF,{onBack:t});let Te=jx(g.type),Qe=Te?zi(Te,o):null;if(Te&&Qe){let B=u?.partId===w?u:null,ve=Te[Qe],to=ve.writable===!0&&!!S,N=G=>{S&&i.replaceComponent(S.zone,S.index,{...g,props:Mr(L,o,"role",G)})};return M(uF,{region:ve,sizePx:B?.base.sizePx??null,face:qi(L,o,B,p),base:B?.base??null,onFollowStyle:to?N:void 0,source:O,slug:Gr(L),onBack:t})}if(!S||!h)return ie?M("div",{className:"sf-note","aria-busy":"true"}):M(mF,{onBack:t,partId:w,why:S?"no field":"no selector"});let eo=B=>{i.replaceComponent(S.zone,S.index,{...g,props:B})},He=B=>{if(Ue(B).hidden!==Ue(U).hidden||!F){let ve=v?Ci(L,b,v,B):{...L,[b]:B};ve&&eo(ve);return}vn({node:g,propKey:o,kind:F,zone:S.zone,index:S.index},Ue(B).text,i.replaceComponent)},$e=U,Oe=Fn(g?.type,o),Le=kn(L,Oe),pe=u?.partId===w?u:null,oe=[{partKey:Oe,face:qi(L,Oe,pe,p),sizeGroup:pe?.sizeGroup??null,base:pe?.base??hF,style:Le}],ye=iF(oe,B=>B.sizeGroup),oo=Dx(pe?.inks),E=(B,ve)=>{let to=L;for(let N of oe)to=Mr(to,N.partKey,B,ve);eo(to)},ne=B=>E("role",B),Z=B=>{let ve=L;for(let to of oe)for(let[N,G]of Object.entries(B))ve=Mr(ve,to.partKey,N,G??null);eo(ve)},Q=F==="text"||F==="textarea",{text:ae,hidden:se}=Ue(U),Ae=h?.[Se]?.label??o,We=se?l("Show {label} on the slide",{label:l(Ae)}):l("Hide {label} on the slide",{label:l(Ae)}),Ao=Lo("div",{className:"sf-field-head",children:[M(tF,{}),M("span",{className:"sf-field-label sf-field-label--inline",children:l(Ae)}),Q&&M(nF,{content:We,children:M("button",{type:"button",className:"sf-field-eye","aria-pressed":se,"aria-label":We,onClick:()=>He({text:ae,hidden:!se}),children:se?M(ze,{name:"eye-off",size:14}):M(ze,{name:"eye",size:14})})})]}),rt=!_&&R,yl=!!F&&(Sm(h)||_||se||!R||F!=="plainText"),at=qi(L,Oe,pe,p),Bo=at.kind==="role"?at.role:null,Wo=Object.entries(Le).filter(([B,ve])=>B!=="role"&&ve!==void 0).length,Sl=()=>{let B=L;for(let ve of oe){let to=ve.style.role;B=wx(B,ve.partKey),to&&(B=Mr(B,ve.partKey,"role",to))}eo(B)};return Lo(cF,{sectionName:k?.label??g.type,onBack:t,textEditor:M("div",{ref:x,className:"sf-part-text",children:yl?M(Rx,{text:ae,onTextChange:B=>He(Q?{text:B,hidden:se}:B),multiline:bn(F),markup:F!=="plainText",styled:!1,style:oe[0].style,base:oe[0].base,setValue:Z,colors:oo.map(B=>({name:B.key,label:l(B.name),value:B.value})),placeholder:$i(rx(h))??void 0,ariaLabel:l(Ae),head:Ao,typedOnCanvas:c===w}):F?Q?Ao:null:M(JT,{field:h,name:o,value:$e,onChange:He,id:`sf-part-${e}-${o}`})}),children:[O&&M(On,{source:O,slug:Gr(L)}),rt&&M(aF,{style:{value:Bo??"",options:[{value:"",label:l("No style"),description:l("Section\u2019s own")},..._o.map(B=>({value:B,label:l(da[B]),description:io(p[B])?.label}))],onChange:B=>ne(B||null),changed:Wo>0,onClearChanges:Wo>0?Sl:void 0,onEditStyles:r},font:{value:Le.font??"",styleValue:io(oe[0].base.fontKey)?.label,options:xr.map(B=>({label:B.label,value:B.key})),onChange:B=>E("font",B||null)},italic:{value:Le.italic,styleValue:IF(m,Bo),onChange:B=>E("italic",B??null)},cells:Gi(oe[0].style,oe[0].base,Z),align:{value:Le.align??"",styleValue:oe[0].base.align,onChange:B=>E("align",B||null)},letterCase:{value:Le.case??"",styleValue:oe[0].base.case,onChange:B=>E("case",B||null)}}),rt&&ye===null&&M("p",{className:"es-field-hint sf-hint-keep",children:l("Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this.")})]})}var xF={heading:"heading-1",heading2:"heading-2",heading3:"heading-3",body:"body-1",label:"body-5"};function IF(e,o){let t=o?xF[o]:void 0;return!t||!Array.isArray(e)?!1:e.find(r=>r?.id===t)?.values?.italic===!0}var hF={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Jo};var kF=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:W(zr,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:W(zr,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:W(zr,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:W(bF,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:W(Qx,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:W(CF,{})}];var TF=9,jt=500,FF=100,EF=80,LF=4,PF=600,RF=700,OF=400,AF="0.18em";function BF({id:e,value:o,onChange:t}){let r=jc().flatMap(([n,s])=>s.map(i=>({label:i.label,value:i.key,group:l($c[n])}))),a=(n,s)=>W("span",{style:{fontFamily:`var(${io(n)?.cssVar??"--font-body"})`},children:s});return W(gF,{id:e,value:o,onChange:t,options:r,renderOption:n=>a(n.value,n.label),renderValue:n=>n?a(n.value,n.label):null})}function DF({label:e,icon:o,readout:t,min:r,max:a,step:n,value:s,onChange:i,action:c,hint:u}){return W(Bn,{label:l(e),icon:o,value:t,action:c,hint:u,children:W(qe,{min:r,max:a,step:n,value:s,readout:!1,ariaLabel:l(e),onChange:i})})}function Vi({label:e,icon:o,value:t,fallback:r,min:a,max:n,step:s,suffix:i="",hint:c,onChange:u}){let p=t===null;return W(DF,{label:e,icon:o,readout:p?l("Auto"):`${t}${i}`,min:a,max:n,step:s,value:p?r:t,onChange:u,action:p?null:W(Gt,{label:e,what:"change",onClear:()=>u(null)}),hint:c})}function Zx({label:e,icon:o,options:t,value:r,onChange:a,hint:n,action:s}){return W(Bn,{label:l(e),icon:o,value:_F(t.find(i=>i.value===r)?.label),hint:n,action:s,children:W("div",{className:"sf-rungs",children:t.map(i=>W("button",{type:"button","aria-pressed":i.value===r,onClick:()=>a(i.value),className:`sf-rung${i.value===r?" is-active":""}`,children:l(i.label)},i.value))})})}var _F=e=>e===void 0?void 0:l(e),NF=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],MF=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function HF({fontKey:e,weight:o,fallbackWeight:t,onWeight:r}){let a=(o??t)>=PF,n=Kc(e),s=io(e)?.label??l("This face");return W(Bn,{label:l("Style"),icon:W(SF,{}),value:a?l("Bold"):l("Normal"),hint:l("Bold is the weight above \u2014 one value, two ways to set it."),children:An("div",{className:"sf-rungs",children:[W(Yx,{content:l("Bold"),className:"sf-rung-tip",children:W("button",{type:"button","aria-pressed":a,"aria-label":l("Bold"),onClick:()=>r(a?OF:RF),className:`sf-rung sf-rung--glyph${a?" is-active":""}`,style:{fontWeight:700},children:"B"})}),W(Yx,{className:"sf-rung-tip",content:n?l("Italic is not saved yet \u2014 the theme row has no column for it (card 66162.b)."):l("{face} is loaded without an italic, so it cannot be set in italic. Slanting it would deform the letters rather than style them.",{face:s}),children:W("span",{className:"sf-tip-disabled",tabIndex:0,children:W("button",{type:"button","aria-pressed":!1,"aria-label":l("Italic"),disabled:!0,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})})})]})})}function Jx({fonts:e,compression:o,headingTypography:t,openRole:r,onOpenRole:a,onFontChange:n,sizes:s,onSizeChange:i,onCompressionChange:c,onHeadingTypographyChange:u,livePx:p,savedRole:m=null}){let x=b=>u({...t,...b}),g=b=>b==="accent"?"weightStrong":b==="heading2"?"weight2":b==="heading3"?"weight3":"weight",S=b=>b==="heading2"?"case2":b==="heading3"?"case3":"case",k=md(o);return W("div",{className:"sf-style-list",children:kF.map(b=>{let v=r===b.role;return W(Aa,{styleKey:b.role,label:b.title,icon:b.icon,value:io(e[b.role])?.label??e[b.role],sampleStyle:WF(b,e,t,k),open:v,onToggle:()=>a(v?null:b.role),saved:m===b.role,children:v&&An(Ki,{children:[W(Bn,{label:l("Font"),icon:W(vF,{}),htmlFor:`sf-font-${b.role}`,action:e[b.role]===vl[b.role]?null:W(Gt,{label:"Font",what:"change",onClear:()=>n(b.role,vl[b.role])}),children:W(BF,{id:`sf-font-${b.role}`,value:e[b.role],onChange:C=>n(b.role,C)})}),b.step&&i&&W(Vi,{label:"Size",icon:W(zr,{}),value:s[b.step],fallback:b.base*2,min:nd,max:ld,step:sd,suffix:"px",hint:s[b.step]===null?l("Auto = this style states no size, and text following it keeps the size its section drew."):l("The size a text takes when you set it to follow this style. Sections keep their own sizes."),onChange:C=>i(b.step,C)}),(St(b.role)||b.role==="accent")&&An(Ki,{children:[W(Vi,{label:"Weight",icon:W(wF,{}),value:t[g(b.role)],fallback:St(b.role)?jt:t.weight??jt,min:xd,max:Id,step:FF,hint:b.role==="accent"?l("Auto = the accent phrase takes the heading's own weight."):void 0,onChange:C=>x({[g(b.role)]:C})}),W(HF,{fontKey:e[b.role],weight:t[g(b.role)],fallbackWeight:St(b.role)?jt:t.weight??jt,onWeight:C=>x({[g(b.role)]:C})})]}),St(b.role)&&An(Ki,{children:[W(Zx,{label:"Line & text gap",icon:W(Qx,{}),options:MF,value:o,onChange:c,hint:k.lineHeight===void 0?l("The built-in spacing."):l("Line gap {line} \xB7 text gap {letter}em.",{line:k.lineHeight,letter:String(k.letterSpacing)}),action:o===Rl?null:W(Gt,{label:"Line & text gap",what:"change",onClear:()=>c(Rl)})}),W(Zx,{label:"Capitals",icon:W(yF,{}),options:NF,value:t[S(b.role)],onChange:C=>x({[S(b.role)]:C}),hint:l("The only setting that changes a heading's capitals."),action:t[S(b.role)]==="authored"?null:W(Gt,{label:"Capitals",what:"change",onClear:()=>x({[S(b.role)]:"authored"})})}),W(Vi,{label:"Largest size",icon:W(zr,{}),value:t.maxPx,fallback:EF,min:hd,max:gd,step:LF,suffix:"px",hint:l("Caps the biggest heading on the site. Auto = each section's own."),onChange:C=>x({maxPx:C})})]})]})},b.role)})})}function WF(e,o,t,r){let a=Math.max(TF,e.base),n={fontFamily:`var(${io(o[e.role])?.cssVar??"--font-body"})`,fontSize:`${a.toFixed(1)}px`,lineHeight:1.15};return St(e.role)?(n.fontWeight=t.weight??jt,n.textTransform=t.case==="sentence"?"none":"uppercase",r.letterSpacing!==void 0&&(n.letterSpacing=`${r.letterSpacing}em`)):e.role==="accent"?(n.fontWeight=t.weightStrong??t.weight??jt,r.letterSpacing!==void 0&&(n.letterSpacing=`${r.letterSpacing}em`)):e.role==="label"&&(n.textTransform="uppercase",n.letterSpacing=AF),n}import{SettingsTabs as zF}from"efficient-easel/panel";import{Tooltip as rU,tabButtonId as UF,tabPanelId as qF}from"efficient-shell/ui";import{ContrastIcon as $F,NoteIcon as jF,SettingsIcon as KF,TypeIcon as VF}from"efficient-easel/icons";function eI(e){switch(e.status){case"saved":return null;case"failed":return{msg:l("Not saved. Try again."),tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:l("Not saved. Reload the page."),tone:"error"};case"template":return{msg:l("Templates keep their look. Press Done."),tone:"success"}}}}import{gotoPreviewSlide as _z,pinPreviewToBottom as Nz,pinPreviewToSection as Mz,previewFrame as oI,scrollPreviewToSection as tI,scrollPreviewToTop as Xi}from"efficient-easel/screen/lib/puck/preview-dom";var Yi="sf-site-styles",XF="sf-site-styles-tabpanel",Qi=!1,YF="Show hints";function Ji({shown:e,onChange:o}){return ee("div",{className:"sf-hints",children:Vt("button",{type:"button","aria-pressed":e,onClick:()=>o(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[ee(jF,{size:13}),l(YF)]})})}var aI="text",Kt=[{id:"basics",label:"Basics",icon:ee(KF,{})},{id:"theme",label:"Theme",icon:ee($F,{})},{id:"text",label:"Text",icon:ee(VF,{})}];function ZF({themeFromDocument:e,persist:o}){let{appState:t,dispatch:r}=Zi(u=>u),{theme:a,setTheme:n}=te(),s=t.data,i=s.root?.props??{},c=u=>{if(e){let p={...i,theme:u};r({type:"replaceRoot",root:{...s.root,props:p},recordHistory:!0})}else n(u);o({selected_preset:u.selected,theme_presets:u.themes})};return ee($m,{value:e?i.theme:a,onChange:c})}function QF(e,o){let[t,r]=Dn(null),a=rI(null),n=JSON.stringify(e),s=rI(o);return s.current=o,GF(()=>{if(a.current===null){a.current=n;return}if(a.current===n)return;a.current=n;let i=window.setTimeout(()=>r(s.current),700),c=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(i),window.clearTimeout(c)}},[n]),t}function JF({themeFromDocument:e,persist:o}){let{appState:t,dispatch:r}=Zi(F=>F),[a,n]=Dn(null),{fonts:s,setFonts:i,sizes:c,setSizes:u,headingCompression:p,setHeadingCompression:m,headingTypography:x,setHeadingTypography:g}=te(),S=t.data,k=S.root?.props??{},b=e?Xc(k.fonts):s,v=e?ad:c,C=e?pd(k.headingCompression):p,h=e?bd(k.headingTypography):x,w=F=>r({type:"replaceRoot",root:{...S.root,props:{...k,...F}},recordHistory:!0}),L=QF({curFonts:b,curCompression:C,curTypography:h},a);return ee(Jx,{fonts:b,sizes:v,compression:C,headingTypography:h,openRole:a,onOpenRole:n,onFontChange:(F,_)=>{let R={...b,[F]:_};e?w({fonts:R}):i(R),o({heading_font:R.heading,body_font:R.body,accent_font:R.accent,label_font:R.label})},onSizeChange:e?void 0:(F,_)=>{let R={...v,[F]:_};u(R),o({heading_size_large_px:R.headingLarge,heading_size_medium_px:R.headingMedium,heading_size_small_px:R.headingSmall,accent_size_px:R.accent,body_size_px:R.body,label_size_px:R.label})},onCompressionChange:F=>{e?w({headingCompression:F}):m(F),o({heading_compression:F})},onHeadingTypographyChange:F=>{e?w({headingTypography:F}):g(F),o(yd(F))},livePx:oE,savedRole:L})}var eE={heading:"main h1, main h2",heading2:"main h1, main h2",heading3:"main h1, main h2",accent:"main h1 em, main h2 em",body:"main p",label:"main .mono-eyebrow"};function oE(e){if(typeof document>"u")return null;let o=(oI()?.contentDocument??document).querySelector(eE[e]);if(!o)return null;let t=parseFloat(getComputedStyle(o).fontSize);return Number.isFinite(t)?t:null}function tE({themeFromDocument:e,persist:o,showHint:t}){let{appState:r,dispatch:a}=Zi(x=>x),{cornerRadiusPx:n,setCornerRadiusPx:s}=te(),i=r.data,c=i.root?.props??{},u=c.cornerRadiusPx===void 0?fd[id(c.cornerStyle)]:yo(c.cornerRadiusPx),p=e?u:n,m=x=>a({type:"replaceRoot",root:{...i.root,props:{...c,...x}},recordHistory:!0});return ee(jm,{value:p,onChange:x=>{e?m({cornerRadiusPx:x}):s(x),o({corner_radius_px:x})},showHint:t})}function rE(e){return{site_width:e}}function aE({persist:e,showHint:o}){let{siteWidth:t,setSiteWidth:r}=te();return ee(ox,{value:t,onChange:a=>{r(a),e(rE(a),a===null)},showHint:o})}function nE(e){return{block_gap:e}}function lE(e){return{site_gutter:e}}function sE({persist:e,showHint:o}){let{siteGutter:t,setSiteGutter:r}=te();return ee(ex,{value:t,onChange:a=>{r(a),e(lE(a),a===null)},showHint:o})}function iE({persist:e,showHint:o}){let{blockGap:t,setBlockGap:r}=te();return ee(Xm,{value:t,onChange:a=>{r(a),e(nE(a),a===null)},showHint:o})}function fE({persist:e,showHint:o}){let{heroBackgroundFollowsWidth:t,setHeroBackgroundFollowsWidth:r}=te();return ee(Zm,{value:t,onChange:a=>{r(a),e({hero_background_follows_width:a},!0)},showHint:o})}function cE({persist:e,showHint:o=!0}){return Vt(Ur,{children:[ee(aE,{persist:e,showHint:o}),ee(sE,{persist:e,showHint:o}),ee(iE,{persist:e,showHint:o}),ee(fE,{persist:e,showHint:o})]})}function dE(e){return{card_shadow:e}}function uE(e){return e===null?{shadow_color:null}:{shadow_color:ud(e)}}function pE(e){return{hover_effect:e}}function mE({persist:e,showHint:o=!0}){let{cardShadow:t,setCardShadow:r,shadowColor:a,setShadowColor:n,hoverEffect:s,setHoverEffect:i}=te();return Vt(Ur,{children:[ee(Km,{value:t,onChange:c=>{r(c),e(dE(c),!0)},showHint:o}),ee(Vm,{value:a,onChange:c=>{n(c),e(uE(c),c===null)},showHint:o}),ee(Ym,{value:s,onChange:c=>{i(c),e(pE(c),!0)},showHint:o})]})}function xE(e){return{photography_grayscale:e}}function IE({persist:e,showHint:o}){let{photographyGrayscale:t,setPhotographyGrayscale:r}=te();return ee(Jm,{value:t,onChange:a=>{r(a),e(xE(a),!0)},showHint:o})}function hE({persist:e,showHint:o=!0}){return ee(Ur,{children:ee(IE,{persist:e,showHint:o})})}function Xt(){let{websiteName:e}=te();return e?.trim()||Cd}function _n({themeFromDocument:e=!1,tokenRef:o,siteId:t,onNotify:r,tab:a,onTabChange:n}){let{persist:s}=_a({themeFromDocument:e,tokenRef:o,siteId:t,onResult:k=>{let b=eI(k);b&&r?.(b.msg,b.tone)}}),[i,c]=Dn(Kt[0].id),u=a!==void 0,p=u?a:i,m=u?n??(()=>{}):c,x=Kt.find(k=>k.id===p)??Kt[0],[g,S]=Dn(Qi);return Vt(Ur,{children:[ee(zF,{items:Kt.map(k=>({...k,label:l(k.label)})),activeId:x.id,onSelect:m,ariaLabel:l("Site styles"),idPrefix:Yi}),Vt("div",{id:qF(Yi,x.id),className:XF,role:"tabpanel","aria-labelledby":UF(Yi,x.id),children:[p==="basics"&&Vt(Ur,{children:[ee(tE,{themeFromDocument:e,persist:s,showHint:g}),!e&&ee(mE,{persist:s,showHint:g}),!e&&ee(cE,{persist:s,showHint:g}),!e&&ee(hE,{persist:s,showHint:g}),ee(Ji,{shown:g,onChange:S})]}),p==="theme"&&ee(ZF,{themeFromDocument:e,persist:s}),p==="text"&&ee(JF,{themeFromDocument:e,persist:s})]})]})}import{InspectorIconButton as FE}from"efficient-easel/chrome";import{Button as dI,Dialog as EE,FormField as LE,Input as uI,toast as pI}from"efficient-shell/ui";import{LayersTree as PE,TreeGroupLabel as RE,TreeRow as mI,TreeRowAction as lf}from"efficient-easel/tree";import{AddIcon as OE}from"efficient-easel/icons";import{PagesIcon as AE}from"efficient-easel/rail";var ef="Main Pages",gE="Dynamic Pages",of="dynamic",bE="dynamic";function tf(e){return e.kind===bE}function nI(e){let o=[],t=[];for(let r of e){if(tf(r)){t.push(r);continue}let a=r.groupKey??(r.group?`folder:${r.group}`:"top"),n=o[o.length-1];n&&n.key===a?n.rows.push(r):o.push({key:a,label:r.group??ef,rows:[r]})}if(t.length){let r=o.findIndex(a=>a.key.startsWith("system:"));o.splice(r===-1?o.length:r,0,{key:of,label:gE,rows:t})}return o}import{useCallback as Nn,useEffect as yE,useSyncExternalStore as SE}from"react";var lI=new WeakMap;function qr(e){let o=lI.get(e);return o||(o={rows:null,loading:null,listeners:new Set},lI.set(e,o)),o}function rf(e,o){e.rows=o;for(let t of e.listeners)t()}var Mn=new Set;function Hn(e,o){o?Mn.add(e):Mn.delete(e)}function sI(e){let o=qr(e),t=e.listPages().then(r=>rf(o,Mn.size?r.filter(a=>!Mn.has(a.id)):r),()=>rf(o,[])).finally(()=>{o.loading===t&&(o.loading=null)});return o.loading=t,t}var iI=()=>null,CE=()=>()=>{};function af(){let{adapter:e,ready:o}=we(),t=Nn(i=>{let{listeners:c}=qr(e);return c.add(i),()=>c.delete(i)},[e]),r=Nn(()=>qr(e).rows,[e]),a=SE(o?t:CE,o?r:iI,iI);yE(()=>{if(!o)return;let i=qr(e);i.rows===null&&!i.loading&&sI(e)},[e,o]);let n=Nn(()=>o?sI(e):Promise.resolve(),[e,o]),s=Nn(i=>rf(qr(e),i),[e]);return{rows:a,reload:n,setRows:s,getRows:r}}function vE(e,o){return e?.find(t=>t.slug===o)?.label?.trim()||`/${o}`}function fI(){let{currentSlug:e}=we(),{rows:o}=af();return vE(o,e)}var xI="sf-editor-pages-collapsed-groups",BE=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),II=(e,o)=>{let t=BE(e)||"page";if(!o.has(t))return t;let r=2;for(;o.has(`${t}-${r}`);)r+=1;return`${t}-${r}`};function hI({onNavigate:e,onClose:o,activeSurface:t,onPreviewSurface:r}){let a=Be().chrome?.pageRows,n=wt(),{adapter:s,capabilities:i,ready:c,currentSlug:u}=we(),p=Xt(),{rows:m,reload:x,setRows:g,getRows:S}=af(),[k,b]=Yt(""),[v,C]=Yt(!1),[h,w]=Yt(null),[L,F]=Yt(!1),[_,R]=Yt(""),O=TE(),[U,Ie]=Yt(()=>{if(typeof window>"u")return new Set;try{let E=window.localStorage.getItem(xI);return new Set(E?JSON.parse(E):[])}catch{return new Set}});kE(()=>{try{window.localStorage.setItem(xI,JSON.stringify([...U]))}catch{}},[U]);let q=E=>Ie(ne=>{let Z=new Set(ne);return Z.has(E)?Z.delete(E):Z.add(E),Z}),be=cI(()=>nI(m??[]),[m]),D=k.trim().toLowerCase(),ie=E=>!D||E.toLowerCase().includes(D),Te=E=>D?!0:!U.has(E),Qe=cI(()=>new Set((m??[]).map(E=>E.slug)),[m]),eo=()=>{if(i.pageCreationInAdminForm){n.send("storefront-editor:new-page");return}R(""),w(null),F(!0)},He=async()=>{let E=_.trim();if(!(!E||!c||v||!s.createPage)){C(!0),w(null);try{let ne=await s.createPage({slug:II(E,Qe),title:E,layout:{}});await x(),F(!1),R(""),e(ne.slug)}catch{w(l("Couldn\u2019t add the page \u2014 please retry."))}finally{C(!1)}}},$e=E=>{let ne=m??[],Z=s.deletePage;if(!c||v||!Z||ne.length<=1)return;let Q=ne.findIndex(We=>We.id===E.id),ae=ne.filter(We=>We.id!==E.id),se=E.slug===u;Hn(E.id,!0),g(ae),w(null),se&&ae[0]&&e(ae[0].slug);let Ae=()=>{Hn(E.id,!1);let We=S()??[];if(We.some(rt=>rt.id===E.id))return;let Ao=[...We];Ao.splice(Math.max(0,Math.min(Q,Ao.length)),0,E),g(Ao)};pI.undoable(l("Deleted \u201C{name}\u201D",{name:E.label}),{actionLabel:l("Undo"),commit:async We=>{await Z(E.id,We),Hn(E.id,!1)},undo:()=>{Ae(),se&&e(E.slug)},onFail:()=>{Ae(),pI.error(l("Couldn\u2019t delete the page \u2014 please retry."))}})},Oe=E=>n.send("storefront-editor:open-page",{slug:E}),Le=E=>{if(!ie(E.label))return null;let ne=!t&&E.slug===u,Z=i.canDeletePagesInline&&(m??[]).length>1,Q=tf(E),ae=E.kind==="lightbox",se=Q||ae||E.draft?Zt(nf,{children:[Q&&X("span",{className:"sf-badge-dynamic",children:l("Dynamic")}),ae&&X("span",{className:"sf-badge-lightbox",children:l("Lightbox")}),E.draft&&X("span",{className:"sf-page-draft",children:l("draft")})]}):void 0,Ae=i.pageCreationInAdminForm||Z?Zt(nf,{children:[i.pageCreationInAdminForm&&X(lf,{kind:"plain",label:l("Edit \u201C{name}\u201D in {place}",{name:E.label,place:l("the admin")}),onClick:()=>Oe(E.slug),children:X(ze,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),Z&&X(lf,{kind:"delete",label:l("Delete \u201C{name}\u201D",{name:E.label}),disabled:v,onClick:()=>$e(E),children:X(ze,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]}):void 0;return X(mI,{icon:X(DE,{}),name:E.label,selected:ne,onSelect:()=>e(E.slug),preview:se,actions:Ae,rowProps:{"data-page-slug":E.slug}},E.id)},pe=(E,ne,Z)=>{let Q=Z.filter(Boolean);if(Q.length===0)return null;let ae=Te(E);return Zt(wE,{children:[X(RE,{count:Q.length,expanded:ae,onToggle:()=>q(E),children:ne}),ae&&Q]},E)},oe=(a?.rows??[]).filter(E=>ie(E.label)).map(E=>{let ne=t===E.key;return X(mI,{icon:E.icon,name:E.label,selected:ne,onSelect:()=>r(E.key),preview:X("span",{className:"sf-badge-preview",children:l("Preview")}),actions:X(lf,{kind:"plain",label:l("Open the {name} in a new tab",{name:E.label}),onClick:()=>window.open(E.href,"_blank","noopener,noreferrer"),children:X(ze,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})}),rowProps:{"data-shop-surface":E.key}},E.key)}),ye=i.hasSiteSettings&&!!a,oo=(()=>{if(m===null)return null;let E=[],ne=!1;for(let Z of be){ye&&!ne&&Z.key.startsWith("system:")&&(E.push(pe("shop",a.title,oe)),ne=!0);let Q=Z.key===of||Z.label===ef?l(Z.label):Z.label;E.push(pe(Z.key,Q,Z.rows.map(Le)))}return ye&&!ne&&E.push(pe("shop",a.title,oe)),E})();return Zt("div",{className:"sf-pages",children:[X(Sa,{icon:X(AE,{}),title:l("Pages"),context:p,actions:X(FE,{label:l("New page"),onClick:eo,children:X(OE,{size:15})}),onHide:o}),X("div",{className:"sf-pages-find",children:X(uI,{type:"search",leftIcon:X(ze,{name:"search",size:14,rounded:!0}),placeholder:l("Search all pages\u2026"),value:k,onChange:E=>b(E.target.value),"aria-label":l("Search all pages")})}),h&&!L&&X("div",{className:"sf-note sf-note--error",role:"alert",children:h}),oo===null?X("div",{className:"sf-note",children:l("Loading\u2026")}):oo.some(Boolean)?X(PE,{ariaLabel:l("Pages"),className:"sf-scroll",children:oo}):X("div",{className:"sf-note",children:k.trim()?l("No pages match your search"):l("No pages yet. Add one with + above.")}),X(EE,{open:L,onClose:()=>F(!1),size:"sm",title:l("Add a page"),description:l("Give the new template page a name. It starts blank \u2014 add sections once it opens."),footer:Zt(nf,{children:[X(dI,{variant:"secondary",onClick:()=>F(!1),children:l("Cancel")}),X(dI,{onClick:()=>{He()},disabled:v||!_.trim(),loading:v,children:l("Add page")})]}),children:X(LE,{label:l("Page name"),htmlFor:O,hint:_.trim()?l("URL: /{slug}",{slug:II(_,Qe)}):void 0,error:h??void 0,children:X(uI,{id:O,value:_,invalid:!!h,onChange:E=>R(E.target.value),onKeyDown:E=>{E.key==="Enter"&&He()},placeholder:l("e.g. About")})})})]})}function DE(){return Zt("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[X("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),X("path",{d:"M14 3v5h5"})]})}import{jsx as _E}from"react/jsx-runtime";import{createContext as NE,useCallback as ME,useContext as HE,useState as WE}from"react";var gI={enabled:!0,title:"",subtitle:"",greeting:""},bI=NE({chat:gI,setChat:()=>{},selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function NU({children:e,chat:o=gI,onChatChange:t}){let[r,a]=WE(!1),n=ME(c=>t?.(c),[t]),{select:s,setSelectHandler:i}=Sd();return _E(bI.Provider,{value:{chat:o,setChat:n,selected:r,setSelected:a,select:s,setSelectHandler:i},children:e})}var Wn=()=>HE(bI);import{jsx as sf}from"react/jsx-runtime";import{DesktopIcon as GE,PhoneIcon as zE,TabletIcon as UE}from"efficient-easel/icons";import{VIEW_DESKTOP_MIN as WU,VIEW_TABLET_MIN as GU,VIEW_TIER_LABEL as yI,VIEW_TIERS as SI,viewTierForWidth as zU}from"efficient-easel/screen/lib/content/view-tiers";var qE={desktop:sf(GE,{}),tablet:sf(UE,{}),mobile:sf(zE,{})},CI=SI.map(e=>({id:e,get label(){return l(yI[e])},icon:qE[e]}));import{PreviewDeviceContext as vI,usePreviewDevice as YU}from"efficient-easel/screen/components/PreviewDeviceContext";import{jsx as $E}from"react/jsx-runtime";import{createContext as jE,useCallback as wI,useContext as KE,useMemo as VE,useRef as XE}from"react";var YE=Object.fromEntries(xa.map(e=>[e,{value:"",error:null}])),kI=jE({links:wd,rows:YE,canSave:!1,saveLink:async()=>({ok:!1,error:"There is no website to save to."}),openPanel:()=>{},setOpenHandler:()=>{}});function o7({children:e,value:o}){let t=XE(()=>{}),r=wI(()=>t.current(),[]),a=wI(s=>{t.current=s},[]),n=VE(()=>({...o,openPanel:r,setOpenHandler:a}),[o,r,a]);return $E(kI.Provider,{value:n,children:e})}var $r=()=>KE(kI);import{jsx as ZE}from"react/jsx-runtime";import{createContext as QE,useContext as JE,useMemo as eL,useState as oL}from"react";var TI=QE(null);function n7({children:e}){let[o,t]=oL(null),r=eL(()=>({surface:o,setSurface:t}),[o]);return ZE(TI.Provider,{value:r,children:e})}function FI(){return JE(TI)??{surface:null,setSurface:()=>{}}}var jr="Scrolling Bar",{Provider:i7,useSelection:Gn}=ma("selectedHeroId");import{jsx as Y,jsxs as gt,Fragment as ic}from"react/jsx-runtime";import{useState as _O}from"react";import{useEasel as NO}from"efficient-easel/easel";import{headWords as MO,InspectorHead as HO,InspectorIconButton as Pg}from"efficient-easel/chrome";import{DuplicateIcon as WO,TrashIcon as GO}from"efficient-easel/icons";import{panelFieldsOf as EI}from"efficient-easel/screen/lib/puck/panel-fields";import{jsx as T,Fragment as $,jsxs as j}from"react/jsx-runtime";import{BlockBannerIcon as aL,BlockBoxIcon as nL,BlockButtonIcon as lL,BlockDividerIcon as PI,BlockFooterIcon as RI,BlockHeadingIcon as sL,BlockProductIcon as iL,BlockSocialIcon as fL,BlockTextIcon as cL,ChatIcon as dL,GridIcon as uL,ImageIcon as pL,PageIcon as mL}from"efficient-easel/icons";import{jsx as ff,Fragment as tL,jsxs as rL}from"react/jsx-runtime";var LI=rL(tL,{children:[ff("circle",{cx:"9",cy:"20",r:"1.3"}),ff("circle",{cx:"18",cy:"20",r:"1.3"}),ff("path",{d:"M2.5 3.5h3l2.3 11.3a1.6 1.6 0 0 0 1.6 1.3h8.1a1.6 1.6 0 0 0 1.6-1.2L21 7H6"})]});var xL={header:j($,{children:[T("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),T("path",{d:"M3 9.5h18"})]}),website:j($,{children:[T("circle",{cx:"12",cy:"12",r:"9"}),T("path",{d:"M3 12h18M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18"})]}),social:j($,{children:[T("circle",{cx:"6",cy:"12",r:"2.5"}),T("circle",{cx:"18",cy:"6",r:"2.5"}),T("circle",{cx:"18",cy:"18",r:"2.5"}),T("path",{d:"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"})]}),ticker:j($,{children:[T("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),T("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),FooterLogo:j($,{children:[T("path",{d:"M4 15.5h6M4 18h4"}),T("path",{d:"M14 8.5l3 7 3-7"})]}),FooterMenu:T("path",{d:"M6 7h12M6 11h12M6 15h8M6 19h8"}),FooterGroup:j($,{children:[T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",strokeDasharray:"3 2.5"}),T("path",{d:"M8 9h8M8 13h8M8 16h5"})]}),FooterText:T("path",{d:"M5 7h14M5 12h14M5 17h9"}),FooterEmailSignup:j($,{children:[T("rect",{x:"3",y:"6",width:"18",height:"12",rx:"2"}),T("path",{d:"M3.5 7l8.5 6 8.5-6"})]}),SearchBlock:j($,{children:[T("circle",{cx:"11",cy:"11",r:"6"}),T("path",{d:"M20 20l-4.2-4.2"})]}),CartBlock:LI,CountrySwitchBlock:j($,{children:[T("circle",{cx:"12",cy:"12",r:"8.5"}),T("path",{d:"M3.5 12h17M12 3.5c2.6 2.4 3.6 5.2 3.6 8.5s-1 6.1-3.6 8.5M12 3.5c-2.6 2.4-3.6 5.2-3.6 8.5s1 6.1 3.6 8.5"})]}),LegalLineBlock:j($,{children:[T("path",{d:"M3 9h18"}),T("path",{d:"M3 14h8M14 14h2M18 14h3"})]}),Hero:j($,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M7 13.5h7M7 16.5h10"})]}),HeroSlide:j($,{children:[T("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),T("path",{d:"M7 15h6M16 9.5h.01M9.5 12l-2.5 3"})]}),HeroSingle:j($,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M10.5 8.5l4 2.5-4 2.5z"}),T("path",{d:"M7 17h7"})]}),Collections:j($,{children:[T("rect",{x:"3",y:"5",width:"4.6",height:"14",rx:"1.3"}),T("rect",{x:"9.7",y:"5",width:"4.6",height:"14",rx:"1.3"}),T("rect",{x:"16.4",y:"5",width:"4.6",height:"14",rx:"1.3"})]}),CollectionCard:j($,{children:[T("rect",{x:"6",y:"4",width:"12",height:"16",rx:"2"}),T("path",{d:"M9 15h6M9 17.5h4"})]}),AlloyWheelsListing:j($,{children:[T("path",{d:"M3 5h5M3 9h5M3 13h5M3 17h5"}),T("rect",{x:"11.5",y:"5",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"17.3",y:"5",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"11.5",y:"12",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"17.3",y:"12",width:"4.2",height:"5",rx:"1"})]}),CatalogFilterBar:j($,{children:[T("path",{d:"M3 7h9M15.5 7H21"}),T("circle",{cx:"13.5",cy:"7",r:"1.7"}),T("path",{d:"M3 12h4M10.5 12H21"}),T("circle",{cx:"8.5",cy:"12",r:"1.7"}),T("path",{d:"M3 17h9M15.5 17H21"}),T("circle",{cx:"13.5",cy:"17",r:"1.7"})]}),ProductGrid:j($,{children:[T("rect",{x:"3",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"9.6",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"16.2",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"3",y:"13",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"9.6",y:"13",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"16.2",y:"13",width:"4.8",height:"6",rx:"1"})]}),RelatedProducts:j($,{children:[T("path",{d:"M3 5h10"}),T("rect",{x:"3",y:"9.5",width:"5",height:"9",rx:"1"}),T("rect",{x:"9.5",y:"9.5",width:"5",height:"9",rx:"1"}),T("rect",{x:"16",y:"9.5",width:"5",height:"9",rx:"1"})]}),Gallery:j($,{children:[T("rect",{x:"3",y:"4",width:"11",height:"16",rx:"2"}),T("rect",{x:"15.5",y:"4",width:"5.5",height:"7.5",rx:"1.5"}),T("rect",{x:"15.5",y:"12.5",width:"5.5",height:"7.5",rx:"1.5"})]}),GalleryB:j($,{children:[T("rect",{x:"3.5",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"13",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"3.5",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"13",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"})]}),GalleryItem:j($,{children:[T("rect",{x:"4",y:"5",width:"16",height:"14",rx:"2"}),T("circle",{cx:"9",cy:"10",r:"1.6"}),T("path",{d:"M20 15.5l-4.5-4L7 19"})]}),Events:j($,{children:[T("rect",{x:"4",y:"5",width:"16",height:"15",rx:"2"}),T("path",{d:"M4 9.5h16M8.5 3v4M15.5 3v4M8 14h2M14 14h2"})]}),PostCard:j($,{children:[T("rect",{x:"4",y:"3.5",width:"16",height:"17",rx:"2"}),T("rect",{x:"6.5",y:"6",width:"11",height:"6",rx:"1"}),T("path",{d:"M6.5 14.5h11M6.5 17.5h7"})]}),Manifesto:j($,{children:[T("path",{d:"M7 8h3.2v4c0 1.6-1 2.6-3 3.2"}),T("path",{d:"M14 8h3.2v4c0 1.6-1 2.6-3 3.2"})]}),Stats:j($,{children:[T("path",{d:"M3.5 20h17"}),T("path",{d:"M6 20v-7M11 20V7M16 20v-5M20.5 20v-9"})]}),Logos:j($,{children:[T("circle",{cx:"6",cy:"12",r:"2.6"}),T("rect",{x:"10",y:"9.4",width:"5.2",height:"5.2",rx:"1.2"}),T("path",{d:"M19 9.2l2.4 5h-4.8z"})]}),Ticker:j($,{children:[T("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),T("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),SectionHeader:j($,{children:[T("rect",{x:"3.5",y:"6",width:"5",height:"5",rx:"1.2"}),T("path",{d:"M11 8.5h9M3.5 15.5h17"})]}),IntroBleed:j($,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M3 13.5h18M7 16.8h6"})]}),Split:j($,{children:[T("rect",{x:"3",y:"5",width:"8",height:"14",rx:"1.5"}),T("path",{d:"M14 8.5h6M14 12h6M14 15.5h4"})]}),Eyebrow:j($,{children:[T("path",{d:"M4 8.5h4.5M11 8.5h9"}),T("path",{d:"M4 14.5h16"})]}),HeroGroup:j($,{children:[T("rect",{x:"3.5",y:"4.5",width:"17",height:"15",rx:"2"}),T("path",{d:"M7 9h8M7 12.5h10M7 16h6"})]}),Form:j($,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M6.5 9h11M6.5 12.5h11"}),T("rect",{x:"6.5",y:"15",width:"6.5",height:"2.6",rx:"1.3"})]}),LogoBlock:T($,{children:T("path",{d:"M12 3.5l7.5 3.2v5.1c0 4.2-3.2 7.1-7.5 8.7-4.3-1.6-7.5-4.5-7.5-8.7V6.7z"})}),Spacer:j($,{children:[T("path",{d:"M12 4v6M9.5 6.5L12 4l2.5 2.5M12 20v-6M9.5 17.5L12 20l2.5-2.5"}),T("path",{d:"M5 13h14",strokeDasharray:"2 2.5"})]}),ContactRouting:j($,{children:[T("rect",{x:"3",y:"4",width:"5",height:"5",rx:"1"}),T("rect",{x:"9.5",y:"4",width:"5",height:"5",rx:"1"}),T("rect",{x:"16",y:"4",width:"5",height:"5",rx:"1"}),T("path",{d:"M4 13.5h11M4 17.5h7"}),T("path",{d:"M17 15l3 2-3 2"})]}),CustomHTML:T("path",{d:"M9 8l-4 4 4 4M15 8l4 4-4 4"})},IL=T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),hL={footer:RI,Footer:RI,Divider:PI,FooterDivider:PI,Banner:aL,Flex:nL,FooterSocial:fL,page:mL,chat:dL,Heading:sL,Text:cL,ImageBlock:pL,ButtonBlock:lL,Grid:uL,ProductRef:iL},gL={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function Qt({type:e,size:o=16,className:t}){let r=gL[e]??e,a=hL[r];return a?T(a,{size:o,className:t}):T("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",children:xL[r]??IL})}import{jsx as lo,Fragment as bL,jsxs as yL}from"react/jsx-runtime";import{useEffect as SL,useId as CL,useState as vL}from"react";import{SettingsField as OI,SettingsSwitch as wL}from"efficient-easel/panel";import{EyeIcon as kL,TypeIcon as TL}from"efficient-easel/icons";var FL="Chat with us",EL="We usually reply within a few minutes",LL="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function cf({label:e,value:o,placeholder:t,onCommit:r,multiline:a=!1}){let[n,s]=vL(o);SL(()=>s(o),[o]);let i=()=>{n!==o&&r(n)};return lo(OI,{label:e,icon:lo(TL,{}),children:a?lo("textarea",{value:n,placeholder:t,rows:3,onChange:c=>s(c.target.value),onBlur:i,"aria-label":e}):lo("input",{type:"text",value:n,placeholder:t,onChange:c=>s(c.target.value),onBlur:i,onKeyDown:c=>{c.key==="Enter"&&c.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function AI(){let{chat:e,setChat:o}=Wn(),t=CL();return yL(bL,{children:[lo(OI,{label:l("Show the chat bubble"),labelId:t,icon:lo(kL,{}),action:lo(wL,{checked:e.enabled,onChange:r=>o({enabled:r}),ariaLabelledBy:t}),hint:e.enabled?l("The floating chat bubble shows in the corner of every page."):l("The chat bubble is hidden across the whole site.")}),lo(Rr,{label:"Wording"}),lo(cf,{label:l("Title"),value:e.title,placeholder:FL,onCommit:r=>o({title:r})}),lo(cf,{label:l("Subtitle"),value:e.subtitle,placeholder:EL,onCommit:r=>o({subtitle:r})}),lo(cf,{label:l("Greeting message"),value:e.greeting,placeholder:LL,onCommit:r=>o({greeting:r}),multiline:!0}),lo("p",{className:"es-field-hint sf-hint-keep",children:l("Leave a field blank to use the built-in wording.")})]})}import{jsx as ht,Fragment as Of,jsxs as MI}from"react/jsx-runtime";import{useEffect as nP,useId as _I,useState as NI}from"react";import{SettingsField as lP}from"efficient-easel/panel";import{jsx as YL}from"react/jsx-runtime";import{forwardRef as PL,createElement as df}from"react";var BI={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};var H=(e,o,t,r)=>{let a=PL(({color:n="currentColor",size:s=24,stroke:i=2,title:c,className:u,children:p,...m},x)=>df("svg",{ref:x,...BI[e],width:s,height:s,className:["tabler-icon",`tabler-icon-${o}`,u].filter(Boolean).join(" "),...e==="filled"?{fill:n}:{strokeWidth:i,stroke:n},...m},[c&&df("title",{key:"svg-title"},c),...r.map(([g,S])=>df(g,S)),...Array.isArray(p)?p:[p]]));return a.displayName=`${t}`,a};var RL=[["path",{d:"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3",key:"svg-0"}]],uf=H("outline","brand-facebook","BrandFacebook",RL);var OL=[["path",{d:"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10",key:"svg-0"}],["path",{d:"M8.5 12a3.5 3.5 0 1 0 7 0a3.5 3.5 0 0 0 -7 0",key:"svg-1"}],["path",{d:"M17 7v.01",key:"svg-2"}]],pf=H("outline","brand-instagram","BrandInstagram",OL);var AL=[["path",{d:"M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01",key:"svg-0"}]],mf=H("outline","brand-line","BrandLine",AL);var BL=[["path",{d:"M8 11v5",key:"svg-0"}],["path",{d:"M8 8v.01",key:"svg-1"}],["path",{d:"M12 16v-5",key:"svg-2"}],["path",{d:"M16 16v-3a2 2 0 1 0 -4 0",key:"svg-3"}],["path",{d:"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10",key:"svg-4"}]],xf=H("outline","brand-linkedin","BrandLinkedin",BL);var DL=[["path",{d:"M8 20l4 -9",key:"svg-0"}],["path",{d:"M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7",key:"svg-1"}],["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-2"}]],If=H("outline","brand-pinterest","BrandPinterest",DL);var _L=[["path",{d:"M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4",key:"svg-0"}]],hf=H("outline","brand-telegram","BrandTelegram",_L);var NL=[["path",{d:"M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917",key:"svg-0"}]],gf=H("outline","brand-tiktok","BrandTiktok",NL);var ML=[["path",{d:"M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5",key:"svg-0"}],["path",{d:"M11.197 15.698c-.69 .196 -1.43 .302 -2.197 .302a8.008 8.008 0 0 1 -2.612 -.432l-2.388 1.432v-2.801c-1.237 -1.082 -2 -2.564 -2 -4.199c0 -3.314 3.134 -6 7 -6c3.782 0 6.863 2.57 7 5.785l0 .233",key:"svg-1"}],["path",{d:"M10 8h.01",key:"svg-2"}],["path",{d:"M7 8h.01",key:"svg-3"}],["path",{d:"M15 14h.01",key:"svg-4"}],["path",{d:"M18 14h.01",key:"svg-5"}]],bf=H("outline","brand-wechat","BrandWechat",ML);var HL=[["path",{d:"M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9",key:"svg-0"}],["path",{d:"M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1",key:"svg-1"}]],yf=H("outline","brand-whatsapp","BrandWhatsapp",HL);var WL=[["path",{d:"M4 4l11.733 16h4.267l-11.733 -16l-4.267 0",key:"svg-0"}],["path",{d:"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772",key:"svg-1"}]],Sf=H("outline","brand-x","BrandX",WL);var GL=[["path",{d:"M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8",key:"svg-0"}],["path",{d:"M10 9l5 3l-5 3l0 -6",key:"svg-1"}]],Cf=H("outline","brand-youtube","BrandYoutube",GL);var zL=[["path",{d:"M18 2a1 1 0 0 1 .993 .883l.007 .117v4a1 1 0 0 1 -.883 .993l-.117 .007h-3v1h3a1 1 0 0 1 .991 1.131l-.02 .112l-1 4a1 1 0 0 1 -.858 .75l-.113 .007h-2v6a1 1 0 0 1 -.883 .993l-.117 .007h-4a1 1 0 0 1 -.993 -.883l-.007 -.117v-6h-2a1 1 0 0 1 -.993 -.883l-.007 -.117v-4a1 1 0 0 1 .883 -.993l.117 -.007h2v-1a6 6 0 0 1 5.775 -5.996l.225 -.004h3z",key:"svg-0"}]],vf=H("filled","brand-facebook-filled","BrandFacebookFilled",zL);var UL=[["path",{d:"M16 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-8a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-4 5a4 4 0 0 0 -3.995 3.8l-.005 .2a4 4 0 1 0 4 -4m4.5 -1.5a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1",key:"svg-0"}]],wf=H("filled","brand-instagram-filled","BrandInstagramFilled",UL);var qL=[["path",{d:"M17 2a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-10a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5zm-9 8a1 1 0 0 0 -1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0 -1 -1m6 0a3 3 0 0 0 -1.168 .236l-.125 .057a1 1 0 0 0 -1.707 .707v5a1 1 0 0 0 2 0v-3a1 1 0 0 1 2 0v3a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3 -3m-6 -3a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1",key:"svg-0"}]],kf=H("filled","brand-linkedin-filled","BrandLinkedinFilled",qL);var $L=[["path",{d:"M17 3.34a10 10 0 0 1 -8.512 18.023l2.364 -5.315a3.5 3.5 0 0 0 2.398 .952c2.708 0 4.75 -2.089 4.75 -5a6 6 0 1 0 -11.64 2.041a1 1 0 1 0 1.88 -.682a4 4 0 1 1 7.76 -1.36c0 1.818 -1.156 3.001 -2.75 3.001c-.609 0 -1.153 -.361 -1.478 -1.022l1.142 -2.572a1 1 0 0 0 -1.828 -.812l-4.392 9.882a10 10 0 0 1 -4.694 -8.476l.005 -.324a10 10 0 0 1 14.995 -8.336",key:"svg-0"}]],Tf=H("filled","brand-pinterest-filled","BrandPinterestFilled",$L);var jL=[["path",{d:"M16.083 2h-4.083a1 1 0 0 0 -1 1v11.5a1.5 1.5 0 1 1 -2.519 -1.1l.12 -.1a1 1 0 0 0 .399 -.8v-4.326a1 1 0 0 0 -1.23 -.974a7.5 7.5 0 0 0 1.73 14.8l.243 -.005a7.5 7.5 0 0 0 7.257 -7.495v-2.7l.311 .153c1.122 .53 2.333 .868 3.59 .993a1 1 0 0 0 1.099 -.996v-4.033a1 1 0 0 0 -.834 -.986a5.005 5.005 0 0 1 -4.097 -4.096a1 1 0 0 0 -.986 -.835z",key:"svg-0"}]],Ff=H("filled","brand-tiktok-filled","BrandTiktokFilled",jL);var KL=[["path",{d:"M18.497 4.409a10 10 0 0 1 -10.36 16.828l-.223 -.098l-4.759 .849l-.11 .011a1 1 0 0 1 -.11 0l-.102 -.013l-.108 -.024l-.105 -.037l-.099 -.047l-.093 -.058l-.014 -.011l-.012 -.007l-.086 -.073l-.077 -.08l-.067 -.088l-.056 -.094l-.034 -.07l-.04 -.108l-.028 -.128l-.012 -.102a1 1 0 0 1 0 -.125l.012 -.1l.024 -.11l.045 -.122l1.433 -3.304l-.009 -.014a10 10 0 0 1 1.549 -12.454l.215 -.203a10 10 0 0 1 13.226 -.217m-8.997 3.09a1.5 1.5 0 0 0 -1.5 1.5v1a6 6 0 0 0 6 6h1a1.5 1.5 0 0 0 0 -3h-1l-.144 .007a1.5 1.5 0 0 0 -1.128 .697l-.042 .074l-.022 -.007a4.01 4.01 0 0 1 -2.435 -2.435l-.008 -.023l.075 -.041a1.5 1.5 0 0 0 .704 -1.272v-1a1.5 1.5 0 0 0 -1.5 -1.5",key:"svg-0"}]],Ef=H("filled","brand-whatsapp-filled","BrandWhatsappFilled",KL);var VL=[["path",{d:"M8.267 3a1 1 0 0 1 .73 .317l.076 .092l4.274 5.828l5.946 -5.944a1 1 0 0 1 1.497 1.32l-.083 .094l-6.163 6.162l6.262 8.54a1 1 0 0 1 -.697 1.585l-.109 .006h-4.267a1 1 0 0 1 -.73 -.317l-.076 -.092l-4.276 -5.829l-5.944 5.945a1 1 0 0 1 -1.497 -1.32l.083 -.094l6.161 -6.163l-6.26 -8.539a1 1 0 0 1 .697 -1.585l.109 -.006h4.267z",key:"svg-0"}]],Lf=H("filled","brand-x-filled","BrandXFilled",VL);var XL=[["path",{d:"M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z",key:"svg-0"}]],Pf=H("filled","brand-youtube-filled","BrandYoutubeFilled",XL);var N8="outline",zn={fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},ZL={},Rf={fillRule:"evenodd"},QL=[["path",{...zn,d:"M21 4L3 11L7 13L9 19L12 15L17 20z"}],["path",{...Rf,d:"M21 4L3 11L7 13L9 19L12 15L17 20zM15.212 8.939 10.576 13.576 11.424 14.424 16.061 9.788z"}]],JL=[["path",{...zn,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}],["path",{...ZL,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}]],eP=[["path",{...zn,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z"].join("")}],["path",{...zn,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972z"].join("")}],["path",{...Rf,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972zM5.25 7.9a0.85 0.85 0 1 0 1.7 0","a0.85 0.85 0 1 0 -1.7 0zM8.25 7.9a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}],["path",{...Rf,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z","M14.15 14a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0zM17.15 14","a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}]],oP=H("filled","brand-telegram-filled","BrandTelegramFilled",QL),tP=H("filled","brand-line-filled","BrandLineFilled",JL),rP=H("filled","brand-wechat-filled","BrandWechatFilled",eP),aP={instagram:{outline:pf,solid:wf},facebook:{outline:uf,solid:vf},tiktok:{outline:gf,solid:Ff},youtube:{outline:Cf,solid:Pf},x:{outline:Sf,solid:Lf},linkedin:{outline:xf,solid:kf},pinterest:{outline:If,solid:Tf},whatsapp:{outline:yf,solid:Ef},telegram:{outline:hf,solid:oP},line:{outline:mf,solid:tP},wechat:{outline:bf,solid:rP}};function DI({platform:e,iconStyle:o,size:t}){let r=aP[e][o];return YL(r,{size:t,stroke:1.75,"aria-hidden":"true",focusable:"false"})}var sP={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000",telegram:"t.me/yourshop",line:"line.me/ti/p/~yourshop",wechat:"u.wechat.com/your-qr-code-link"};function iP({platform:e}){let{rows:o,saveLink:t}=$r(),{value:r,error:a}=o[e],[n,s]=NI(r),[i,c]=NI(!1),u=_I(),p=_I();nP(()=>s(r),[r]);let m=async()=>{if(n.trim()===r){n!==r&&s(r);return}c(!0),await t(e,n),c(!1)},x=vd[e];return MI(Of,{children:[ht(lP,{label:l(x),htmlFor:u,icon:ht(DI,{platform:e,iconStyle:"outline",size:18}),children:ht("input",{id:u,type:"text",inputMode:"url",value:n,placeholder:sP[e],onChange:g=>s(g.target.value),onBlur:()=>{m()},onKeyDown:g=>{g.key==="Enter"&&g.currentTarget.blur(),g.key==="Escape"&&(s(r),g.currentTarget.blur())},"aria-invalid":a?!0:void 0,"aria-describedby":a?p:void 0,"aria-busy":i||void 0,autoComplete:"off",spellCheck:!1})}),a&&ht("p",{id:p,className:"sf-note sf-note--error",role:"alert",children:a})]})}function HI({unavailable:e}){let{canSave:o}=$r();return!o&&e?ht(Of,{children:e}):MI(Of,{children:[ht("p",{className:"es-field-hint sf-hint-keep",children:l("Paste a link to each profile. A platform left empty shows nothing on the site.")}),xa.map(t=>ht(iP,{platform:t},t))]})}import{jsx as tr,jsxs as zR}from"react/jsx-runtime";import{useId as UR,useMemo as qR}from"react";import{useEasel as $R}from"efficient-easel/easel";import{SettingsField as jR,SettingsSwitch as KR}from"efficient-easel/panel";import{EyeIcon as VR}from"efficient-easel/icons";import{jsx as Po,jsxs as Zn}from"react/jsx-runtime";import{useCallback as er,useEffect as or,useId as DR,useRef as No,useState as Qr}from"react";var WI="data-puck-overlay-portal";function Un(e){return e.setAttribute(WI,"true"),()=>e.removeAttribute(WI)}import{jsx as Vr,jsxs as ah}from"react/jsx-runtime";var Af="small",Bf="dot",fP=[{label:"Small",value:"small"},{label:"Display",value:"display"}],cP=[{label:"Dot \u25CF",value:"dot"},{label:"Cross \u2715",value:"cross"},{label:"Slash /",value:"slash"},{label:"Triangle \u25BC",value:"triangle"},{label:"None",value:"none"}],GI={dot:"\u25CF",cross:"\u2715",slash:"/",triangle:"\u25BC",none:""},dP={small:"font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.25em] max-[800px]:text-[length:var(--size-label,12px)]",display:"font-display font-medium text-[length:var(--size-headingMedium,44px)] uppercase leading-none tracking-[0.005em] max-[800px]:text-[length:var(--size-headingMedium,28px)]"},uP={small:{dot:"",cross:"text-[0.77em]",slash:"text-[0.77em]",triangle:"",none:""},display:{dot:"text-[0.3em]",cross:"text-[0.64em]",slash:"text-[0.64em]",triangle:"text-[0.3em]",none:""}};function zI(e){return Je(fP,Af,e)}function UI(e){return Je(cP,Bf,e)}function qI(e){return dP[e]}function $I(e,o){return uP[e][o]}var Df="left",pP=[{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"},{label:"Up",value:"up",cell:"top"},{label:"Down",value:"down",cell:"bottom"}],mP={left:"storefront-ticker",right:"storefront-ticker-right",up:"storefront-ticker-up",down:"storefront-ticker-down"};function jI(e){return Je(pP,Df,e)}function KI(e){return e==="up"||e==="down"}function VI(e,o){return`${mP[e]} ${o}s linear infinite`}import{jsx as ce,jsxs as Wf}from"react/jsx-runtime";import{Fragment as th}from"react";import{Fragment as gP,jsx as Mf}from"react/jsx-runtime";import{Fragment as XI,jsx as qn,jsxs as xP}from"react/jsx-runtime";import{createContext as YI,useContext as _f,useId as IP,useMemo as hP}from"react";var Nf=YI(null),ZI=YI(null);function tq({needles:e,styles:o,type:t,children:r}){let a=IP(),n=JSON.stringify([a,e,o,t]),s=hP(()=>Fx(e,o,a,i=>Fn(t,i)),[n]);return s?xP(XI,{children:[qn("style",{"data-sf-part-styles":"",dangerouslySetInnerHTML:{__html:Lx(s)}}),qn(Nf.Provider,{value:s,children:r})]}):qn(XI,{children:r})}function QI(e){let o=_f(Nf),t=_f(ZI),r=Px(o,e);return r&&r.stamp!==t?r:null}function rq(e){return Ex(_f(Nf),e)}function JI({stamp:e,children:o}){return qn(ZI.Provider,{value:e,children:o})}function Kr({value:e,children:o}){let t=QI(e);return t?Mf(JI,{stamp:t.stamp,children:Mf("span",{[Ai]:t.stamp,children:o})}):Mf(gP,{children:o})}import{jsx as Hf,Fragment as bP}from"react/jsx-runtime";function eh({className:e=""}){return Hf("sup",{className:`text-accent tracking-normal ${e}`,children:"\xAE"})}function $n(e){if(!e.includes("\xAE"))return e;let o=e.split("\xAE"),t=[];return o.forEach((r,a)=>{r&&t.push(r),a<o.length-1&&t.push(Hf(eh,{},`r${a}`))}),Hf(bP,{children:t})}var cq=eh;function Gf(e,o=!1){let t=FP(o),r=ss(e);if(r.length===1){let[n]=r,s=ls(n),i=s?kP(s,n.children):n.children;return ce(Kr,{value:e,children:jn(i,t)})}let a=[];return r.forEach((n,s)=>{if(n.bullet){a.push(ce("span",{"data-sf-bullet":"",className:yP,children:jn(n.children,t)},s));return}if(n.number!=null){a.push(Wf("span",{"data-sf-number":n.number,className:SP,children:[Wf("span",{className:CP,children:[n.number,"."]}),jn(n.children,t)]},s));return}s>0&&!vP(r[s-1])&&a.push(ce("br",{},`br${s}`)),a.push(ce(th,{children:jn(n.children,t)},s))}),ce(Kr,{value:e,children:a})}var yP="relative block pl-6 before:absolute before:left-1.5 before:font-bold before:text-accent before:content-['\xB7']",SP="relative block pl-[2em]",CP="absolute left-0 w-[1.6em] text-right tabular-nums";function vP(e){return e.bullet||e.number!=null}var wP="text-accent underline underline-offset-[0.18em]";function kP(e,o){let[t,...r]=o;return t?.kind==="text"?[{kind:"text",text:`${e}${t.text}`},...r]:[{kind:"text",text:e},...o]}function TP(e){if(e)return Tx(e)?e:Object.hasOwn(qo,e)?qo[e]:void 0}function jn(e,o){let t=[],r=!1;return e.forEach((a,n)=>{if(a.kind==="text"){t.push(ce("span",{children:$n(a.text)},n)),r=!0;return}r||t.push(ce("span",{},`e${n}`)),t.push(rh(a,n,o)),r=!1}),r||t.push(ce("span",{},"end")),t}function oh(e,o){return e.length===1&&e[0].kind==="text"?$n(e[0].text):e.map((t,r)=>t.kind==="text"?ce(th,{children:$n(t.text)},r):rh(t,r,o))}function FP(e){return e?"font-normal italic text-accent":"not-italic text-accent"}function bq(e){return ce(Kr,{value:e,children:ce("span",{children:e})})}function rh(e,o,t){if(e.kind==="link")return ce("a",{href:e.href,className:wP,children:oh(e.children,t)},o);let r=oh(e.children,t),a=bu[e.kind];if(a)return ce("span",{[yu]:a,children:r},o);switch(e.kind){case"underline":return ce("u",{children:r},o);case"sup":return ce("sup",{children:r},o);case"sub":return ce("sub",{children:r},o);case"color":{let n=TP(e.color);return n?ce("span",{style:{color:n},children:r},o):ce("span",{children:r},o)}case"accent":case"highlight":return ce("em",{className:t,children:r},o);case"bold":return ce("strong",{className:"font-semibold",children:r},o);case"italic":return ce("em",{className:"italic",children:r},o);case"strike":return ce("s",{className:"line-through",children:r},o);default:return ce("span",{children:r},o)}}function yq(e,o=!0){let t=e.split(`
|
|
5
|
+
`);return ce(Kr,{value:e,children:t.map((r,a)=>Wf("span",{children:[Gf(r,o),a<t.length-1?ce("br",{}):null]},a))})}function Sq(e){return e.split(/\n\s*\n/).map(o=>o.trim()).filter(Boolean)}var EP={"themed-band":"text-fg/70","themed-section":"text-fg-dim","dark-media":"text-overlay-fg/70"};function nh({items:e,separator:o=Bf,size:t=Af,durationSec:r=50,scroll:a=Df,backdrop:n="themed-band",className:s}){let i=zI(t),c=jI(a),u=UI(o),p=`text-accent ${$I(i,u)}`.trim(),m=GI[u],x=m===""?Vr("span",{}):Vr("span",{className:p,children:m}),g=KI(c),S=g?"inline-flex flex-col items-center gap-[60px] pb-[60px] max-[800px]:gap-8 max-[800px]:pb-8":"inline-flex items-center gap-[60px] pr-[60px] max-[800px]:gap-8 max-[800px]:pr-8",k=g?"inline-flex flex-col items-center gap-[60px] max-[800px]:gap-8":"inline-flex items-center gap-[60px] max-[800px]:gap-8",b=v=>Vr("span",{className:S,children:e.map((C,h)=>{let w=typeof C=="string"?C:C.text,L=typeof C=="object"&&C.gold;return ah("span",{className:k,children:[Vr("span",{className:L?"text-accent":void 0,children:Gf(w)}),x]},h)})},v);return Vr("div",{className:`overflow-hidden ${s??""}`,children:ah("div",{className:`flex ${g?"flex-col ":""}whitespace-nowrap ${qI(i)} ${EP[n]}`,style:{animation:VI(c,r)},children:[b("a"),b("b")]})})}import{jsx as Xr,jsxs as QP}from"react/jsx-runtime";import{createContext as JP,useContext as eR}from"react";import{jsx as Jt,jsxs as uh}from"react/jsx-runtime";import{useEffect as zf,useRef as WP,useState as Kn}from"react";import{jsx as lh}from"react/jsx-runtime";import{createContext as LP,lazy as Oq,Suspense as Aq,useContext as PP}from"react";var RP={Link:zc,Image:Gc},OP=LP(RP);function sh(){return PP(OP)}function Bq(e){let{Link:o}=sh();return lh(o,{...e})}function ih(e){let{Image:o}=sh();return lh(o,{...e})}import{jsx as fh,Fragment as AP,jsxs as BP}from"react/jsx-runtime";import{useEffect as DP,useRef as ch,useState as _P}from"react";var NP="#t=0.001",MP=2;function HP(e,o){if(e.readyState<MP||!e.videoWidth||!e.videoHeight)return!1;let t=o.getContext("2d");return t?(o.width=e.videoWidth,o.height=e.videoHeight,t.drawImage(e,0,0,o.width,o.height),!0):!1}function dh({src:e,objectPosition:o="50% 50%",onError:t}){let r=ch(null),a=ch(null),[n,s]=_P(!1);return DP(()=>{let i=r.current,c=a.current;if(n||!i||!c)return;let u=()=>{HP(i,c)&&s(!0)};return u(),i.addEventListener("loadeddata",u),i.addEventListener("seeked",u),()=>{i.removeEventListener("loadeddata",u),i.removeEventListener("seeked",u)}},[n]),BP(AP,{children:[fh("canvas",{ref:a,"aria-hidden":!0,className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:o,visibility:n?"visible":"hidden"}}),!n&&fh("video",{ref:r,src:`${e}${NP}`,muted:!0,playsInline:!0,preload:"auto",className:"hidden",onError:t})]})}var GP=.5;function ph({videoSrc:e,posterSrc:o,showVideo:t=!0,playbackRate:r=GP,objectPosition:a="50% 50%",quiet:n=!1}){let s=o||"",i=e||"",[c,u]=Kn(!1),[p,m]=Kn(!1),[x,g]=Kn(!1),[S,k]=Kn(!1),b=WP(null);zf(()=>{u(!1),m(!1),g(!1)},[e,o]),zf(()=>{if(typeof window>"u")return;let C=()=>{let h=window;h.requestIdleCallback?h.requestIdleCallback(()=>k(!0),{timeout:2e3}):setTimeout(()=>k(!0),800)};if(document.readyState==="complete"){C();return}return window.addEventListener("load",C,{once:!0}),()=>window.removeEventListener("load",C)},[]),zf(()=>{let C=b.current;if(!C)return;let h=()=>{C.playbackRate=r};return h(),C.addEventListener("loadedmetadata",h),()=>C.removeEventListener("loadedmetadata",h)},[e,r]);let v=Uc(s);return uh("div",{className:"absolute inset-0 z-[1]",children:[Jt("div",{className:"absolute inset-0",style:{background:"var(--site-surface)"}}),s&&(v?Jt("img",{src:s,alt:"",className:"absolute inset-0 z-[2] h-full w-full object-cover",style:{display:c?"none":"block",objectPosition:a},onError:()=>u(!0)},s):Jt(ih,{src:s,alt:"",fill:!0,priority:!0,sizes:"100vw",className:"z-[2] object-cover",style:{display:c?"none":"block",objectPosition:a},onError:()=>u(!0)},s)),t&&!n&&i&&S&&!p&&uh("video",{ref:b,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"metadata",className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:a},onError:()=>m(!0),children:[qc(i)&&Jt("source",{src:i.replace(/\.mp4$/,".av1.mp4"),type:'video/mp4; codecs="av01.0.08M.10"'}),Jt("source",{src:i,type:"video/mp4"})]},i),t&&n&&i&&S&&!x&&(!s||c)&&Jt(dh,{src:i,objectPosition:a,onError:()=>g(!0)},i)]})}var mh=["top","middle","bottom"],xh=["left","center","right"],Ih="bottom",hh="left",zP={top:"Top",middle:"Middle",bottom:"Bottom"},UP={left:"Left",center:"Center",right:"Right"};var $q="Up and down",jq="Sideways",qP={top:"flex-start",middle:"center",bottom:"flex-end"},$P={left:"flex-start",center:"center",right:"flex-end"},jP="--sf-hero-phone-y",KP="--sf-hero-phone-x";function VP(e){return mh.includes(e)?e:Ih}function XP(e){return xh.includes(e)?e:hh}function gh(e,o){let t=VP(e),r=XP(o),a={};return t!==Ih&&(a[jP]=qP[t]),r!==hh&&(a[KP]=$P[r]),a}function Kq(){return mh.map(e=>({label:zP[e],value:e}))}function Vq(){return xh.map(e=>({label:UP[e],value:e}))}var YP="#0A0A0A",ZP=[[0,".5"],[30,".1"],[60,".1"],[100,".85"]];function bh(e){let o=e.trim().replace(/^#/,""),t=o.length===3?o.split("").map(a=>a+a).join(""):o;if(!/^[0-9a-fA-F]{6}$/.test(t))return null;let r=Number.parseInt(t,16);return`${r>>16&255},${r>>8&255},${r&255}`}function yh(e){return e==null?!0:e!==!1}function Sh(e){let o=(e?bh(e):null)??bh(YP);return`linear-gradient(180deg, ${ZP.map(([t,r])=>`rgba(${o},${r}) ${t}%`).join(", ")})`}var Uf=JP({});function a9({name:e,process:o,mediaType:t="video",mediaSrc:r,videoSpeed:a,poster:n,objectPosition:s,tintColor:i="#000000",tintOpacity:c=0,groups:u,editing:p=!1,themeClassName:m,themeStyle:x}){let{alignment:g="left",textureOpacity:S,textureOn:k,textureColor:b,quietVideo:v,phoneUpDown:C,phoneSideways:h}=eR(Uf),w=t==="video",L=w?mr(r):void 0,F=w?mr(n):mr(r)??mr(n),_=typeof a=="number"?a/100:1;return QP("section",{className:m?`relative h-full w-full overflow-hidden ${m}`:"relative h-full w-full overflow-hidden",style:x,"data-slide-name":e??"","data-slide-process":o??"","data-slide-media":L?"video":"still",children:[Xr(ph,{videoSrc:L,posterSrc:F,showVideo:w,playbackRate:_,objectPosition:s,quiet:v}),c>0&&Xr("div",{className:"absolute inset-0 z-[2]",style:{background:i,opacity:Math.min(Math.max(c,0),100)/100}}),yh(k)&&Xr("div",{className:"absolute inset-0 z-[2]",style:{background:Sh(b),...S!==void 0?{opacity:S/100}:null}}),Xr("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",p?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{...pu,...gh(C,h)},children:u&&Xr(u,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}var Ch=Array.from({length:3},(e,o)=>({name:`Slide ${o+1}`,process:"Category",mediaType:"image",mediaVideo:"",poster:""}));import{jsx as qf}from"react/jsx-runtime";var oR={"top-left":"left-0 top-[120px]","top-center":"left-1/2 top-[120px] -translate-x-1/2","top-right":"right-0 top-[120px]",left:"left-0 top-1/2 -translate-y-1/2",center:"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",right:"right-0 top-1/2 -translate-y-1/2","bottom-left":"left-0 bottom-[120px]","bottom-center":"left-1/2 bottom-[120px] -translate-x-1/2","bottom-right":"right-0 bottom-[120px]"},tR=`calc(${Xa} - ${Ve}*2)`,vh=`var(${zs},${Ve})`,i9=`pointer-events-none absolute inset-y-0 left-[${vh}] right-[${vh}] z-[6] mx-auto max-w-[var(${Us},${tR.replace(/ /g,"_")})]`;function Vn(e,o){return`pointer-events-auto absolute ${oR[e]} z-[6] sf-hero-overlay-rail flex ${o}`}function wh(e){return co.includes(e)?e:null}var rR="bottom-right",aR=["outline","solid","square","bare"],nR="outline",u9={outline:"Outline",solid:"Solid",square:"Square",bare:"Bare"},p9=!1,kh=["prev","next"],Th={prev:"Previous slide",next:"Next slide"};function lR(e){return aR.includes(e)?e:nR}function sR(e){return wh(e)??rR}var iR="flex-row items-center gap-2";function Fh(e){return Vn(sR(e),iR)}var fR={outline:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",solid:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome bg-overlay-chrome text-overlay-scrim transition-colors hover:bg-overlay-chrome/85",square:"grid h-10 w-10 cursor-pointer place-items-center rounded-md border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",bare:"grid h-10 w-10 cursor-pointer place-items-center text-overlay-fg transition-colors hover:text-overlay-chrome"};function Eh(e){return fR[lR(e)]}function Lh(e){return e.shown===!0&&(e.count??0)>1}function Xn(e,o,t){if(t<=1)return o;let r=Math.min(Math.max(o,0),t-1);return e==="prev"?(r-1+t)%t:(r+1)%t}function Ph({shape:e,placement:o,ref:t}){let r=Eh(e);return qf("div",{ref:t,className:Fh(o),style:{color:"var(--overlay-fg)"},children:kh.map(a=>qf("button",{type:"button","data-hero-nav":a,"aria-label":Th[a],className:r,children:qf(ze,{name:"chevron-right",size:18,rounded:!0,style:a==="prev"?{rotate:"180deg"}:void 0})},a))})}import{jsx as Pe,jsxs as $f,Fragment as Yr}from"react/jsx-runtime";var cR=co;var dR="top-right",uR=["cards","dots","numbers","bar","tabs"],pR=["cards","dots","numbers","bar"],Rh="cards",S9={cards:"Cards",dots:"Dots",numbers:"Numbers",bar:"Bar",tabs:"Tabs"},C9=!0;function Yn(e){return uR.includes(e)?e:Rh}function Oh(e){return pR.includes(e)?e:Rh}function mR(e){return cR.includes(e)?e:dR}var Ah={cards:"flex-col gap-2.5",dots:"flex-row items-center gap-2",numbers:"flex-col gap-2",bar:"h-0.5 w-[34%] max-w-[420px] gap-px overflow-hidden rounded-full",tabs:"flex-row items-stretch w-full overflow-x-auto"};function Bh(e,o){return Vn(mR(o),Ah[Yn(e)])}function Dh(e){return`flex ${Ah[Yn(e)]}`}function _h(e){return e.shown!==!1&&(e.count??0)>1}function xR(e){return{name:e.dataset.slideName||"",process:e.dataset.slideProcess||"",video:e.dataset.slideMedia==="video"}}function IR(e,o){return e===o?!0:e.length!==o.length?!1:e.every((t,r)=>t.name===o[r].name&&t.process===o[r].process&&t.video===o[r].video)}function Nh(e,o){let t=Array.from(o,xR);return IR(e,t)?e:t}function Mh({slides:e,active:o,shape:t,placement:r,ref:a,tone:n="media",label:s}){let i=Yn(t),c=n==="surface"?{"--overlay-fg":"var(--fg)","--overlay-chrome":"var(--fg)","--overlay-scrim":"var(--site-surface-2)"}:void 0;return $f("aside",{ref:a,"aria-label":s??"Featured slides",className:n==="surface"?Dh(i):Bh(i,r),style:{color:"var(--overlay-fg)",...c},children:[i==="cards"&&Pe(hR,{slides:e,active:o}),i==="dots"&&Pe(gR,{count:e.length,active:o}),i==="numbers"&&Pe(bR,{count:e.length,active:o}),i==="bar"&&Pe(yR,{count:e.length,active:o}),i==="tabs"&&Pe(SR,{slides:e,active:o})]})}function hR({slides:e,active:o}){return $f(Yr,{children:[Pe("span",{className:"mb-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.28em] text-overlay-chrome/55",children:"Reel \xB7 pick a slide"}),e.map((t,r)=>{let a=r===o;return $f("button",{type:"button","data-idx":r,"aria-pressed":a,"aria-label":`Go to ${t.name||`slide ${r+1}`}`,className:["group flex w-[170px] cursor-pointer flex-col items-start gap-0.5 border bg-overlay-scrim/55 px-3 py-2.5 text-left transition-all motion-reduce:transition-none max-[1100px]:w-[140px]",a?"border-accent bg-overlay-scrim/70":"border-overlay-chrome/15 hover:border-overlay-chrome/45 hover:bg-overlay-scrim/70"].join(" "),children:[Pe("span",{className:["font-display text-[length:var(--size-body,13px)] font-medium uppercase leading-tight tracking-[-0.01em]",a?"text-accent":"text-overlay-fg"].join(" "),children:t.name||`Slide ${r+1}`}),Pe("span",{className:"font-mono text-[length:var(--size-label,9px)] uppercase tracking-[0.2em] text-overlay-chrome/55",children:a?"\u25B6 Now playing":t.process||" "})]},r)})]})}function gR({count:e,active:o}){return Pe(Yr,{children:Array.from({length:e},(t,r)=>Pe("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`h-2 cursor-pointer rounded-full transition-all motion-reduce:transition-none ${r===o?"w-5 bg-accent":"w-2 bg-overlay-chrome/45 hover:bg-overlay-chrome/70"}`},r))})}function bR({count:e,active:o}){return Pe(Yr,{children:Array.from({length:e},(t,r)=>Pe("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`cursor-pointer font-mono text-[length:var(--size-label,11px)] leading-none tracking-[0.06em] transition-colors ${r===o?"text-overlay-fg":"text-overlay-chrome/45 hover:text-overlay-chrome/80"}`,children:String(r+1).padStart(2,"0")},r))})}function yR({count:e,active:o}){return Pe(Yr,{children:Array.from({length:e},(t,r)=>Pe("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`h-full flex-1 cursor-pointer transition-colors ${r<=o?"bg-overlay-fg":"bg-overlay-chrome/25"}`},r))})}function SR({slides:e,active:o}){return Pe(Yr,{children:e.map((t,r)=>{let a=r===o;return Pe("button",{type:"button","data-idx":r,"aria-pressed":a,className:["flex min-w-[140px] flex-1 cursor-pointer items-end px-6 py-7 text-left transition-colors",r>0?"border-l border-overlay-chrome/15":"",a?"bg-overlay-scrim/70":"hover:bg-overlay-scrim/40"].join(" "),children:Pe("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase leading-tight tracking-[-0.02em]",a?"text-overlay-fg":"text-overlay-chrome/55"].join(" "),children:t.name})},r)})})}import{useEffect as CR,useState as vR}from"react";var Hh="(prefers-reduced-motion: reduce)";function wR(){return globalThis.window?.matchMedia?.(Hh)?.matches??!1}function E9(){return wR()?"auto":"smooth"}function Wh(){let[e,o]=vR(!1);return CR(()=>{let t=globalThis.window?.matchMedia?.(Hh);if(!t||(o(t.matches),typeof t.addEventListener!="function"))return;let r=a=>o(a.matches);return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),e}var Zr={accent:"#2563eb",accentTint:"#eff6ff",accentText:"#1d4ed8",appBg:"#f9fafb",previewBg:"#f3f4f6",panel:"#ffffff",fieldBg:"#ffffff",inputBorder:"#d1d5db",text:"#111827",text2:"#374151",muted:"#6b7280",line:"#e5e7eb",chipBg:"#f3f4f6",chipFg:"#6b7280",panelRadius:12,rowRadius:8,panelShadow:"0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.06)",topbarShadow:"0 1px 3px rgba(0,0,0,.06)",panelGap:10,leftWidth:288,rightWidth:308,topbarHeight:52,labelFont:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"};var Gh={min:40,max:100,step:5,fallback:100,unit:"vh"};function jf(e){return`${typeof e=="number"?e:Gh.fallback}${Gh.unit}`}function zh(...e){return e.some(o=>typeof o=="number")}var kR=new Set(["Hero","HeroSingle","IntroBleed"]),Uh={min:56,max:140,default:88},A9={min:0,max:120,step:2,default:28},qh=`var(--sf-header-h, ${Uh.default}px)`,TR="--sf-header-set-h",B9="--sf-header-h",D9=`var(${TR}, ${Uh.default}px)`,_9="sf-header-clearance",N9="sf-sticky-underheader";function FR(e){return e?.find(o=>o?.type&&o.type!==ke)??null}function $h(e){let o=FR(e)?.type;return!o||!kR.has(o)}function M9(e){return!$h(e)}function H9(e){return!!e?.some(o=>o?.type===ke)}function W9(e){return!e||e.length===0?!1:!e.some(o=>o?.type===ke||o?.type===re)}var ER=["auto","shared","own"],LR="auto",PR="topSpace",G9="data-top-space";function RR(e){return ER.includes(e)?e:LR}function OR(e,o){let t=RR(e?.props?.[PR]);return t==="own"?!0:t==="shared"?!1:$h(o)}function z9(e,o){return OR(e,o)?"own":null}var AR=40;function BR(e,o){return Math.abs(e)<=AR||Math.abs(e)<=Math.abs(o)?null:e<0?"next":"prev"}function jh(e,o,t,r){let a=BR(e,o);return a?Xn(a,t,r):t}function Kh(e){return(e.count??0)>1&&e.editing!==!0}function Vh(e){return e.editing!==!0?!1:(e.slides??[])[e.shown??0]?.video===!0}function Xh(e){return e.editing!==!0?!1:!(e.playing===!0&&e.controlShown===!0)}import{HERO_SLIDER_GOTO_EVENT as Kf}from"efficient-easel/screen/lib/puck/preview-events";var _R=`
|
|
6
|
+
.hero-ticker-pick { cursor: pointer; }
|
|
7
|
+
.hero-ticker-pick:hover {
|
|
8
|
+
outline: 2px solid color-mix(in srgb, ${Zr.accent} 45%, transparent);
|
|
9
|
+
outline-offset: -2px;
|
|
10
|
+
}
|
|
11
|
+
.hero-ticker-pick[data-selected] {
|
|
12
|
+
outline: 2px solid ${Zr.accent};
|
|
13
|
+
outline-offset: -2px;
|
|
14
|
+
}
|
|
15
|
+
`,NR="Play video",MR="Hold video",HR="flex h-7 cursor-pointer items-center gap-1.5 rounded-full border border-overlay-chrome/25 bg-overlay-scrim/80 px-[11px] font-mono text-[11px] leading-none tracking-[0.05em] text-overlay-fg",WR=()=>l("item"),Vf=["","","","","",""],Yh=new Map;function GR(e,o){let t=e?.ownerDocument?.defaultView;if(t)return t.addEventListener(Kf,o),()=>t.removeEventListener(Kf,o)}function p$({slides:e,alignment:o,textureOpacity:t,showTexture:r,textureColor:a,phoneUpDown:n,phoneSideways:s,autoplay:i,autoplayInterval:c,showTicker:u,tickerItems:p,heightDesktop:m,heightMobile:x,showPicker:g,pickerShape:S,pickerPlacement:k,showArrows:b,arrowsShape:v,arrowsPlacement:C,editing:h}){let w=zh(m,x),L=w?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",F=w?{"--sf-hero-h-d":jf(m),"--sf-hero-h-m":jf(x)}:void 0,_=(p??Vf.map(N=>({text:N}))).map(N=>N?.text?.trim()?N.text:h?WR():"").filter(Boolean),R=u!==!1,O=No(null),U=No(null),Ie=No(null),q=No(null),be=No(null),D=DR(),ie=No(D),[Te,Qe]=Qr([]),[eo,He]=Qr(0),$e=No(0),[Oe,Le]=Qr(!1),[pe,oe]=Qr(!1),[ye,oo]=Qr(null),E=Wh(),{selectedHeroId:ne,select:Z}=Gn(),Q=er(()=>O.current?.querySelector(".hero-track")??null,[]),ae=er((N,G=!1)=>{He(N),$e.current=N,Yh.set(ie.current,N);let V=O.current?.querySelector(".hero-track");if(V)if(G){let me=V.style.transition;V.style.transition="none",V.style.transform=`translateX(-${Math.max(0,N)*100}%)`,V.offsetHeight,V.style.transition=me}else V.style.transform=`translateX(-${Math.max(0,N)*100}%)`},[]);or(()=>{let N=O.current,G=N?.getAttribute("data-puck-component")||N?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||D;ie.current=G,oo(G);let V=Yh.get(G);typeof V=="number"&&(He(V),$e.current=V)},[]),or(()=>{let N=Q();if(!N)return;let G=()=>{Qe(me=>Nh(me,N.querySelectorAll("[data-slide-name]")))};G();let V=new MutationObserver(G);return V.observe(N,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-slide-name","data-slide-process","data-slide-media"]}),()=>{V.disconnect()}},[Q]),or(()=>{if(!h)return;let N=G=>{let V=G.detail;if(!V||typeof V.index!="number")return;let me=O.current,Do=me?.getAttribute("data-puck-component")||me?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||ie.current;V.id&&V.id!==Do||ae(V.index,!0)};return GR(O.current,N)},[h,ae]);let se=Te.length,Ae=Math.min(Math.max(eo,0),Math.max(0,se-1)),We=_h({shown:g,count:se}),Ao=Lh({shown:b,count:se}),rt=Vh({editing:h,shown:Ae,slides:Te}),yl=Xh({editing:h,playing:pe,controlShown:rt}),at=Kh({count:se,editing:h}),Bo=No(null),Wo=No(null),Sl=er(N=>{if(Bo.current=null,Wo.current=null,!at||N.touches.length!==1)return;let G=N.touches[0];Bo.current={x:G.clientX,y:G.clientY},Wo.current={x:G.clientX,y:G.clientY}},[at]),B=er(N=>{if(!Bo.current)return;if(N.touches.length!==1){Bo.current=null;return}let G=N.touches[0];Wo.current={x:G.clientX,y:G.clientY}},[]),ve=er(()=>{let N=Bo.current,G=Wo.current;if(Bo.current=null,Wo.current=null,!at||!N||!G)return;let V=jh(G.x-N.x,G.y-N.y,$e.current,se);V!==$e.current&&ae(V)},[at,se,ae]);or(()=>{if(h||!i||Oe||E||se<=1)return;let N=Math.max(1,typeof c=="number"?c:6)*1e3,G=window.setTimeout(()=>ae((Ae+1)%se),N);return()=>window.clearTimeout(G)},[h,i,c,Oe,E,se,Ae,ae]),or(()=>{let N=[U.current,Ie.current,q.current].filter(Boolean),G=N.map(me=>Un(me)),V=me=>{let Do=me.target,pr=Do.closest("[data-hero-nav]"),Hc=pr??Do.closest("[data-idx]");if(!Hc)return;me.stopPropagation(),me.preventDefault();let Cl=pr?Xn(pr.dataset.heroNav,$e.current,se):Number(Hc.dataset.idx);Number.isNaN(Cl)||(ae(Cl,h),Q()?.querySelectorAll("[data-slide-name]")[Cl]?.click())};return N.forEach(me=>me.addEventListener("click",V,{capture:!0})),()=>{G.forEach(me=>me?.()),N.forEach(me=>me.removeEventListener("click",V,{capture:!0}))}},[se,ae,Q,h]),or(()=>{if(!h)return;let N=be.current;if(!N)return;let G=Un(N),V=me=>{me.stopPropagation(),me.preventDefault();let Do=O.current,pr=Do?.getAttribute("data-puck-component")||Do?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||ie.current;Z(pr)};return N.addEventListener("click",V,{capture:!0}),()=>{G?.(),N.removeEventListener("click",V,{capture:!0})}},[h,Z,R,_.length]);let to=er(N=>{if(!N)return;let G=Un(N),V=me=>{me.stopPropagation(),me.preventDefault(),oe(Do=>!Do)};return N.addEventListener("click",V,{capture:!0}),()=>{G?.(),N.removeEventListener("click",V,{capture:!0})}},[]);return Po(Uf.Provider,{value:{alignment:o,textureOpacity:t,textureOn:r,textureColor:a,quietVideo:yl,phoneUpDown:n,phoneSideways:s},children:Zn("div",{ref:O,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${L} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:F,onMouseEnter:()=>Le(!0),onMouseLeave:()=>Le(!1),onTouchStart:Sl,onTouchMove:B,onTouchEnd:ve,children:[Po(e,{className:"hero-track flex h-full [&>*]:h-full [&>*]:min-w-full [&>*]:shrink-0 [&>*]:basis-full",style:{transform:`translateX(-${Ae*100}%)`,transition:E?"none":"transform 600ms cubic-bezier(.22,.61,.36,1)"},minEmptyHeight:400}),rt&&Po("div",{ref:to,"data-hero-video-control":pe?"playing":"held",className:"sf-hero-video-control absolute left-6 z-[7]",style:{top:`calc(${qh} + 16px)`},children:Zn("button",{type:"button",className:HR,children:[Po("span",{"aria-hidden":"true",children:pe?"\u275A\u275A":"\u25B6"}),l(pe?MR:NR)]})}),(We||Ao)&&Zn("div",{className:"pointer-events-none absolute inset-y-0 left-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] right-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] z-[6] mx-auto max-w-[var(--sf-hero-chrome-cap,calc(min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))_-_var(--sf-site-gutter,40px)*2))]",children:[We&&Po(Mh,{ref:U,slides:Te,active:Ae,shape:Oh(S),placement:k}),Ao&&Po(Ph,{ref:q,shape:v,placement:C})]}),We&&Po("div",{ref:Ie,className:"sf-hero-phone-dots absolute bottom-[80px] left-1/2 z-[6] hidden -translate-x-1/2 items-center gap-2",children:Te.map((N,G)=>Po("button",{type:"button","data-idx":G,"aria-label":`Go to slide ${G+1}`,className:`h-2 rounded-full transition-all motion-reduce:transition-none ${G===Ae?"w-5 bg-accent":"w-2 bg-white/45 hover:bg-white/70"}`},G))}),R&&_.length>0&&Zn("div",{ref:be,className:`sf-hero-ticker absolute inset-x-0 bottom-0 z-[5] border-t border-overlay-chrome/10 py-3.5${h?" hero-ticker-pick":""}`,"data-selected":h&&ye!=null&&ne===ye?"":void 0,style:{background:"rgba(10,10,10,.55)"},children:[h&&Po("style",{children:_R}),Po(nh,{items:_,backdrop:"dark-media"})]})]})})}var XR="root:default-zone";function Zh({heroId:e}){let{appState:o,dispatch:t}=$R(p=>p),r=o.data.content??[],a=r.findIndex(p=>p.props.id===e),n=a>=0?r[a]:null,s=n?n.props.showTicker??!0:!0,i=qR(()=>{let p=n?.props.tickerItems;return Array.isArray(p)?p:Vf.map(m=>({text:m}))},[n]),c=UR();if(!n)return tr("p",{className:"sf-note",children:l("This ticker\u2019s hero is no longer on the page.")});let u=p=>t({type:"replace",destinationZone:XR,destinationIndex:a,data:{...n,props:{...n.props,...p}}});return zR("div",{children:[tr(Rr,{label:"Ticker"}),tr(jR,{label:l("Show ticker"),labelId:c,icon:tr(VR,{}),action:tr(KR,{checked:s,onChange:p=>u({showTicker:p}),ariaLabelledBy:c})}),tr(ai,{label:ri.label,icon:ri.icon,items:i,placeholder:"item",onChange:p=>u({tickerItems:p}),markup:!0})]})}import{jsx as ho,jsxs as Xf,Fragment as YR}from"react/jsx-runtime";import{useCallback as ZR,useRef as QR,useState as Jr}from"react";import{InspectorIconButton as JR}from"efficient-easel/chrome";import{PopupMenu as eO,PopupMenuItem as oO,PopupMenuLabel as Qn}from"efficient-shell/ui";import{CopyToPageIcon as tO}from"efficient-easel/icons";import{cloneNodeWithFreshIds as Qh,docToNode as k$,nodeToDoc as T$}from"efficient-easel/screen/lib/puck/section-doc";function Jh({node:e,currentSlug:o,siteId:t,tokenRef:r,runAuthed:a,onNotify:n}){let[s,i]=Jr(!1),[c,u]=Jr(null),p=Be(),[m,x]=Jr(!1),[g,S]=Jr(null),k=QR(null),[b,v]=Jr(null),C=ZR(async()=>{if(p.usesBridgedToken&&!r.current){x(!0);return}try{u(await Ke(p).pages.list(t?{siteId:t}:void 0))}catch{x(!0)}},[r,t,p]),h=()=>{if(s){i(!1);return}let F=k.current?.getBoundingClientRect();F&&v({top:F.bottom+6,right:Math.max(8,window.innerWidth-F.right)}),u(null),x(!1),C(),i(!0)},w=(c??[]).filter(F=>F.slug!==o),L=async F=>{if(g)return;S(F.slug);let _=Qh(e),R=p.documentHooks?.storedNode?.(_)??_,O=Ke(p).pages,U=await a(async()=>{let Ie=await O.load({id:F.id});if(!Ie)throw new Error(`Page "${F.slug}" no longer exists.`);let q=Ie.layout??{},be=Array.isArray(q.content)?[...q.content]:[],D=be.findIndex(ie=>ie?.type===re);be.splice(D===-1?be.length:D,0,R),await O.save(F.id,{layout:{root:{},zones:{},...q,content:be}},{version:Ie.version,clientId:""})});S(null),i(!1),n?.(U?l("Duplicated to \u201C{name}\u201D",{name:F.label}):l("Couldn\u2019t duplicate the section \u2014 please retry"),U?"success":"error")};return Xf(YR,{children:[ho("span",{"data-menu-toggle":!0,style:{display:"contents"},children:ho(JR,{buttonRef:k,label:l("Duplicate to another page"),hasPopup:"menu",expanded:s,onClick:h,children:ho(tO,{size:15})})}),s&&b&&ho(eO,{portal:!0,style:{top:b.top,right:b.right},onClose:()=>i(!1),children:Xf("div",{role:"menu","aria-label":l("Duplicate to page"),children:[ho(Qn,{children:l("Duplicate to page")}),m?ho(Qn,{children:l("Couldn\u2019t load pages")}):c===null?ho(Qn,{children:l("Loading\u2026")}):w.length===0?ho(Qn,{children:l("No other pages")}):w.map(F=>Xf(oO,{role:"menuitem",disabled:g!==null,onClick:()=>{L(F)},children:[ho("span",{className:"min-w-0 flex-1 truncate",children:F.label}),g===F.slug?ho("span",{className:"shrink-0 text-xs",children:l("Copying\u2026")}):F.draft&&ho("span",{className:"shrink-0 text-xs",children:l("draft")})]},F.id))]})})]})}import{ScreenPartsProvider as W$,sameInspectorMode as G$,SELECTION_MODE as eg,useScreenParts as z$,useScreenBlockLook as U$,useScreenBlockRules as q$,useScreenBridges as $$,useScreenCanvasFrame as j$,useScreenDevices as K$,useScreenDocumentPass as V$,useScreenInspectorPanel as X$,useScreenLeftView as Y$,useScreenOwnerName as Z$,useScreenPinned as Q$,useStandaloneScreenBridges as J$}from"efficient-easel/screen/lib/screen-parts";import{PreviewPartsProvider as tj,usePreviewParts as ea}from"efficient-easel/screen/components/PreviewPartsContext";import{jsx as oa,jsxs as rO}from"react/jsx-runtime";import{SettingsDrill as aO}from"efficient-easel/panel";var nO="Not shown on the page";function lO({part:e,onOpen:o}){return oa(aO,{name:l(e.label),preview:e.offPage?l(nO):e.preview||l("Empty"),offPage:e.offPage,status:e.hidden?oa("span",{className:"sf-entry-eye",role:"img","aria-label":l("Hidden on the page"),children:oa(ze,{name:"eye-off",size:14})}):void 0,onOpen:()=>o(e.key)})}function Yf(e){return e.filter(o=>!o.identifier)}function og({parts:e,onOpen:o,heading:t=!0}){let r=Yf(e);return r.length?rO("div",{className:"sf-entries",children:[t?oa("h3",{className:"sf-entries-head",children:l("Text")}):null,r.map(a=>oa(lO,{part:a,onOpen:o},a.key))]}):null}import{blockRuns as sO}from"efficient-easel/screen/lib/puck/block-choice";function Jn(){return{type:ke,props:{id:gr(ke)}}}var tg=[{type:"FooterLogo",label:"Logo"},{type:"FooterMenu",label:"Menu"},{type:"FooterText",label:"Text"},{type:"FooterEmailSignup",label:"Email Form"},{type:"FooterSocial",label:"Social Logos"},{type:"FooterGroup",label:"Footer Box"},{type:"FooterDivider",label:"Divider"}],iO=tg.filter(e=>e.type!=="FooterLogo"&&e.type!=="FooterGroup"),fO="FooterGroup",rg="blocks";function ag(e){return e===re?tg:e===fO?iO:null}function el(){let e=(o,t)=>({type:o,props:{id:`${o}-${crypto.randomUUID()}`,...t}});return[e("FooterLogo",{widthPct:100,align:"left",tagline:""}),e("FooterGroup",{direction:"vertical",align:"start",blocks:[e("FooterText",{text:"Join our email list",size:"md",tone:"default"}),e("FooterEmailSignup",{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"})]})]}var Ne="SiteHeader",de="SiteFooter",Zf="sections",mj=[Ne,de],rr=e=>e===Ne||e===de,ng=e=>`${e}:${Zf}`;function lg(e,o,t=[]){return{type:e,props:{id:o,[Zf]:t}}}var cO=new Set(["Footer",Ne,de]);function ar(e){let o=new Set,t=!1,r=e.filter(a=>{let n=a?.type??"";return n==="Header"?(t=!0,!1):cO.has(n)?o.has(n)?(t=!0,!1):(o.add(n),!0):!0});return t?r:e}function sg(e,o){return e.some(t=>t?.type===o.type)?e:o.type===Ne?[o,...e]:[...e,o]}var ig={[Ne]:{max:3,takes:["Flex","Ticker"]},[de]:{max:6,takes:["Flex","Prose","Logos","Divider"]}};function fg(e,o,t){if(!rr(e))return!0;let r=ig[e];return t<r.max&&r.takes.includes(o)}function cg(e,o){let t=o,r=t?.props?.id;if(r==null)return null;let a=e?.content;if(!Array.isArray(a))return null;for(let n of a){if(!rr(n?.type))continue;let s=n.props?.[Zf];if(!Array.isArray(s)||!s.some(c=>c?.props?.id===r))continue;let i=ig[n.type];return i.takes.includes(t?.type??"")?s.length>=i.max?{group:n.type,why:"full"}:null:{group:n.type,why:"type"}}return null}function dg(e){switch(e?.type){case Ne:return l("Header \xB7 on every page");case de:return l("Footer \xB7 on every page");case ke:return l("Header \xB7 on every page \xB7 old style");case re:return l("Footer \xB7 on every page \xB7 old style");default:return null}}var ug=()=>l("Every page"),pg=()=>l("Changed on every page");function ol(e,o){let t=su(e,o);if(t)return t;let r=cg(e,o);if(!r)return null;let a=r.group===Ne;return r.why==="type"?a?l("The header cannot take another one of these"):l("The footer cannot take another one of these"):a?l("The header holds at most 3 sections"):l("The footer holds at most 6 sections")}import{jsx as rl,Fragment as pO,jsxs as mO}from"react/jsx-runtime";import{useState as xO}from"react";import{createNode as IO,newId as hO}from"efficient-easel/data";import{useEasel as gO}from"efficient-easel/easel";import{Banner as bO,Button as Qf}from"efficient-shell/ui";var tl="Flex",dO={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},uO=e=>{let{id:o,...t}=e;return t},mg=e=>typeof e=="string"?e:"";function xg(e,o){let t=e.props??{},r=dO[e.type];if(r)return[o(r,uO(t))];switch(e.type){case"FooterLogo":{let a=o("LogoBlock",t.reverse?{reverse:t.reverse}:{}),n=mg(t.tagline).trim();return n?[a,o("Text",{text:n,tone:"dim",align:t.align==="center"?"center":"left"})]:[a]}case"FooterText":return[o("Text",{text:mg(t.text),tone:typeof t.tone=="string"?t.tone:"default"})];case"FooterDivider":return[o("Divider")];case"FooterGroup":{let a=Array.isArray(t.blocks)?t.blocks:[];return[o(tl,{direction:t.direction==="horizontal"?"row":"column",content:a.flatMap(n=>xg(n,o))})]}default:return[]}}function ta(e,o,t){let r=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(s=>{let i=xg(s,o);return i.length<=1?i:[o(tl,{direction:"column",content:i})]}),a=o(tl,{direction:"row",wrap:!0,share:"equal",content:r}),n=o(tl,{direction:"column",content:[o("LegalLineBlock")]});return lg(de,t,[a,n])}function Ig(){let{appState:e,dispatch:o,config:t}=gO(p=>p),{readOnly:r}=we(),[a,n]=xO(!1),s=e.data.content;if(r||s.some(p=>p.type===de))return null;let i=s.find(p=>p.type===re)??null,c=(p,m)=>IO(t,p,m),u=()=>{let p=ta(i,c,hO(de));o({type:"setData",data:m=>({...m,content:[...sg(m.content,p)]}),recordHistory:!0}),n(!1)};return rl(bO,{tone:"info",title:l("This footer uses the old layout"),action:a?mO(pO,{children:[rl(Qf,{variant:"primary",size:"sm",onClick:u,children:l("Switch now")}),rl(Qf,{variant:"secondary",size:"sm",onClick:()=>n(!1),children:l("Cancel")})]}):rl(Qf,{variant:"secondary",size:"sm",onClick:()=>n(!0),children:l("Switch to Box footer")}),children:l("Build this footer out of Boxes and blocks, like a page: the same menus, signup, social links and logo, with the copyright as a Legal Line. Your current footer is kept.")})}import{jsx as lc}from"react/jsx-runtime";import{useLayoutEffect as PO,useMemo as Eg,useRef as RO,useState as ac}from"react";import{useSelectedFields as OO}from"efficient-easel/easel";import{Inspector as AO,planFields as Lg}from"efficient-easel/fields";import{DESIGN_GROUPS as ec,SETTINGS_BUCKETS as yO}from"efficient-easel/panel";import{BUCKET_KEY as Ze,DESIGN_GROUP_KEY as nr}from"efficient-easel/screen/lib/puck/field-buckets";var ra=yO;var SO="Editor only \u2014 not shown live",oc={"Archive link":"Content",Article:"Content",Blocks:"Content","Blog posts":"Content","Browser mock":"Content",Button:"Content","Call to action":"Content","Car prompt":"Content","Card link":"Content",Cards:"Content","Claims bars":"Content","Contact info":"Content",Content:"Content","Content source":"Content",Contents:"Content",Filters:"Content","Show on a card":"Content",Footnote:"Content",Form:"Content",Founders:"Content","Gallery A":"Content","Gallery B":"Content","Gallery link":"Content",Header:"Content","Header link":"Content","Image caption":"Content","In this issue":"Content",Items:"Content","Kanban columns":"Content",Lead:"Content","Left panel":"Content",Link:"Content",Links:"Content","Message form":"Content",Metadata:"Content",Milestones:"Content","Mockup card":"Content","Newsletter panel":"Content",Offices:"Content",Options:"Content","Others gallery":"Content","Overlay button":"Content",Product:"Content","Product page":"Content",Products:"Content","Pull quote":"Content",Questions:"Content","Recent issues":"Content","Recent posts":"Content",Reviews:"Content","Right panel \xB7 actions":"Content","Right panel \xB7 choices":"Content","Right panel \xB7 form":"Content","Routing groups":"Content",Rows:"Content",Section:"Content","Section header":"Content",Sections:"Content","Signup form":"Content","Source product":"Content","Stat & note":"Content",Stats:"Content","Submit button":"Content","Success state":"Content",Wheel:"Content",Terminal:"Content",Text:"Content","Text column":"Content","Timeline entries":"Content","Top row":"Content",Total:"Content","Trailing note":"Content","\u201COther\u201D reason":"Content","Background images":"Design",Gallery:"Content",Image:"Content","Image column":"Content",Images:"Content",Logo:"Content",Media:"Content","Background image":"Design",Color:"Design","Image tint":"Design",Style:"Design",Shape:"Design",Texture:"Design","Text style":"Design",Motion:"Animation",Anchor:"Anchor",Arrangement:"Layout","Auto-slide":"Layout",Bar:"Layout","Cell width":"Size",Behavior:"Layout",Controls:"Layout",Diagram:"Layout",[SO]:"Layout","Filters shown":"Layout","Slide picker":"Layout",Arrows:"Layout","On a phone":"Layout",Nudge:"Position","Image gallery":"Layout",Grid:"Layout",Layout:"Layout",Padding:"Layout",Price:"Layout",Preview:"Layout",Setup:"Layout","Show / hide elements":"Layout","Show in the buy box":"Layout",Visibility:"Layout",Width:"Size",Height:"Size"},gg={"AlloyWheelsListing._gCards":"Design","ProductGrid._gCards":"Design"},bg={"Text._gSpacing":"Size","Heading._gSpacing":"Size"};function Jf(e,o,t){let r=`${e}.${o}`;return bg[r]??gg[r]??oc[t]}function yg(e){return e==="Animation"?[Ze.Animation]:[Ze.Design,nr[e]]}function al(...e){let o=[];for(let t of e)for(let r of Object.values(t)){let a=ds(r),n=So(a?a.inner:r),s=n?oc[n.label]:void 0;if(s)for(let i of yg(s))o.includes(i)||o.push(i)}return o}var Wj=[...al(ln(),sn("full"),fn(),cn()),...Object.keys(ln()),...Object.keys(sn("full")),...Object.keys(fn()),...Object.keys(cn())],Gj=[...al(on()),...Object.keys(on())],zj=[...al(rn()),...Object.keys(rn())],Uj=[...al(an()),...Object.keys(an())],CO=Object.keys(Nm()),vO=new Set(["cardImage","imageBackground"]),qj=[...yg(Jf("ProductGrid","_gCards","Cards")??"Design"),...CO.filter(e=>e.startsWith("_g")||vO.has(e))],$j=Object.keys(Mm()),jj=Object.keys(Hm({bottomDefault:!0})),wO={"ImageBlock._gStyle":"duplicated the Style bucket header above it (2026-09-04)","ButtonBlock._gStyle":"duplicated the Style bucket header above it (2026-09-04)","HeroGroup._gContent":"duplicated the Content bucket header above it (2026-09-04)","HeroGroup._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","Footer._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","FooterLogo._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterLogo._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterMenu._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterMenu._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterGroup._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","FooterText._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterText._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterSocial._gStyle":"duplicated the Style bucket header above it (born tabbed, 2026-09-17)","FooterSocial._gLayout":"duplicated the Layout bucket header above it (born tabbed, 2026-09-17)","MenuBlock._gContent":"duplicated the Content bucket header above it (born tabbed, H.1)","MenuBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.1)","EmailFormBlock._gContent":"duplicated the Content bucket header above it (born tabbed, H.1)","SocialLogosBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.1)","SocialLogosBlock._gLayout":"duplicated the Layout bucket header above it (born tabbed, H.1)","SearchBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.2)","CartBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.2)","Split._gContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gVehicleContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gWheelContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gOthersContent":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gHeadCopy":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gLeftCopy":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gRightCopy":"duplicated the Content bucket header above it (2026-09-04)","CollectionCard._gContent":"duplicated the Content bucket header above it (A Card Sets Its Own Corners)","HeroSlide._gContent":"duplicated the Content bucket header above it (Hero Slide Tabs And Theme)","BrandStrip._gContent":"duplicated the Content bucket header above it (66338)","BrandStrip._gStyle":"duplicated the Style bucket header above it (66338)","BrandStrip._gLayout":"duplicated the Layout bucket header above it (66338)","KeyFeatures._gContent":"duplicated the Content bucket header above it (66049)","KeyFeatures._gStyle":"duplicated the Style bucket header above it (66049)","ParagraphsA._gContent":"duplicated the Content bucket header above it (66049)","ParagraphsA._gStyle":"duplicated the Style bucket header above it (66049)","Chart._gContent":"duplicated the Content bucket header above it (66049)","Chart._gStyle":"duplicated the Style bucket header above it (66049)","Logos._gContent":"duplicated the Content bucket header above it (66049)","Logos._gStyle":"duplicated the Style bucket header above it (66049)","Mockup._gContent":"duplicated the Content bucket header above it (66049)","Mockup._gStyle":"duplicated the Style bucket header above it (66049)","Stats._gContent":"duplicated the Content bucket header above it (66049)","Stats._gStyle":"duplicated the Style bucket header above it (66049)","StatsParagraph._gContent":"duplicated the Content bucket header above it (66049)","StatsParagraph._gStyle":"duplicated the Style bucket header above it (66049)","Testimonials._gContent":"duplicated the Content bucket header above it (66049)","Testimonials._gStyle":"duplicated the Style bucket header above it (66049)","AppointmentBooking._gContent":"duplicated the Content bucket header above it (66050)","BookingBox._gContent":"duplicated the Content bucket header above it ([SPLIT] Booking Form Into Three Boxes) \u2014 the same fault its own section retired in 66050, one level down","FAQ._gContent":"duplicated the Content bucket header above it (66050, family sweep)","FAQ._gLayout":"duplicated the Layout bucket header above it (66050, family sweep)","Form._gContent":"duplicated the Content bucket header above it (66050)","ReviewForm._gContent":"duplicated the Content bucket header above it (66050)","SubmitBuild._gContent":"duplicated the Content bucket header above it (66050)","SubmitBox._gContent":"duplicated the Content bucket header above it ([SPLIT] SubmitBuild Keeps Its Two Columns) \u2014 the same fault its own section retired in 66050, one level down","CheckoutCTA._gContent":"duplicated the Content bucket header above it (66051)","CheckoutCTA._gLayout":"duplicated the Layout bucket header above it (66051)","DeliveryOptions._gContent":"duplicated the Content bucket header above it (66051)","DeliveryOptions._gLayout":"duplicated the Layout bucket header above it (66051)","OrderSummary._gContent":"duplicated the Content bucket header above it (66051)","OrderSummary._gLayout":"duplicated the Layout bucket header above it (66051)","PaymentBadges._gContent":"duplicated the Content bucket header above it (66051)","PaymentBadges._gLayout":"duplicated the Layout bucket header above it (66051)","Collections._gContent":"duplicated the Content bucket header above it (66052)","Collections._gLayout":"duplicated the Layout bucket header above it (66052)","DocMasthead._gContent":"duplicated the Content bucket header above it (66053)","Events._gContent":"duplicated the Content bucket header above it (66054)","Events._gLayout":"duplicated the Layout bucket header above it (66054)","FeaturedCover._gContent":"duplicated the Content bucket header above it (66054)","Series._gStyle":"duplicated the Style bucket header above it (66054)","Flex._gContent":"duplicated the Content bucket header above it (66055)","Flex._gLayout":"duplicated the Layout bucket header above it (66055)","SectionHeader._gContent":"duplicated the Content bucket header above it (66055)","Breadcrumb._gContent":"duplicated the Content bucket header above it (66056)","CategoryBar._gStyle":"duplicated the Style bucket header above it (66056)","Hero._gContent":"duplicated the Content bucket header above it (66056)","Hero._gStyle":"duplicated the Style bucket header above it (66056)","HeroSingle._gStyle":"duplicated the Style bucket header above it (66056)","IntroBleed._gContent":"duplicated the Content bucket header above it (66056)","IntroBleed._gLayout":"duplicated the Layout bucket header above it (66056)","BundleOffer._gLayout":"duplicated the Layout bucket header above it (66059)","ProcessSteps._gContent":"duplicated the Content bucket header above it (66059)","Banner._gContent":"duplicated the Content bucket header above it (66060.1)","Banner._gLayout":"duplicated the Layout bucket header above it, and governed no controls (66060.1)","Manifesto._gContent":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gHeadCopy":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gLeftCopy":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gRightCopy":"duplicated the Content bucket header above it (66060.1)","Ticker._gContent":"duplicated the Content bucket header above it (66060.1)","Ticker._gStyle":"duplicated the Style bucket header above it (66060.1)","Timeline._gContent":"duplicated the Content bucket header above it (66060.1)","TitleWithButtons._gContent":"duplicated the Content bucket header above it (66060.1)","TitleWithButtons._gStyle":"duplicated the Style bucket header above it (66060.1)","Cards._gContent":"duplicated the Content bucket header above it (66218)","Cards._gStyle":"duplicated the Style bucket header above it (66218)","Prose._gContent":"duplicated the Content bucket header above it (66218)","Reviews._gContent":"duplicated the Content bucket header above it (66218)","Reviews._gStyle":"duplicated the Style bucket header above it (66218)"},Sg={Content:["Content"],Size:["Size"],Design:["Design","Style"],Layout:["Layout"],Position:["Position"],Anchor:["Anchor"],Animation:["Animation"]},Cg={_gAnchor:"repeated the Anchor group heading above it (two tabs, 11.0.0)"};{let e={...ln(),...sn("full"),...fn(),...cn(),...on(),...rn(),...an()};for(let o of Object.keys(Cg)){let t=So(e[o]),r=t?oc[t.label]:void 0;if(!t||t.level!==2||!r||!Sg[r].includes(t.label))throw new Error(`INJECTED_RETIRED (lib/puck/field-groups.ts) lists "${o}", but no uniform builder makes a level-2 heading by that key whose label repeats its place's word. The heading was renamed, moved or removed and the row is stale \u2014 a list that quietly matches nothing is worse than no list.`)}}var kO=new Set(["_sContent","_sStyle","_sLayout","_sMedia"]),TO=new Map([[Ze.Design,"Content"],[Ze.Animation,"Animation"],...ec.map(e=>[nr[e],e])]);function vg(e){let o=new Set([...Object.values(Ze),nr.Content]);for(let[t,r]of Object.entries(e))if(!o.has(t)&&So(r)?.level===1)return 1;return 2}function FO(e){let o=`${e}.`;return Object.keys(wO).filter(t=>t.startsWith(o)).map(t=>t.slice(o.length))}function EO(e,o){let t=ds(e),r=Xe(o);return t?je(t.tier,r):r}function LO(e,o){let t=So(o);return t?e==="Content"||e==="Animation"?km(o,t.label):Tm(o):o}function hg(e){return e==="Design"?ec:["Animation"]}function Kj(e,o){let t=[],r=new Set(FO(o)),a=new Set,n=!1,s=null;for(let[x,g]of Object.entries(e)){let S=So(g);if(kO.has(x))throw new Error(`${o}.${x}: that key was a tab header until efficient-web-builder 11.0.0, when the panel moved to two tabs (Design \xB7 Animation). Its tab is gone, so the key may not come back. Give the heading a key of the section's own (\`_g\u2026\`), or open a Design group with its own key (\`_dDesign: section("Design")\`, \`_dLayout: section("Layout")\`).`);let k=TO.get(x);if(k!==void 0){if(S?.level!==1)throw new Error(`${o}.${x}: that key is reserved for the ${k} heading of the settings panel, but this field is ${S?`a level-${S.level} "${S.label}" header`:"not a header"}, so it cannot serve as one. Rename the section's own field.`);(x===Ze.Design||x===Ze.Animation)&&(n=!0),t.push(s={place:k,entries:[],adopted:!0});continue}if(!S){s||t.push(s={place:"Content",entries:[]}),s.entries.push([x,g]);continue}if(r.has(x)||x in Cg){let v=Jf(o,x,S.label);if(S.level!==2||!v||!Sg[v].includes(S.label))throw new Error(`${o}.${x}: ${r.has(x)?"RETIRED":"INJECTED_RETIRED"} (lib/puck/field-groups.ts) lists this sub-heading as one whose name repeats the place it sits in, but it is a level-${S.level} "${S.label}" header in the ${v??"(unclassified)"} place. Only a level-2 header whose label is one of its place's words (PLACE_WORDS) may be retired \u2014 anything else is a heading a merchant reads for its own sake. Fix the row or drop it.`);r.has(x)&&a.add(x),t.push(s={place:v,entries:[]});continue}let b=Jf(o,x,S.label);if(!b)throw new Error(`${o}.${x}: the inspector group "${S.label}" is not classified in LABEL_GROUP (lib/puck/field-groups.ts), so there is no way to say which of ${[...ec,"Animation"].join(" / ")} its controls belong under. Classify it \u2014 an unclassified group silently lands wherever it was declared, which is the whole bug.`);t.push(s={place:b,entries:[[x,S.level===2?g:EO(g,S.label)]]})}let i=new Set(Object.entries(e).filter(([,x])=>So(x)).map(([x])=>x));for(let[x,g]of[["BLOCK_KEY_GROUP",bg],["KEY_GROUP",gg]]){let S=Object.keys(g).filter(k=>k.startsWith(`${o}.`)).filter(k=>!i.has(k.slice(o.length+1)));if(S.length)throw new Error(`${o}: ${x} (lib/puck/field-groups.ts) lists ${JSON.stringify(S)}, but no fold header by that key is in this section's panel. Either the heading was renamed or removed and the row is stale, or the row names the wrong key \u2014 an override that quietly matches nothing is worse than no override.`)}let c=n?[]:[...r].filter(x=>!a.has(x));if(c.length)throw new Error(`${o}: RETIRED (lib/puck/field-groups.ts) lists ${JSON.stringify(c)}, but this section has no such fold header${c.length>1?"s":""}. Either the heading was renamed or removed and the row is stale, or the row names the wrong section \u2014 a list that quietly matches nothing is worse than no list.`);let u=new Set(t.filter(x=>x.entries.length>0).map(x=>x.place)),p=ra.filter(x=>hg(x).some(g=>u.has(g))),m={};for(let x of p){m[Ze[x]]=en(x,x===p[0]?p:null);for(let g of hg(x)){if(!u.has(g))continue;let S=t.filter(b=>b.place===g),k=S.findIndex(b=>b.adopted);k>0&&S.unshift(...S.splice(k,1)),x==="Design"&&(m[nr[g]]=Qs(g));for(let b of S)for(let[v,C]of b.entries)m[v]=LO(g,C)}}return m}function Vj(e){return Ze.Design in e?e:{[Ze.Design]:en("Design",null),[nr.Content]:Qs("Content"),...e}}function Xj(e){return ra.some(o=>Ze[o]in e)}function Yj(e){let o=ra.filter(r=>Ze[r]in e);if(o.length===0)return e;let t={...e};for(let r of o)t[Ze[r]]=en(r,r===o[0]?o:null);return t}var tc=" text",wg="Text";function rc(e){let o=e.rows.filter(t=>t.shown);return o.length===0||o.length===1&&o[0].labelled}function kg(e){return e.filter(rc).map(o=>o.key)}function Tg(e,o){let t=null;for(let r of o){let a=e[r];!a||a.marker!==!0||typeof a.fold!="string"||(t??={...e},t[r]={...a,fold:!1})}return t??e}function Fg(e,o){if(e.size!==o.size)return!1;for(let t of e)if(!o.has(t))return!1;return!0}var nc=new Map,nl=new Set;function BO(e,o){let t=new Map;for(let a of e.querySelectorAll(".es-insp-row[data-field]"))t.set(a.getAttribute("data-field")??"",a);let r=[];for(let[a,n]of o)r.push({key:a,rows:n.map(s=>{let i=t.get(s),c=!!i&&[...i.children].some(p=>!p.hidden),u=i?.querySelector(".es-field-label, .es-list-label")?.textContent?.trim();return{shown:c,labelled:c&&!!u}})});return r}var DO=Object.fromEntries(ra.map(e=>{let o=Cm[e];return[e,lc(o,{},e)]}));function sc({entries:e,entryCount:o=0}){let{id:t,fields:r,values:a,readOnly:n,onChange:s}=OO(),[i,c]=ac(()=>new Set(nl)),[u,p]=ac(()=>new Set),m=RO(null),x=Eg(()=>{let F=new Map;for(let _ of Lg(r).rows){if(!_.fold)continue;let R=F.get(_.fold.key)??[];R.push(_.name),F.set(_.fold.key,R)}return F},[r]);PO(()=>{let F=m.current?.parentElement;if(!F)return;let _=new Set(kg(BO(F,x)));p(R=>Fg(R,_)?R:_)});let g=Eg(()=>Tg(r,u),[r,u]),S={key:tc,rows:Array.from({length:o},()=>({shown:!0,labelled:!0}))},k=rc(S)?void 0:{key:tc,title:wg},[b,v]=ac(()=>nc.get(t)),C=nc.get(t),h=Lg(r).buckets,w=C&&h.includes(C)?C:b&&h.includes(b)?b:h[0],L=w===void 0||vm(h,w)!==!0;return lc(AO,{fields:g,values:a,onChange:s,readOnly:n,tab:w,onTab:F=>{nc.set(t,F),v(F)},tabIcons:DO,idPrefix:t,ariaLabel:l("Section settings"),lead:L?e:null,leadFold:k,closedFolds:i,onFold:(F,_)=>{_?nl.delete(F):nl.add(F),c(new Set(nl))},children:lc("span",{ref:m,hidden:!0})})}import{SettingsSwitch as zO}from"efficient-easel/panel";var Rg=eg,fc={kind:"header"},cc={kind:"website"},Og={kind:"chat"},Ag={kind:"social"},ll="Part";function UO(e){return l("Part of {name}",{name:l(e)})}function qO(e,o,t){let r=e.describeNode(o);return{name:t,kindLabel:r?UO(r.label):l(ll)}}function $O(e){switch(e){case"Header":return{title:l("Header settings belong to a website."),own:l("Each website created from this template sets its own header afterwards.")};case"Appearance":return{title:l("Appearance settings belong to a website."),own:l("Each website created from this template sets its own appearance afterwards.")};case"Live chat":return{title:l("Live chat settings belong to a website."),own:l("Each website created from this template sets its own live chat afterwards.")};case"Social link":return{title:l("Social link settings belong to a website."),own:l("Each website created from this template sets its own social link afterwards.")};default:return{title:l("{what} settings belong to a website.",{what:e}),own:l("Each website created from this template sets its own {what} afterwards.",{what:e.toLowerCase()})}}}function Bg({what:e}){let o=$O(e);return gt("div",{className:"sf-note",children:[Y("p",{children:Y("strong",{children:o.title})}),gt("p",{children:[l("A template is a blueprint \u2014 it has no website of its own, so there is nothing here to change.")," ",o.own]})]})}var jO={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,o)=>{let t=o.hostPanels?.header;return t?Y(t,{placeholderMode:o.capabilities.placeholderFrames,tokenRef:o.tokenRef,siteId:o.siteId,websiteName:o.websiteName,onOpenWebsiteSettings:o.onOpenWebsiteSettings,onAuthExpired:()=>o.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,o)=>Y(_n,{themeFromDocument:!o.capabilities.hasSiteTheme,tokenRef:o.tokenRef,siteId:o.siteId,onNotify:o.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>Y(AI,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>Y(HI,{unavailable:Y(Bg,{what:"Social link"})})},ticker:{name:jr,kindLabel:ll,icon:"ticker",head:(e,o)=>e.kind==="ticker"?qO(o,e.heroId,l(jr)):null,render:e=>Y(Zh,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:ll,kindLabel:ll,icon:"Text",head:(e,o)=>{if(e.kind!=="part")return null;let t=o.describeNode(e.nodeId);if(!t)return null;let{key:r,row:a}=xo(e.propKey),n=a?qt(t.fields[r],a):t.fields[r],s=sx(l(vi(Cn(n??{},r))),a),i=MO({name:s,tier:"part",of:l(t.label)},{partOf:({name:c})=>l("Part of {name}",{name:c})});return{name:i.name,kindLabel:i.kind}},render:(e,o)=>e.kind==="part"?Y(Xx,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>o.onSelectNode(e.nodeId),onEditStyle:o.onOpenSiteStyles}):null}},KO=new Set(["header","website","chat"]);function VO(e,o){if(e==="puck")return null;let t=jO[e];return KO.has(e)&&!o.hasSiteSettings?{...t,kindLabel:"Not part of a template",render:()=>Y(Bg,{what:t.name})}:t}function Dg({mode:e,onOpenWebsiteSettings:o,onOpenSiteStyles:t,onSelectNode:r,hideNodeActions:a=!1,onNotify:n,onHidePanel:s}){let{capabilities:i,tokenRef:c,notifyParent:u,currentSlug:p,siteId:m,runAuthed:x,readOnly:g}=we(),{websiteName:S}=te(),k=Uo({readOnly:g}),{select:b}=ea(),{selectedItem:v,getItemById:C,getSelectorForId:h,config:w,appState:L}=NO(Q=>Q),F=EI(w,v?{type:v.type,props:v.props}:null),_=v?ux(F??w.components[v.type]?.fields,v.props):[],R=Q=>w.components[Q]?.label??Q,O=v?h(v.props.id):void 0,U=VO(e.kind,i),Ie=Be(),q={capabilities:i,tokenRef:c,hostPanels:Ie.chrome?.panels,describeNode:Q=>{let ae=C(Q);if(!ae)return null;let se=w.components[ae.type];return{type:ae.type,label:se?.label??ae.type,fields:se?.fields??{}}},siteId:m,websiteName:S??null,notifyParent:u,onNotify:n,onOpenWebsiteSettings:o,onOpenSiteStyles:t,onSelectNode:r},be=U?.head?.(e,q)??null,D=be?.name??(U?l(U.name):v?l(R(v.type)):l("Page settings")),ie=be?.kindLabel??(U?l(U.kindLabel):v?O&&O.zone!==vo?l("Block"):l("Section"):l("Page")),Te=U?U.icon:v?v.type:"page",Qe=U?null:v?w.components[v.type]?.fields??null:w.root?.fields??null,eo=Qe?vg(Qe):2,He=e.kind==="puck"&&v?En(v.type):null,$e=!!v&&!!O&&O.zone===vo&&v.type!==re&&v.type!==ke,Oe=ol(L?.data,v),Le=()=>{Oe||O&&k.duplicateComponent(O.zone,O.index)},pe=()=>{O&&(k.removeComponent(O.zone,O.index),k.select(null))},oe=v?w.components[v.type]?.defaultProps?.previewHover:void 0,ye=e.kind==="puck"&&!!v&&!!O&&oe!==void 0,oo=ye&&v.props.previewHover===!0,E=()=>{!v||!O||k.replaceComponent(O.zone,O.index,{...v,props:{...v.props,previewHover:!oo}})},[ne,Z]=_O(Qi);return gt("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${ne||!(!U&&v)?"":" sf-hints-folded"}`,children:[Y(HO,{icon:Y(Qt,{type:Te,size:15}),name:D,kind:ie,actions:!a&&e.kind==="puck"&&v&&v.type!==re?gt(ic,{children:[Y(Pg,{label:l("Duplicate section"),title:Oe??void 0,disabled:Oe!==null,onClick:Le,children:Y(WO,{size:15})}),$e&&i.hasSiteSettings&&Y(Jh,{node:v,currentSlug:p,siteId:m??void 0,tokenRef:c,runAuthed:x,onNotify:n}),Y(Pg,{label:l("Remove section"),danger:!0,onClick:pe,children:Y(GO,{size:15})}),s?Y(Wl,{side:"right",onHide:s,divider:!0}):null]}):s?Y(Wl,{side:"right",onHide:s}):void 0}),ye&>("div",{className:"sf-preview-pin",children:[gt("div",{className:"sf-preview-pin-text",children:[Y("span",{className:"sf-preview-pin-label",children:l("Preview hover state")}),Y("span",{className:"sf-preview-pin-hint",children:l("not shown live")})]}),Y(zO,{checked:oo,onChange:E,ariaLabel:l("Preview hover state")})]}),Y(tm,{tier:eo,children:Y("div",{className:"sf-insp-body es-insp-body sf-scroll",children:U?U.render(e,q):v?gt(ic,{children:[v.type===re&&i.hasSiteSettings&&Y(Ig,{}),Y(Au,{children:Y(sc,{entries:Y(og,{parts:_,heading:!1,onOpen:Q=>b(Ar(v.props.id,Q))}),entryCount:Yf(_).length})}),He&&Y(On,{source:He,slug:Gr(v?.props)}),Y(Ji,{shown:ne,onChange:Z})]}):Y(ic,{children:Y(sc,{})})})})]})}import{jsx as f,jsxs as y,Fragment as Wg}from"react/jsx-runtime";var Ee={dark:"var(--sf-thumb-bar-dark)",soft:"var(--sf-thumb-bar-light)",accent:"var(--sf-thumb-accent)",tint:"var(--sf-thumb-accent-tint)",block:"var(--sf-thumb-block)",line:"var(--sf-thumb-border)",card:"var(--sf-thumb-card)"},dc="repeating-linear-gradient(135deg,var(--sf-thumb-hatch1) 0,var(--sf-thumb-hatch1) 5px,var(--sf-thumb-hatch2) 5px,var(--sf-thumb-hatch2) 10px)";function P({w:e,h:o,tone:t="dark",r=2,style:a}){return f("div",{style:{width:e,height:o,borderRadius:r,background:Ee[t],flex:"none",...a}})}var XO={Hero:"hero",HeroSingle:"herosingle",IntroBleed:"intro",Collections:"collections",AlloyWheelsListing:"wheelslisting",CatalogFilterBar:"catalogfilterbar",ProductGrid:"productgrid",BrandStrip:"brandstrip",FitmentFinder:"fitmentfinder",Gallery:"gallery",GalleryB:"gallerygrid",SpecStrip:"specstrip",ProductHero:"producthero",SpecTable:"spectable",ProcessSteps:"processsteps",DetailRows:"detailrows",FitmentTable:"fitmenttable",CompatibleTyres:"compatibletyres",TyreSizes:"tyresizes",TyreFitment:"tyrefitment",EuTyreLabel:"eutyrelabel",RelatedProducts:"productgrid",BundleOffer:"bundleoffer",OrderSummary:"ordersummary",DeliveryOptions:"deliveryoptions",PaymentBadges:"paymentbadges",CheckoutCTA:"checkoutcta",Manifesto:"manifesto",ParagraphsA:"paragraphs",Prose:"prose",StatsParagraph:"statsparagraph",Chart:"chart",Mockup:"mockup",Footprint:"footprint",Timeline:"timeline",TimelineTrack:"timelinetrack",TitleWithButtons:"titlewithbuttons",Split:"split",Cards:"cards",FAQ:"faq",Testimonials:"testimonials",Masthead:"masthead",Breadcrumb:"breadcrumb",CategoryBar:"categorybar",FeaturedCover:"featuredcover",LongRead:"longread",Series:"series",Subscribe:"subscribe",SubscribeBlogs:"subscribe",Events:"events",DocMasthead:"docmasthead",DocTabs:"doctabs",DocBody:"docbody",DocMetaCards:"docmetacards",Banner:"banner",Stats:"stats",KeyFeatures:"keyfeatures",Logos:"logos",Ticker:"ticker",Countdown:"countdown",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},A={position:"absolute",inset:0},d={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},xe=(e,o,t=160)=>({background:`linear-gradient(${t}deg,${e},${o})`});function Ho({size:e,style:o}){let t=Math.max(2,Math.round(e*.13)),r=(a,n,s)=>({position:"absolute",inset:a,background:n,borderRadius:t,...s?{mixBlendMode:s}:null});return y("span",{style:{position:"absolute",display:"block",width:e,height:e,...o},children:[f("span",{style:r("8% 26% 30% 6%",d.mark1)}),f("span",{style:r("26% 6% 8% 30%",d.mark2,"multiply")})]})}function na({children:e}){return f("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:d.muted},children:e})}function _g({over:e,overTone:o,head:t,headSize:r=11.5,cta:a,ctaBg:n,ctaFg:s,tone:i}){return y(Wg,{children:[e&&f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:o},children:e}),f("span",{style:{fontSize:r,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:i},children:t}),a&&f("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:n,color:s},children:a})]})}function uc({name:e,price:o}){return y("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[f("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...xe(d.paper,d.paper2,150)},children:f(Ho,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),f("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:d.text},children:e}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o})]})}function Mo({k:e,v:o,ok:t}){return y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${d.rule}`,fontSize:"3.98cqw",color:d.muted},children:[f("span",{children:e}),y("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[f("b",{style:{color:d.text,fontWeight:700},children:o}),t&&f("span",{style:{color:d.rust,fontWeight:700},children:"\u2713"})]})]})}function le({title:e,children:o}){return y("div",{style:{...A,background:d.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[f(na,{children:e}),o]})}function Ng({size:e=14}){return f("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${d.mark1},${d.mark2})`}})}function pc({filled:e=5,size:o=6}){return y("span",{style:{fontSize:o,letterSpacing:"0.06em",color:d.rust,lineHeight:1},children:["\u2605".repeat(e),f("span",{style:{color:d.mark1},children:"\u2605".repeat(5-e)})]})}function aa({n:e,label:o,tone:t=d.text}){return y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[f("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:t},children:e}),f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:t},children:o})]})}function Re({children:e,w:o}){return f("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:d.muted,width:o,display:"block"},children:e})}function sl({label:e,w:o="100%",filled:t}){return y("div",{style:{width:o,display:"flex",flexDirection:"column",gap:2},children:[f("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:e}),f("span",{style:{height:9,borderRadius:3,border:`1px solid ${d.rule}`,background:t?d.paper:d.card}})]})}function Mg({children:e}){return f("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.text,color:d.onInk},children:e})}var YO={wheelslisting:f(le,{title:"All wheels",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$455"]].map(([e,o,t])=>y("div",{style:{display:"flex",alignItems:"center",gap:6},children:[f("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...xe(d.paper,d.paper2,150)},children:f(Ho,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),f("b",{style:{flex:1,fontSize:"4.31cqw",color:d.text},children:e}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o}),f("b",{style:{fontSize:"4.31cqw",color:d.text,width:26,textAlign:"right"},children:t})]},e))})}),catalogfilterbar:y("div",{style:{...A,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[y("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6\xD7139.7","Black"].map(e=>y("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:d.text,color:d.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,f("span",{style:{opacity:.6},children:"\u2715"})]},e)),f("span",{style:{fontSize:"3.65cqw",color:d.rust,fontWeight:700},children:"Clear"})]}),y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"128 results"}),f("span",{style:{fontSize:"3.65cqw",color:d.muted,border:`1px solid ${d.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:y("div",{style:{...A,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...xe(d.ink,d.inkSoft)},children:[f("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:d.onInk},children:"Will it fit your rig?"}),y("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(e=>y("span",{style:{flex:1,fontSize:"3.65cqw",color:d.text,background:d.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",f("span",{style:{color:d.muted},children:"\u25BE"})]},e)),f("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:d.warm,color:d.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:f(le,{title:"Tyres that suit",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([e,o])=>y("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[f("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:d.ink},children:f("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${d.mark2}`,boxSizing:"border-box"}})}),f("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:d.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),f("span",{style:{fontSize:"3.32cqw",color:d.muted},children:o})]},e))})}),tyresizes:f(le,{title:"Available sizes",children:f("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,o)=>f("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${o===0?d.rust:d.rule}`,color:o===0?d.rust:d.text,background:o===0?d.paper:d.card},children:e},e))})}),tyrefitment:y(le,{title:"Will it fit your car?",children:[f("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(e=>y("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:d.muted,background:d.paper,border:`1px solid ${d.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",f("span",{style:{color:d.muted},children:"\u25BE"})]},e))}),f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([e,o,t])=>y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${d.rule}`,paddingTop:3},children:[f("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:d.text},children:e}),f("span",{style:{fontSize:"3.32cqw",fontWeight:t?700:400,letterSpacing:"0.06em",color:t?d.warm:d.muted},children:o})]},e))})]}),eutyrelabel:y("div",{style:{...A,background:d.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,o],t)=>y("div",{style:{display:"flex",alignItems:"center",gap:3},children:[f("span",{style:{width:o,height:6,borderRadius:"0 2px 2px 0",background:t===1?d.rust:d.mark1}}),f("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:t===1?d.rust:d.muted},children:e})]},e))}),y("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[f("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:d.text},children:"72"}),f("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:d.muted},children:"dB"})]})]}),bundleoffer:y("div",{style:{...A,background:d.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[f(na,{children:"Buy it with"}),y("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(e=>f("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:d.card},children:f(Ho,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),f("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:d.muted},children:"+"}),y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[f("span",{style:{fontSize:"3.65cqw",color:d.muted,textDecoration:"line-through"},children:"$1,024"}),f("b",{style:{fontSize:"6.02cqw",color:d.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:y("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...xe(d.ink,d.ink2)},children:[y("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:d.warm,fontWeight:700},children:"READY TO ORDER"}),f("b",{style:{fontSize:"6.63cqw",color:d.onInk,lineHeight:1},children:"$1,956"}),f("span",{style:{fontSize:"3.65cqw",color:d.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:d.warm,color:d.ink,flex:"none"},children:"CHECKOUT"})]}),contact:f(le,{title:"Who do you need?",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Fitment help","the workshop"],["Order status","the front desk"],["Trade accounts","sales"]].map(([e,o])=>y("div",{style:{display:"flex",alignItems:"center",gap:5},children:[f("b",{style:{flex:1,fontSize:"4.31cqw",color:d.text},children:e}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o}),f("span",{style:{fontSize:"4.64cqw",color:d.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:f(le,{title:"Find us",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].map(([e,o,t])=>y("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[f("b",{style:{fontSize:"4.31cqw",color:d.text},children:e}),f("span",{style:{fontSize:"3.32cqw",color:d.muted},children:o}),f("span",{style:{fontSize:"3.32cqw",color:d.rust,fontWeight:700},children:t})]},e))})}),form:f(le,{title:"Send us a message",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[y("div",{style:{display:"flex",gap:5},children:[f(sl,{label:"Name"}),f(sl,{label:"Email"})]}),f(sl,{label:"Message",filled:!0}),f(Mg,{children:"SEND"})]})}),appointmentbooking:f(le,{title:"Book a fitting",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[f("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((e,o)=>f("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:o===2?700:500,padding:"4px 0",borderRadius:3,background:o===2?d.text:d.paper,color:o===2?d.onInk:d.muted},children:e},e))}),f("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,o)=>f("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${o===1?d.rust:d.rule}`,color:o===1?d.rust:d.muted,background:o===3?d.paper:d.card,textDecoration:o===3?"line-through":"none"},children:e},e))})]})}),reviewform:f(le,{title:"Leave a review",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[f(pc,{filled:4,size:14}),f(sl,{label:"Your review",filled:!0}),f(Mg,{children:"POST"})]})}),submitbuild:f(le,{title:"Show us your build",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${d.mark1}`,borderRadius:5,background:d.paper},children:[f("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:d.rust,fontWeight:300},children:"+"}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"Drop a photo of your rig"})]})}),masthead:y("div",{style:{...A,background:d.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[f("span",{style:{height:1.5,background:d.text}}),f("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:d.text,lineHeight:1},children:"THE TRACK"}),y("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:d.muted},children:[f("span",{children:"Issue 14"}),f("span",{children:"Spring 2026"})]}),f("span",{style:{height:1,background:d.rule}})]}),featuredcover:y("div",{style:{...A,overflow:"hidden",...xe(d.ink,d.inkSoft2)},children:[f(Ho,{size:92,style:{right:-18,top:-14}}),f("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${d.scrim},transparent 62%)`}}),y("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.warm},children:"FEATURE"}),f("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:d.onInk},children:"Four days on the Madigan Line"})]})]}),longread:y("div",{style:{...A,background:d.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:d.rust},children:"12 MIN READ"}),f("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:d.text},children:"What breaks first, and why"}),f(Re,{children:"Every failure starts in the same place \u2014 not the rim, not"}),f(Re,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:f(le,{title:"Recurring columns",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([e,o])=>y("div",{style:{display:"flex",alignItems:"center",gap:6},children:[f("span",{style:{width:3,height:12,borderRadius:2,background:d.rust,flex:"none"}}),f("b",{style:{flex:1,fontSize:"4.64cqw",color:d.text},children:e}),f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:o})]},e))})}),events:f(le,{title:"Latest posts",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[d.inkSoft,d.inkSoft2,"Madigan Line, four days"],[d.rust,d.warm,"Why offset beats width"]].map(([e,o,t])=>y("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[f("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...xe(e,o,150)}}),y("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[f("b",{style:{fontSize:"4.31cqw",color:d.text},children:t}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"4 Sep \xB7 Shed Notes"})]})]},t))})}),docmasthead:y("div",{style:{...A,background:d.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.muted},children:"POLICY"}),f("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:d.text,lineHeight:1.1},children:"Returns & refunds"}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),f("span",{style:{height:2,width:26,background:d.rust,borderRadius:1}})]}),docbody:f("div",{style:{...A,background:d.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([e,o])=>y("div",{style:{display:"flex",gap:5},children:[f("b",{style:{fontSize:"3.98cqw",color:d.rust,flex:"none"},children:e}),f(Re,{children:o})]},e))}),docmetacards:f(le,{title:"At a glance",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([e,o])=>y("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[f("b",{style:{fontSize:"5.31cqw",color:d.text,lineHeight:1},children:e}),f("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:o})]},o))})}),doctabs:y("div",{style:{...A,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[f("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,o)=>f("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,padding:"5px 8px",color:o===0?d.text:d.muted,background:o===0?d.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${o===0?d.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),f("span",{style:{height:1,background:d.rule}}),y("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[f(Re,{children:"Unfitted wheels come back within 30 days, no questions."}),f(Re,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:y("div",{style:{...A,background:d.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[f("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:d.text},children:"The right wheel is the boring one."}),y("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[f(Re,{children:"Forged, correctly offset, rated for what you actually"}),f(Re,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:f(le,{title:"Key features",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(e=>y("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[f("span",{style:{fontSize:"4.64cqw",color:d.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),f("span",{style:{fontSize:"4.31cqw",color:d.text},children:e})]},e))})}),statsparagraph:y("div",{style:{...A,background:d.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[y("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[f(aa,{n:"27k",label:"Rigs"}),f(aa,{n:"4.9",label:"Rating"})]}),y("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[f(Re,{children:"Twelve years of fitting the same three questions, and the"}),f(Re,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:y(le,{title:"Load vs weight",children:[f("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,o)=>f("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:o===4?d.rust:d.mark1}},o))}),f("span",{style:{height:1,background:d.rule,marginTop:-4}})]}),mockup:f("div",{style:{...A,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...xe(d.inkSoft,d.ink)},children:y("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:d.card,boxShadow:`0 6px 14px ${d.scrim}`},children:[f("div",{style:{height:9,background:d.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>f("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:d.mark1}},e))}),y("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[f("span",{style:{height:4,width:"56%",borderRadius:1,background:d.mark2}}),f("span",{style:{height:14,borderRadius:2,...xe(d.paper,d.paper2,150)}}),f("span",{style:{height:3,width:"38%",borderRadius:1,background:d.rust}})]})]})}),manifesto:f("div",{style:{...A,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...xe(d.ink,d.ink2)},children:y("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:d.onInk},children:["We build for the ",f("span",{style:{color:d.warm},children:"last"})," ten percent of the track."]})}),timeline:f(le,{title:"Our story",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([e,o],t)=>y("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[t<2&&f("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:d.rule}}),f("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:d.rust,zIndex:1}}),y("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[f("b",{style:{fontSize:"4.64cqw",color:d.text},children:e}),f(Re,{children:o})]})]},e))})}),timelinetrack:y("div",{style:{...A,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...xe(d.ink,d.inkSoft)},children:[f("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"Milestones"}),y("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[f("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:d.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((e,o)=>y("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[f("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:o===3?d.warm:d.mark1}}),f("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:o===3?d.warm:d.onInk,opacity:o===3?1:.75},children:e})]},e))]})]}),footprint:y("div",{style:{...A,overflow:"hidden",...xe(d.paper,d.paper2,150)},children:[f("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:d.mark1,opacity:.75}}),f("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:d.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,o])=>f("span",{style:{position:"absolute",left:e,top:o,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:d.rust}},e)),f("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:d.text},children:"3 fitting bays"})]}),banner:y("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:d.rust},children:[y("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[f("b",{style:{fontSize:"6.02cqw",color:d.onInk},children:"End of season \xB7 20% off"}),f("span",{style:{fontSize:"3.98cqw",color:d.onInk,opacity:.8},children:"Fitted free, this month only."})]}),f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.onInk,color:d.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:y("div",{style:{...A,background:d.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[f("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:d.text},children:"Not sure what fits?"}),y("div",{style:{display:"flex",gap:5},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.text,color:d.onInk},children:"FIND MY FIT"}),f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${d.text}`,color:d.text},children:"CALL US"})]})]}),ticker:f("div",{style:{...A,overflow:"hidden",background:d.ink,display:"flex",alignItems:"center"},children:f("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:d.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),countdown:y("div",{style:{...A,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...xe(d.ink,d.ink2)},children:[f("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:d.muted},children:"Back online in"}),f("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([e,o],t)=>y("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[t>0&&f("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:d.warm},children:":"}),y("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[f("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:d.onInk,fontVariantNumeric:"tabular-nums"},children:e}),f("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:d.onInk},children:o})]})]},o))})]}),breadcrumb:f("div",{style:{...A,background:d.card,display:"flex",alignItems:"center",padding:"0 13px"},children:y("span",{style:{fontSize:"4.64cqw",color:d.muted},children:["Home ",f("span",{style:{opacity:.5},children:"/"})," Wheels ",f("span",{style:{opacity:.5},children:"/"})," ",f("span",{style:{color:d.text,fontWeight:700},children:"20 inch"})]})}),categorybar:y("div",{style:{...A,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[f("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,o)=>f("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,padding:"4px 7px",borderRadius:99,background:o===0?d.text:d.paper,color:o===0?d.onInk:d.muted},children:e},e))}),f("span",{style:{height:1,background:d.rule}})]}),intro:y("div",{style:{...A,overflow:"hidden",background:d.card},children:[f("div",{style:{position:"absolute",inset:0,...xe(d.ink,d.inkSoft2)}}),f(Ho,{size:64,style:{right:8,top:6}}),y("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:d.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${d.scrim}`},children:[f("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:d.text},children:"Since 1998"}),f(Re,{children:"One shed, one lathe, one idea."}),f(Re,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:f(le,{title:"From our customers",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[d.rust,d.warm],[d.inkSoft,d.ink],[d.paper2,d.mark2],[d.ink,d.inkSoft2],[d.warm,d.paper2],[d.mark2,d.inkSoft]].map(([e,o],t)=>f("div",{style:{borderRadius:3,...xe(e,o,140+t*22)}},t))})}),gallery:y(le,{title:"Gallery",children:[f("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,o)=>f("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,color:o===0?d.text:d.muted,borderBottom:`1.5px solid ${o===0?d.rust:"transparent"}`,paddingBottom:2},children:e},e))}),f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[d.rust,d.warm],[d.ink,d.inkSoft],[d.paper2,d.mark2]].map(([e,o],t)=>f("div",{style:{borderRadius:3,...xe(e,o,150+t*20)}},t))})]}),ordersummary:y(le,{title:"Order summary",children:[y("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[f("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...xe(d.paper,d.paper2,150)},children:f(Ho,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),y("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[f("b",{style:{fontSize:"4.31cqw",color:d.text},children:"Ridge Grappler"}),f("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),y("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[f(Mo,{k:"Subtotal",v:"$1,956"}),f(Mo,{k:"Fitting",v:"Free"}),y("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[f("b",{style:{color:d.text},children:"Total"}),f("b",{style:{color:d.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:f(le,{title:"Delivery",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3\u20135 days","Free",!0],["Express","Next day","$19",!1]].map(([e,o,t,r])=>y("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?d.rust:d.rule}`,background:r?d.paper:d.card},children:[f("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?d.rust:d.mark1}`,background:r?d.rust:"transparent"}}),f("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:d.text},children:e}),f("span",{style:{fontSize:"3.98cqw",color:d.muted},children:o}),f("b",{style:{fontSize:"4.31cqw",color:d.text},children:t})]},e))})}),paymentbadges:y("div",{style:{...A,background:d.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[f(na,{children:"Ways to pay"}),f("div",{style:{display:"flex",gap:5},children:[["VISA",d.ink],["MC",d.rust],["AMEX",d.inkSoft],["PayPal",d.ink2]].map(([e,o])=>f("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:d.onInk,borderRadius:3,padding:"6px 0",background:o},children:e},e))})]}),stats:y("div",{style:{...A,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...xe(d.ink,d.ink2)},children:[f("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"By the numbers"}),y("div",{style:{display:"flex",gap:8},children:[f(aa,{n:"27k",label:"Rigs fitted",tone:d.onInk}),f(aa,{n:"12",label:"Years",tone:d.onInk}),f(aa,{n:"4.9",label:"Avg rating",tone:d.warm})]})]}),testimonials:y("div",{style:{...A,overflow:"hidden",background:d.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[f("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:d.rust,opacity:.16},children:"\u201D"}),f(pc,{filled:5,size:7}),f("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:d.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),y("div",{style:{display:"flex",alignItems:"center",gap:5},children:[f(Ng,{}),f("span",{style:{fontSize:"3.98cqw",color:d.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:y(le,{title:"Reviews",children:[f("div",{style:{display:"flex",gap:4,height:22},children:[[d.inkSoft,d.inkSoft2],[d.rust,d.warm],[d.ink,d.inkSoft],[d.mark2,d.mark1]].map(([e,o],t)=>f("div",{style:{flex:1,borderRadius:3,...xe(e,o,140+t*15)}},t))}),f("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([e,o,t])=>y("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[f(Ng,{size:12}),y("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[y("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[f("b",{style:{fontSize:"3.98cqw",color:d.text},children:e}),f(pc,{filled:o})]}),f(Re,{children:t})]})]},e))})]}),logos:y("div",{style:{...A,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...xe(d.ink,d.inkSoft)},children:[f("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"As fitted by"}),f("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>f("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:d.onInk,opacity:.82},children:e},e))})]}),prose:y("div",{style:{...A,background:d.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[f("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:d.text},children:"Why offset matters"}),y("div",{style:{display:"flex",gap:6},children:[f("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:d.rust,marginTop:1},children:"T"}),y("div",{style:{display:"flex",flexDirection:"column"},children:[f(Re,{children:"he number on the back of your wheel decides whether the"}),f(Re,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:f(le,{title:"What you get",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Fitted free","In store, same day."],["5 yr cover","Structural, no fine print."],["Swap it","30 days, any reason."]].map(([e,o])=>y("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[f("span",{style:{width:11,height:11,borderRadius:3,background:d.rust,opacity:.9}}),f("b",{style:{fontSize:"3.98cqw",color:d.text},children:e}),f(Re,{children:o})]},e))})}),faq:f(le,{title:"Questions",children:f("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[["Will these fit my Hilux?",!0],["Do you fit them for me?",!1],["What if I pick wrong?",!1]].map(([e,o])=>y("div",{style:{borderBottom:`1px solid ${d.rule}`,padding:"4px 2px"},children:[y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[f("b",{style:{fontSize:"4.31cqw",color:d.text},children:e}),f("span",{style:{fontSize:"4.64cqw",color:d.muted,lineHeight:1},children:o?"\u2212":"+"})]}),o&&f(Re,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:y("div",{style:{...A,overflow:"hidden",...xe(d.ink,d.ink2)},children:[f("div",{style:{...A,background:`linear-gradient(90deg,${d.scrim},transparent 70%)`}}),f("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:f(_g,{over:"NEW \xB7 SUMMER",overTone:d.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:d.warm,ctaFg:d.ink,tone:d.onInk})}),f(Ho,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:y("div",{style:{...A,display:"flex",background:d.paper,overflow:"hidden"},children:[f("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:f(_g,{over:"ALL-TERRAIN",overTone:d.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:d.text,ctaFg:d.onInk,tone:d.text})}),f("div",{style:{flex:1,position:"relative",...xe(d.inkSoft,d.inkSoft2)},children:f(Ho,{size:74,style:{right:-14,top:16}})})]}),productgrid:f(le,{title:"Best sellers",children:y("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[f(uc,{name:"Ridge 19",price:"$365"}),f(uc,{name:"Ridge 29",price:"$410"}),f(uc,{name:"Ridge 39",price:"$455"})]})}),collections:f(le,{title:"Shop by category",children:f("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",d.inkSoft,d.inkSoft2],["Tyres",d.rust,d.warm],["Lift kits",d.ink,d.inkSoft]].map(([e,o,t])=>f("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:d.onInk,...xe(o,t)},children:f("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:y("div",{style:{...A,display:"flex",background:d.card,overflow:"hidden"},children:[f("div",{style:{flex:1.1,position:"relative",...xe(d.paper,d.paper2,150)},children:f(Ho,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),y("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[f("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.rust},children:"NITTO"}),f("b",{style:{fontSize:"6.29cqw",color:d.text},children:"Ridge Grappler"}),f("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:d.text},children:"$489"}),f("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:d.text,color:d.onInk},children:"ADD TO CART"})]})]}),spectable:f(le,{title:"Specifications",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[f(Mo,{k:"Diameter",v:'20"'}),f(Mo,{k:"Width",v:"9.0J"}),f(Mo,{k:"Offset",v:"+12"}),f(Mo,{k:"Load",v:"1250 kg"})]})}),fitmenttable:f(le,{title:"Will it fit?",children:y("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[f(Mo,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),f(Mo,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),f(Mo,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:y("div",{style:{...A,background:d.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[f(na,{children:"Brands we carry"}),f("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(e=>f("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:d.mark2},children:e},e))})]}),processsteps:y("div",{style:{...A,background:d.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[f(na,{children:"How it works"}),f("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((e,o)=>y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[f("span",{style:{width:11,height:11,borderRadius:"50%",background:d.text,color:d.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:o+1}),f("span",{style:{fontSize:"3.98cqw",color:d.text,fontWeight:600},children:e})]},e))})]}),detailrows:f("div",{style:{...A,background:d.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([e,o,t])=>{let r=f("div",{style:{flex:1,...xe(t?d.rust:d.inkSoft,t?d.warm:d.inkSoft2)}},"art"),a=y("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[f("b",{style:{fontSize:"4.64cqw",color:d.text},children:e}),f("span",{style:{fontSize:"3.98cqw",color:d.muted,lineHeight:1.3},children:o})]},"tx");return f("div",{style:{flex:1,display:"flex",minHeight:0},children:t?[a,r]:[r,a]},e)})}),specstrip:f("div",{style:{...A,background:d.ink,color:d.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,o])=>y("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[f("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:e}),f("span",{style:{fontSize:"3.65cqw",color:d.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:o})]},o))})},Hg={subscribe:y("div",{style:{...A,padding:13,display:"flex",flexDirection:"column"},children:[y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[y("div",{style:{display:"flex",alignItems:"center",gap:6},children:[f(P,{w:8,h:8,r:2,tone:"accent"}),f(P,{w:38,h:7,r:3,tone:"dark"}),f(P,{w:16,h:7,r:3,tone:"accent"})]}),f(P,{w:38,h:4,r:2,tone:"soft"})]}),f("div",{style:{height:1,background:Ee.line,marginBottom:10}}),y("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${Ee.line}`,borderRadius:7,padding:10},children:[y("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[f(P,{w:"46%",h:3,r:2,tone:"accent"}),f(P,{w:"84%",h:8,r:4,tone:"dark"}),f(P,{w:"56%",h:8,r:4,tone:"accent"}),f(P,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),y("div",{style:{display:"flex",gap:5,marginTop:4},children:[f("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${Ee.line}`,background:Ee.block}}),f(P,{w:34,h:13,r:5,tone:"accent"})]})]}),y("div",{style:{flex:1,background:Ee.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[f(P,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((e,o)=>y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:o?`1px solid ${Ee.line}`:"none",paddingTop:o?4:0},children:[f(P,{w:34,h:4,r:2,tone:"dark"}),f(P,{w:16,h:3,r:2,tone:"soft"})]},o))]})]})]}),split:y("div",{style:{...A,display:"flex"},children:[f("div",{style:{width:"44%",background:dc}}),y("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[f(P,{w:"44%",h:5,r:3,tone:"accent"}),f(P,{w:"88%",h:8,r:4,tone:"dark"}),f(P,{w:"70%",h:8,r:4,tone:"dark"}),f(P,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),f(P,{w:"80%",h:5,r:2,tone:"soft"}),f(P,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:y(Wg,{children:[f(P,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),y("div",{style:{...A,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[y("div",{style:{display:"flex",alignItems:"center",gap:9},children:[f(P,{w:16,h:16,r:4,tone:"accent"}),f(P,{w:"20%",h:9,r:4,tone:"dark"})]}),f(P,{w:"62%",h:10,r:5,tone:"dark"}),f(P,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:f("div",{style:{...A,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[f(P,{w:"22%",h:12,r:4,tone:"dark"}),y("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[f(P,{w:26,h:6,r:3,tone:"soft"}),f(P,{w:26,h:6,r:3,tone:"soft"}),f(P,{w:26,h:6,r:3,tone:"soft"}),f(P,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:y("div",{style:{...A,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[y("div",{style:{display:"flex",gap:14},children:[y("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[f(P,{w:"60%",h:9,r:4,tone:"dark"}),f(P,{w:"90%",h:5,r:2,tone:"soft"}),f(P,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(e=>y("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[f(P,{w:"50%",h:6,r:3,tone:"dark"}),f(P,{w:"80%",h:5,r:2,tone:"soft"}),f(P,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),f("div",{style:{height:1,background:Ee.line}}),y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[f(P,{w:"30%",h:5,r:2,tone:"soft"}),f(P,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:f("div",{style:{...A,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((e,o)=>f("div",{style:{borderRadius:6,background:Ee.block}},o))}),blanksection:f("div",{style:{...A,padding:14,display:"flex"},children:y("div",{style:{flex:1,border:`1px dashed ${Ee.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[f(P,{w:14,h:2,r:1,tone:"tint"}),f(P,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:y("div",{style:{...A,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[f(P,{w:"100%",h:6,r:3,tone:"soft"}),f(P,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),f(P,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:f("div",{style:{...A,padding:14,display:"flex",alignItems:"center"},children:f(P,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:y("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:dc},children:[f(P,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),f(P,{w:16,h:10,r:3,tone:"accent"}),f(P,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:f("div",{style:{...A,padding:14,display:"flex",alignItems:"center"},children:f(P,{w:"64%",h:13,r:4,tone:"dark"})}),text:y("div",{style:{...A,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[f(P,{w:"100%",h:6,r:3,tone:"soft"}),f(P,{w:"96%",h:6,r:3,tone:"soft"}),f(P,{w:"100%",h:6,r:3,tone:"soft"}),f(P,{w:"58%",h:6,r:3,tone:"soft"})]}),image:f("div",{style:{position:"absolute",inset:14,borderRadius:7,background:dc}}),button:f("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"center"},children:f(P,{w:"34%",h:16,r:8,tone:"accent"})}),menu:y("div",{style:{...A,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[f(P,{w:"48%",h:7,r:3,tone:"dark"}),f(P,{w:"82%",h:5,r:2,tone:"soft"}),f(P,{w:"66%",h:5,r:2,tone:"soft"}),f(P,{w:"74%",h:5,r:2,tone:"soft"}),f(P,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:y("div",{style:{...A,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[f(P,{w:"56%",h:8,r:3,tone:"dark"}),y("div",{style:{display:"flex",gap:6},children:[f("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${Ee.line}`}}),f(P,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:f("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(e=>f(P,{w:16,h:16,r:8,tone:"dark"},e))}),search:f("div",{style:{...A,padding:"0 18%",display:"flex",alignItems:"center"},children:y("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${Ee.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[f("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${Ee.dark}`}}),f(P,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:y("div",{style:{...A,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[f("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${Ee.dark}`}}),f("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${Ee.dark}`},children:f(P,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:y("div",{style:{...A,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[y("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${Ee.line}`},children:[f(P,{w:22,h:6,r:2,tone:"dark"}),f(P,{w:6,h:4,r:1,tone:"soft"})]}),y("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${Ee.line}`},children:[f(P,{w:"80%",h:4,r:2,tone:"accent"}),f(P,{w:"64%",h:4,r:2,tone:"soft"}),f(P,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:y("div",{style:{...A,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[f("div",{style:{height:1,background:Ee.line}}),y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[f(P,{w:"38%",h:5,r:2,tone:"soft"}),y("div",{style:{display:"flex",gap:5},children:[f(P,{w:14,h:5,r:2,tone:"soft"}),f(P,{w:14,h:5,r:2,tone:"soft"}),f(P,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:f("div",{style:{position:"absolute",inset:14,borderRadius:8,background:Ee.block}})};function Gg({type:e}){let o=XO[e]??"",t=YO[o]??Hg[o]??Hg.fallback;return f("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:t})}import{jsx as lr,jsxs as ZO}from"react/jsx-runtime";import{StylesIcon as QO}from"efficient-easel/rail";import{Tooltip as JO}from"efficient-shell/ui";function zg({tokenRef:e,siteId:o,onClose:t,onNotify:r,tab:a,onTabChange:n}){let s=Xt();return ZO("div",{className:"sf-styles",children:[lr(Sa,{icon:lr(QO,{}),title:l("Site styles"),context:lr(JO,{content:l("{name} \u2014 renamed in the Console: {place}.",{name:s,place:l("Storefront \u25B8 Sites \u25B8 Settings")}),className:"sf-name-tip",children:lr("span",{className:"sf-name-text",children:s})}),onHide:t}),lr("div",{className:"sf-insp-body sf-scroll",children:lr(_n,{tokenRef:e,siteId:o,onNotify:r,tab:a,onTabChange:n})})]})}import{jsx as Ug}from"react/jsx-runtime";var eA="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function qg({size:e=15,className:o,strokeWidth:t=1.7}){return Ug("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round",className:o,"aria-hidden":"true",focusable:"false",children:Ug("path",{d:eA})})}import{jsx as ue,jsxs as Ro,Fragment as nA}from"react/jsx-runtime";import{Fragment as nb,useEffect as lb,useRef as bc}from"react";import{useTreeDrag as sb}from"efficient-easel/drag";import{ImageIcon as lA,TextLinesIcon as sA,TrashIcon as ib}from"efficient-easel/icons";import{Subtree as fb,TreeRow as sa,TreeRowAction as cb,TreeSeam as db}from"efficient-easel/tree";import{useEaselStrings as iA}from"efficient-easel/strings";var{Provider:rV,useSelection:$g}=ma("selectedLocationPartId");function jg(e,o,t){return`${e}::${o}::${t}`}function Kg(e){if(!e)return null;let o=e.split("::");if(o.length<3)return null;let t=o[o.length-1];if(t!=="image"&&t!=="map")return null;let r=Number(o[o.length-2]);if(!Number.isInteger(r)||r<0)return null;let a=o.slice(0,-2).join("::");return a?{nodeId:a,index:r,part:t}:null}import{useSyncExternalStore as oA}from"react";var tA={level:"groups"},Xg=tA,mc=new Set;function go(e){Xg=e;for(let o of mc)o()}function rA(e){return mc.add(e),()=>{mc.delete(e)}}var Vg=()=>Xg;function Yg(){return oA(rA,Vg,Vg)}function Zg(e,o,t){let r=[];return e.forEach((a,n)=>{let s=o(a),i=r.find(c=>c.key===s);i||(i={key:s,name:t(a),items:[]},r.push(i)),i.items.push({item:a,index:n})}),r}function sV(e){if(e<=1)return"grid-cols-1";if(e===2)return"grid-cols-2";if(e===3)return"grid-cols-3";if(e===4)return"grid-cols-4";let o=t=>e%t||t;return o(4)>=o(3)?"grid-cols-4":"grid-cols-3"}var la=e=>String(e?.group??""),xc=new WeakMap,aA=0;function il(e){let o=xc.get(e);return o||(o=`loc${++aA}`,xc.set(e,o)),o}var Qg=(e,o)=>o||e||"Ungrouped",Jg={photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
|
|
16
|
+
Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""};function bt(e){return Zg(e,la,o=>String(o?.groupName??"")).map(o=>({key:o.key,name:o.name,cards:o.items.map(t=>t.item)}))}var Ic=e=>e.flatMap(o=>o.cards),eb=(e,o,t)=>Math.min(Math.max(e,o),t);function fl(e,o,t){let r=0;for(let a=0;a<e.length;a++)if(la(e[a])===o){if(r===t)return a;r++}return-1}function hc(e,o,t){let r=bt(e);if(o<0||o>=r.length)return e;let[a]=r.splice(o,1),n=eb(o<t?t-1:t,0,r.length);return r.splice(n,0,a),Ic(r)}function gc(e,o,t,r,a){let n=bt(e),s=n.find(m=>m.key===o),i=n.find(m=>m.key===r);if(!s||!i||t<0||t>=s.cards.length)return e;let[c]=s.cards.splice(t,1),u=o===r?c:{...c,group:i.key,groupName:i.name};u!==c&&xc.set(u,il(c));let p=eb(s===i&&t<a?a-1:a,0,i.cards.length);return i.cards.splice(p,0,u),Ic(n)}function ob(e,o){let t=bt(e),r=t.find(n=>n.key===o),a={...Jg,group:o,groupName:r?.name??""};return r?(r.cards.push(a),Ic(t)):[...e,a]}function tb(e){let o=new Set(bt(e).map(a=>a.key)),t=o.size+1,r=`Group ${t}`;for(;o.has(r);)r=`Group ${++t}`;return{cards:[...e,{...Jg,group:r,groupName:""}],key:r}}function rb(e,o){return e.filter(t=>la(t)!==o)}function ab(e,o,t){let r=fl(e,o,t);return r<0?e:e.filter((a,n)=>n!==r)}function cV(e,o,t){let r=e.flatMap((s,i)=>la(s)===o?[i]:[]),a=e.slice();r.forEach((s,i)=>{a[s]=t[i]});let n=t.slice(r.length);return[...a.filter(s=>s!==void 0),...n]}function dV(e,o,t){return o.flatMap(r=>{let a=e.filter(n=>la(n)===r);return a.length?a:t(r)})}var dl="ContactLocations";function fA({size:e=13}){return Ro("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[ue("circle",{cx:"12",cy:"12",r:"9"}),ue("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 cA({size:e=13}){return Ro("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[ue("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),ue("circle",{cx:"12",cy:"11",r:"2"})]})}function dA({size:e=13}){return Ro("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[ue("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),ue("path",{d:"M9 4v13M15 7v13"})]})}var cl=e=>({parentId:`locations-${e}`,slot:"groups"}),yc=(e,o)=>({parentId:`locations-${e}`,slot:`cities:${o}`});function ub(e,o){let{readOnly:t,selected:r}=o,a=iA().tree,n=o.data?.content??[],s=e.kind===Rg.kind,i=bc(null);lb(()=>{let h=r?.type===dl?String(r.props.id):null;h&&h!==i.current&&go({level:"groups"}),i.current=h},[r?.props.id]);let{selectedLocationPartId:c,setSelectedLocationPartId:u,setSelectHandler:p}=$g(),m=Yg(),x=(h,w)=>{let L=n[h];L&&o.replace(h,{type:L.type,props:{...L.props,locations:w}})},g=h=>{let w=n[h]?.props?.locations;return Array.isArray(w)?w:[]},S=sb({keyOf:h=>`group:${h.si}:${h.index}`,readOnly:!!t,canDrop:(h,w)=>w.parentId===cl(h.si).parentId&&w.slot==="groups",onDrop:(h,w)=>{x(h.si,hc(g(h.si),h.index,w.index)),m.level==="city"&&go({level:"groups"})},onStep:(h,w)=>{x(h.si,hc(g(h.si),h.index,w<0?h.index-1:h.index+2)),m.level==="city"&&go({level:"groups"})}}),k=sb({keyOf:h=>`city:${h.si}:${h.group}:${h.index}`,readOnly:!!t,canDrop:(h,w)=>w.parentId===cl(h.si).parentId&&w.slot.startsWith("cities:"),onDrop:(h,w)=>{let L=w.slot.slice(7);x(h.si,gc(g(h.si),h.group,h.index,L,w.index)),go({level:"group",key:L})},onStep:(h,w)=>{x(h.si,gc(g(h.si),h.group,h.index,h.group,w<0?h.index-1:h.index+2)),m.level==="city"&&go({level:"group",key:h.group})}}),b=bc(n);b.current=n;let v=bc(()=>{});lb(()=>{p(h=>{let w=Kg(h);if(!w)return;let L=b.current.findIndex(F=>F.props?.id===w.nodeId);L<0||v.current(L,{level:w.part,index:w.index})})},[p]);let C=(h,w)=>{i.current=n[h]?.props?.id??null,o.select(h),go(w),e.reveal();let L=n[h]?.props?.id;typeof L=="string"&&(w.level==="image"||w.level==="map")?u(jg(L,w.index,w.level)):u(null),typeof L=="string"&&o.scrollTo(L)};return v.current=C,{renderLocationTree:(h,w,{rowClick:L,isCollapsed:F,toggleCollapse:_})=>{let R=g(w),O=bt(R),U=String(h.props.id),Ie=s&&r?.props.id===U,q=D=>ue(db,{...t?{}:S.seam({place:{...cl(w),index:D}})},`seam:${U}:groups:${D}`),be=(D,ie)=>ue(db,{...t?{}:k.seam({place:{...yc(w,D),index:ie}})},`seam:${U}:cities:${D}:${ie}`);return Ro(nA,{children:[ue(sa,{icon:ue(sA,{size:13}),name:l("Texts"),words:a,onSelect:()=>C(w,{level:"texts"}),selected:Ie&&m.level==="texts",rowProps:{onClick:L(()=>C(w,{level:"texts"}))}}),O.map((D,ie)=>{let Te=`${U}::grp::${D.key}`,Qe=F(Te),eo=Ie&&m.level==="group"&&m.key===D.key,He=D.name||D.key?Qg(D.key,D.name):l("Ungrouped"),$e={...yc(w,D.key),index:D.cards.length},Oe=k.row({item:{si:w,group:D.key,index:-1},place:$e,into:$e,canDrag:!1},{onClick:L(()=>C(w,{level:"group",key:D.key}))}),Le=S.row({item:{si:w,index:ie},place:{...cl(w),index:ie}},Oe.rowProps);return Ro(nb,{children:[ie===0&&q(0),ue(sa,{icon:ue(fA,{size:13}),name:He,words:a,onSelect:()=>C(w,{level:"group",key:D.key}),selected:eo,draggable:Le.draggable,dragging:Le.dragging,drop:Le.drop??Oe.drop,fold:{open:!Qe,label:l("group"),onToggle:()=>_(Te)},actions:ue(cb,{kind:"delete",label:lt("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",D.cards.length,{label:He}),onClick:()=>{x(w,rb(R,D.key)),go({level:"groups"})},children:ue(ib,{size:15})}),rowProps:Le.rowProps,children:ue("span",{className:"es-group-count",children:D.cards.length})}),!Qe&&Ro(fb,{children:[D.cards.map((pe,oe)=>{let ye=fl(R,D.key,oe),oo=Ie&&m.level==="city"&&m.index===ye,E=String(pe?.name??"")||l("City"),ne=`${U}::city::${il(pe)}`,Z=F(ne),{rowProps:Q,...ae}=k.row({item:{si:w,group:D.key,index:oe},place:{...yc(w,D.key),index:oe}},{onClick:L(()=>C(w,{level:"city",index:ye}))});return Ro(nb,{children:[oe===0&&be(D.key,0),ue(sa,{icon:ue(cA,{size:13}),name:E,words:a,onSelect:()=>C(w,{level:"city",index:ye}),selected:oo,...ae,fold:{open:!Z,label:E,onToggle:()=>_(ne)},actions:ue(cb,{kind:"delete",label:l("Delete {name}",{name:E}),onClick:()=>{x(w,ab(R,D.key,oe)),go({level:"group",key:D.key})},children:ue(ib,{size:15})}),rowProps:Q}),!Z&&Ro(fb,{children:[ue(sa,{icon:ue(lA,{size:13}),name:l("Image"),words:a,onSelect:()=>C(w,{level:"image",index:ye}),selected:Ie&&m.level==="image"&&m.index===ye,rowProps:{onClick:L(()=>C(w,{level:"image",index:ye}))}}),ue(sa,{icon:ue(dA,{size:13}),name:l("Map"),words:a,onSelect:()=>C(w,{level:"map",index:ye}),selected:Ie&&m.level==="map"&&m.index===ye,rowProps:{onClick:L(()=>C(w,{level:"map",index:ye}))}})]}),be(D.key,oe+1)]},il(pe))}),Ro("button",{type:"button",className:"sf-add-card",onClick:()=>{let pe=ob(R,D.key);x(w,pe);let oe=bt(pe).find(ye=>ye.key===D.key);go(oe&&oe.cards.length?{level:"city",index:fl(pe,D.key,oe.cards.length-1)}:{level:"group",key:D.key})},children:[ue("span",{className:"sf-plus sf-plus--sm",children:"+"}),l("Add city")]})]}),q(ie+1)]},Te)}),Ro("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:D,key:ie}=tb(R);x(w,D),C(w,{level:"group",key:ie})},children:[ue("span",{className:"sf-plus sf-plus--sm",children:"+"}),l("Add group")]})]})},sectionPressed:h=>{h?.type===dl&&go({level:"groups"})}}}import{useEffect as xA,useRef as IA}from"react";import{createNode as xb,newId as Ib}from"efficient-easel/data";import{useEaselApi as hA}from"efficient-easel/easel";import{resetForDocumentSwitch as uA,saveStatusForNewDocument as pA,saveStatusOf as mA}from"efficient-easel/screen/lib/document-switch";function pb(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function mb(e,o){let t=e.some(n=>n?.type===de),r=e[e.length-1],a=!t&&r?.type===re?r:null;return{remove:e.filter(n=>n?.type===re&&n!==a).map(n=>String(n.props?.id??"")).filter(Boolean),seedHeader:!e.some(n=>n?.type===ke),seedFooter:o.hasChromeDoc&&!t&&!a}}function hb(e,o){let{adapter:t,capabilities:r,currentSlug:a,docId:n,data:s,saveStatus:i}=we(),{hasSiteSettings:c,hasPinnedChrome:u}=r,p=!!r.editsPinnedInPlace&&a!==kt,m=a===kt,x=hA().getState,g=IA(null);xA(()=>{if(!pb({docId:n,saveStatus:i,seededDocId:g.current})||(g.current=n,!u))return;let S=x().appState.data,k=S.content,b=s?.content??[],v=(L,F)=>L.some(_=>_?.type===F);if(!c){let L=new Set(wa(k)),F=L.size?k.filter(R=>!L.has(R.props.id)):k;L.size&&e.setDocument({...S,content:F});let _=jd(F,b);if(_.includes(re)){let R=F.length,O=e.insertSection(re,R);e.replaceComponent(vo,R,{type:re,props:{id:O,blocks:el()}})}_.includes(ke)&&e.insertNode(vo,0,Jn());return}if(m){let L=ar(k);if(L!==k&&e.setDocument({...S,content:[...L]}),!L.find(F=>F.type===re)&&!v(b,re)&&!v(L,de)&&!v(b,de)){let F=(R,O)=>xb(o,R,O),_={type:re,props:{blocks:el()}};e.insertNode(vo,L.length,ta(_,F,Ib(de)))}return}if(p){let L=!!t?.pinnedChrome?.state().docId,F=mb(k,{hasChromeDoc:L}),_=new Set([...F.remove,...wa(k.filter(O=>!F.remove.includes(String(O.props.id))))]),R=_.size?k.filter(O=>!_.has(String(O.props.id))):k;if(R.length!==k.length&&e.setDocument({...S,content:R}),F.seedFooter&&!v(b,re)&&!v(b,de)){let O=(Ie,q)=>xb(o,Ie,q),U={type:re,props:{blocks:el()}};e.insertNode(vo,R.length,ta(U,O,Ib(de)))}if(F.seedHeader&&!v(b,ke)){let O=R[0]?.type==="SiteHeader"?1:0;e.insertNode(vo,O,Jn())}return}let C=k.filter(L=>L.type!==re),h=new Set(wa(C)),w=h.size?C.filter(L=>!h.has(L.props.id)):C;w.length!==k.length&&e.setDocument({...S,content:w}),!v(w,ke)&&!v(b,ke)&&e.insertNode(vo,0,Jn())},[n,i,s,x,e,c,u,m,p,t])}import{useEffect as yb,useState as Sb}from"react";var ul=new Map;async function gA(e,o){try{return(await Ke().site.get({siteId:o})).slug?.trim()||null}catch(t){return console.warn("[editor-site-slug] could not resolve the site slug",t),null}}function gb(e,o){let t=ul.get(o);return t||(t=gA(e,o),ul.set(o,t),t.catch(()=>{ul.get(o)===t&&ul.delete(o)})),t}var bA=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function Sc(e){return!!e&&bA.test(e)}function bb(e){let{pageSlug:o,siteSlug:t,hostname:r}=e,a=o===Na?"/":`/${encodeURIComponent(o)}`;if(!Sc(r))return a;let n=t?.trim();return n?`${a}?site=${encodeURIComponent(n)}`:a}function Cb(e){let{pageSlug:o,siteId:t,token:r}=e,[a,n]=Sb(null),[s,i]=Sb(null),c=kd();yb(()=>i(c?new URL(c).hostname:window.location.hostname),[c]),yb(()=>{if(!Sc(s)||!t||!r){n(null);return}let p=!1;return gb(r,t).then(m=>{p||n(m)}),()=>{p=!0}},[s,t,r]);let u=bb({pageSlug:o,siteSlug:a,hostname:s});return c?`${c}${u}`:u}import{jsx as ia,jsxs as yA}from"react/jsx-runtime";import{ExternalIcon as vb}from"efficient-easel/icons";import{Button as SA,Tooltip as wb,buttonClasses as CA}from"efficient-shell/ui";function vA({pageId:e,liveHref:o,draftLink:t,win:r=window}){let a=r.open("","_blank");if(a)try{a.opener=null}catch{}let n=s=>{a&&!a.closed?a.location.href=s:r.open(s,"_blank","noopener,noreferrer")};return t(e).then(s=>n(s.url??o),()=>n(o))}function kb({liveHref:e,pageId:o,draftLink:t}){return t&&o?ia(wb,{content:l("Open your saved draft in a new tab. Visitors don't see it."),children:ia(SA,{variant:"secondary",onClick:()=>{vA({pageId:o,liveHref:e,draftLink:t})},rightIcon:ia(vb,{size:15}),"aria-label":l("Preview your saved draft in a new tab"),children:l("Preview")})}):ia(wb,{content:l("Preview the live site (opens in a new tab)"),children:yA("a",{className:CA({variant:"secondary"}),href:e,target:"_blank",rel:"noopener noreferrer","aria-label":l("Preview the live site in a new tab"),children:[l("Preview"),ia(vb,{size:15})]})})}import{useCallback as TA,useEffect as FA,useRef as Lb,useState as EA}from"react";import{useSyncExternalStore as wA}from"react";var sr=new Map,Cc=new Set;function vc(e,o){if(!(sr.has(e)&&sr.get(e)===o)){sr.set(e,o);for(let t of Cc)t()}}function lX(e,o){vc(e,o)}function sX(e,o){let t=sr.get(e);vc(e,o??(t==="live"?"changed":t))}function iX(e,o){vc(e,o??"live")}function fX(e){return sr.get(e)}function kA(e){return Cc.add(e),()=>{Cc.delete(e)}}function Tb(e){let o=()=>e?sr.get(e):void 0;return wA(kA,o,o)}function Fb(e,o){return e==="live"&&o?"changed":e}function Eb({live:e,onPress:o,busy:t=!1}){let r=e==="live"?l("Everything is live"):e==="changed"?l("Changes not live yet"):e==="never"?l("Never published"):null;return{label:l("Publish"),tooltip:e==="never"?l("Put this page on your site"):l("Put your changes on your site"),status:r,quiet:e==="live"?{label:l("Published"),reason:l("Everything is live")}:null,onPress:o,busy:t}}function Pb(e){let{docId:o,capabilities:t,hasUnsavedEdits:r,onPublish:a}=we(),n=Fb(Tb(o??null),r),[s,i]=EA(!1),c=Lb(e);c.current=e;let u=Lb(!0);FA(()=>(u.current=!0,()=>{u.current=!1}),[]);let p=TA(()=>{i(!0),a(c.current).finally(()=>{u.current&&i(!1)})},[a]);if(t.canPublish)return Eb({live:n,onPress:p,busy:s})}import{buildPaletteSections as LA,categoryLabel as PA,matchesQuery as RA,paletteWithoutPinned as OA,pinnedSection as AA}from"efficient-easel/screen/lib/puck/palette-sections";var Rb=["general","commerce","service"],ir=[{key:"openers",title:"Hero & intros",defaultExpanded:!0,templateable:!0,sections:[{type:"Hero",label:"Hero Slideshow",set:"general"},{type:"HeroSingle",label:"Hero",set:"general"},{type:"IntroBleed",label:"Scroll-Over Text",set:"general"}]},{key:"shop",title:"Shop & galleries",templateable:!0,sections:[{type:"Collections",label:"Collections",set:"commerce"},{type:"BrandStrip",label:"Brand Strip",set:"commerce"},{type:"AlloyWheelsListing",label:"List",set:"commerce"},{type:"CatalogFilterBar",label:"Catalog Filter Bar",set:"commerce"},{type:"ProductGrid",label:"Product Grid",set:"commerce"},{type:"FitmentFinder",label:"Fitment Form",set:"commerce"},{type:"Gallery",label:"Tabbed Gallery",set:"commerce"},{type:"GalleryB",label:"Customer Photo Grid",set:"commerce"},{type:"SpecStrip",label:"Spec Strip",set:"general"}]},{key:"product",title:"Product page",templateable:!0,sections:[{type:"ProductHero",label:"Product Hero",set:"commerce"},{type:"SpecTable",label:"Spec Table",set:"commerce"},{type:"ProcessSteps",label:"Image & Text Columns",set:"general"},{type:"DetailRows",label:"Feature Rows",set:"commerce"},{type:"FitmentTable",label:"Fitment Table",set:"commerce"},{type:"TyreSizes",label:"Tyre Sizes",set:"commerce"},{type:"TyreFitment",label:"Tyre Fitment Form",set:"commerce"},{type:"EuTyreLabel",label:"EU Tyre Label",set:"commerce"},{type:"RelatedProducts",label:"Related Products",set:"commerce"},{type:"BundleOffer",label:"Bundle Products",set:"commerce"}]},{key:"checkout",title:"Checkout & ordering",templateable:!0,sections:[{type:"OrderSummary",label:"Order Table",set:"general"},{type:"DeliveryOptions",label:"Delivery Options",set:"commerce"},{type:"PaymentBadges",label:"Payment Methods",set:"general"},{type:"CheckoutCTA",label:"Ready-to-Order Banner",set:"commerce"}]},{key:"about",title:"About & brand story",templateable:!0,sections:[{type:"Manifesto",label:"Brand Text",set:"general"},{type:"Timeline",label:"Story Timeline",set:"general"},{type:"TimelineTrack",label:"Milestone Timeline",set:"general"},{type:"Footprint",label:"Locations Map",set:"general"}]},{key:"content",title:"Text & content",templateable:!0,sections:[{type:"Prose",label:"Editorial Text",set:"general"},{type:"ParagraphsA",label:"Lead Text",set:"general"},{type:"Split",label:"Image & Text Split",set:"general"},{type:"Cards",label:"Cards",set:"general"},{type:"KeyFeatures",label:"Key Features",set:"general"}]},{key:"proof",title:"Stats & social proof",templateable:!0,sections:[{type:"Stats",label:"Stats",set:"general"},{type:"StatsParagraph",label:"Stats with Text",set:"general"},{type:"Chart",label:"Chart",set:"general"},{type:"Mockup",label:"Mockup Card",set:"general"},{type:"Testimonials",label:"Testimonials",set:"general"},{type:"Reviews",label:"Reviews",set:"service"},{type:"Logos",label:"Logos",set:"general"}]},{key:"promo",title:"Promotions & sign-ups",templateable:!0,sections:[{type:"Banner",label:"Banner",set:"general"},{type:"TitleWithButtons",label:"Call-to-Action Heading",set:"general"},{type:"Ticker",label:"Scrolling Bar",set:"general"},{type:"Countdown",label:"Countdown",set:"general"},{type:"Subscribe",label:"Signup Form",set:"service"}]},{key:"blog",title:"Blog & journal",templateable:!0,sections:[{type:"Masthead",label:"Issue Header",set:"general"},{type:"FeaturedCover",label:"Feature Banner",set:"general"},{type:"LongRead",label:"Article Text",set:"general"},{type:"Series",label:"Recurring Columns",set:"general"},{type:"Events",label:"Latest Posts",set:"service"}]},{key:"navigation",title:"Navigation & wayfinding",templateable:!0,sections:[{type:"Breadcrumb",label:"Breadcrumb",set:"general"},{type:"CategoryBar",label:"Category Bar",set:"general"},{type:"DocTabs",label:"Document Tabs",set:"general"}]},{key:"legal",title:"Legal & documents",templateable:!0,sections:[{type:"DocMasthead",label:"Document Header",set:"general"},{type:"DocBody",label:"Document Text",set:"general"},{type:"DocMetaCards",label:"Document Detail Cards",set:"general"}]},{key:"contact",title:"Contact, FAQ & forms",templateable:!0,sections:[{type:"FAQ",label:"Q&A",set:"general"},{type:"ContactRouting",label:"Contact Form",set:"service"},{type:"ContactLocations",label:"Contact / Locations",set:"general"},{type:"SubmitBuild",label:"Photo Submission Form",set:"service"},{type:"ReviewForm",label:"Review Form",set:"service"},{type:"Form",label:"Form",set:"service"},{type:"AppointmentBooking",label:"Booking Form",set:"service"}]},{key:"structure",title:"Layout, structure & embeds",templateable:!1,sections:[{type:"SectionHeader",label:"Section Header",set:"general"},{type:"Flex",label:"Box",set:"general"},{type:"Spacer",label:"Spacer",set:"general"},{type:"Divider",label:"Divider",set:"general"},{type:"CustomHTML",label:"Custom HTML",set:"general"}]}];function hX(){return Object.fromEntries(ir.map(e=>[e.key,{title:e.title,components:e.sections.map(o=>o.type),...e.defaultExpanded?{defaultExpanded:!0}:{}}]))}var BA={Grid:'Lewis, 2026-09-14: Box and Grid duplicate each other and it feels confusing. 2026-09-15 he chose the order: give Box uneven widths FIRST, then merge Grid into Box. Shown three ways to pick the widths (mockup "Uneven Box Widths"), he chose A \u2014 shape pictures on the Box\'s `Block widths` row, the same "a row is a shape, pick a picture of it" rule he set for the photo wall on 2026-09-07.\n\nWHAT REPLACES IT: a Box set to One row, with `Block widths` at Equal or a shape (Big left, Big right, Bigger left, Bigger right) and its own `Columns on phone`. Measured on PRODUCTION 2026-09-16 ~09:28 AEST (database `efficient-system`, all 10 tenant schemas, 128 storefront pages, both `layout` and `published_layout` \u2014 256 documents): 2 Grid nodes, and they are ONE Grid counted twice \u2014 the 9DIEM homepage on 9diem.com (`xtreme_mudder` schema), once as draft and once as published. It is top-level, holds three `ImageBlock`s at `columns` 3 \u2014 equal thirds \u2014 and NO block sets `Positions`. A Box draws that with `Block widths` at Equal.\n\n\u26A0\uFE0F THE COUNT MOVES; THE RULE MUST NOT DEPEND ON IT. This entry has already carried three different readings. A local-clone snapshot said no Grid used `Positions`. A PRODUCTION reading on 2026-09-15 ~13:15 AEST found 6 nodes on two sites, 4 of them spanned \u2014 hartesmetal.com.au homepage and about, 4 columns, spans 1 + 3. That one was TRUE when it was taken and stopped being true the same day: those two pages were rebuilt on Box (`Block widths: Bigger right`), and on 2026-09-16 they hold zero Grid nodes and are built from `Flex`. \u26D4 So the rule is NOT "there are still N spanned Grids". NEVER delete the Grid component or its `gridSpan` handling, whatever a census says \u2014 Grid still renders, still edits, still drags, and a merchant may rebuild a page either way on any day. Re-run the census on production before anyone PROPOSES deleting either, and read any number written here as the reading of its own day, not as the state of the world.\n\nWHAT A MERCHANT LOSES: a new Grid, and with it a fixed "N per row" that wraps by itself past three across, and the per-block `Positions` number. Box wraps with `Wrap`, but by content width, not by a fixed count.\n\nTHE TYPE KEY STAYS AND SO DOES THE COMPONENT. Every page holding a Grid still renders through it and can still be edited, dragged and added to; no document is rewritten and NO MIGRATION RUNS \u2014 the owner redoes live sections himself.\n\n\u26A0\uFE0F AND IT STAYS DROPPABLE WHERE IT LIVES. The drop rule in lib/puck/config.tsx read the nestable containers off the catalogue\'s `structure` row, so leaving the catalogue would have made every open slot \u2014 a Box included \u2014 refuse a Grid already stored inside one. `scripts/test-retired-grid-stays-editable.tsx` \xA73 pins it.',CompatibleTyres:'Lewis, 2026-09-09: "Do not bother counting. Delete Compatible Tyres and use the new one. The new one needs complete settings \u2014 it must have every setting our cards have." Shown three ways to finish it, he chose C: retire from the menu now, and take styling the card text as its own card.\n\nWHAT REPLACES IT: `RelatedProducts` with its `Show` dropdown set to "Tyres that fit this product". That block is the GENERIC relationship section from card 1128 \u2014 it knows nothing about wheels or tyres, it asks the registry for a relationship by name. The two have rendered through the SAME renderer (`DynamicRelatedProducts`) since that card; this one is the pre-registry one-off that was never removed.\n\n\u26A0\uFE0F THE SWAP WAS NOT SAFE UNTIL #1305, AND SAYING SO IS THE POINT. The first old-versus-new table put in front of the owner was WRONG. `DynamicRelatedProducts` returns EARLY on a tyre answer and draws this component, so the seven card settings, the head split and the Width control all stopped at that call \u2014 nine settings, measured NO EFFECT, on precisely the relationship that replaces this block. #1283 gave the new block the card settings, #1299 the head split and its own Width, #1305 carried all of it onto the tyre branch. Only then was the claim true.\n\nWHAT WAS MEASURED BEFORE RETIRING, four ways, because the premise decides the card:\n \u2022 settable text kinds (SECTION_TEXT_KINDS): both blocks ABSENT \u2014 the map holds only TimelineTrack and Footprint, both AUTHORED lists\n \u2022 read-only text regions: neither `components/CompatibleTyres` nor `components/TyreCard` stamps one\n \u2022 panel rows through resolveFields: this block 31, `RelatedProducts` 42. This block\'s only style-ish key is `_sStyle`, the bucket HEADER, not a control\n \u2022 head text (num/title/description) is authored on both, so `_partStyles` reaches it identically\nSo on the CARD runs the two are zero against zero \u2014 neither can style them \u2014 and everywhere else the new block is ahead. Styling those runs needs a section-level prop family and a paint path for DERIVED text, which no section has yet: a part is anchored by matching an AUTHORED prop\'s string against the DOM, and `lib/puck/source-bound-parts` keeps hydrated copy unreachable on purpose so a merchant cannot type into a copy of a product name and lose it at the next sync. That is its own card, and `lib/sections/text-regions` is the read-only half that already ships.\n\nTHE TYPE KEY STAYS AND SO DOES THE COMPONENT, the same contract Subscribe, Split and SubscribeBlogs have. Every page holding a `CompatibleTyres` still renders through it, no published document is rewritten, and NO MIGRATION RUNS \u2014 the owner\'s standing ruling of 2026-09-05: he redoes live sections himself and deletes the old ones when he does. He also said explicitly not to count them first.\n\n\u26A0\uFE0F AND THIS COMPONENT IS LOAD-BEARING FOR ITS OWN REPLACEMENT: `DynamicRelatedProducts` draws it for EVERY tyre answer. Deleting it would blank the block that replaces it, not just the pages still holding this one.',SubscribeBlogs:"card 66396 \u2014 folded into `Subscribe`, which now chooses its rail's content with a `Type` control (the newsletter's own issues, or live blog posts). The two shared 21 of their fields and rendered THE SAME BYTES from equivalent rows, so offering both asked a merchant to choose between two names for one section. The type key stays because it is stored on published pages, and the component stays because those pages still render through it."},gX=["Grid"],bX=Array.from(new Set([...ir.flatMap(e=>e.sections.map(o=>o.type)),...Object.keys(BA)])),yX=Object.fromEntries(ir.flatMap(e=>e.sections.map(o=>[o.type,o.label]))),DA={Heading:"general",Text:"general",Eyebrow:"general",ImageBlock:"general",LogoBlock:"general",ButtonBlock:"general",PostCard:"general",HeroSlide:"general",HeroGroup:"general",Integrations:"general",Grid:"general",CollectionCard:"commerce",GalleryItem:"commerce",ProductRef:"commerce",CompatibleTyres:"commerce",Header:"commerce",SearchBlock:"commerce",CartBlock:"commerce",CountrySwitchBlock:"commerce",AccountBlock:"commerce",ThemeSwitchBlock:"commerce",SubmitBox:"service",BookingBox:"service",SubscribeBlogs:"service",Footer:"service",FooterLogo:"service",FooterMenu:"service",FooterDivider:"service",FooterGroup:"service",FooterText:"service",FooterEmailSignup:"service",FooterSocial:"service",MenuBlock:"service",EmailFormBlock:"service",SocialLogosBlock:"service",LegalLineBlock:"service",SiteHeader:"service",SiteFooter:"service"},pl={...DA,...Object.fromEntries(ir.flatMap(e=>e.sections.map(o=>[o.type,o.set])))};function Ob(e){return Object.prototype.hasOwnProperty.call(pl,e)?pl[e]:void 0}function wc(e){return Object.keys(pl).filter(o=>pl[o]===e).sort()}var SX=wc("general"),CX=wc("commerce"),vX=wc("service"),kc="Flex",et="Box",wX=`${et}es`;function _A(e){return e==="section"?"Blank section":et}function Tc(e,o,t){return e===kc?_A(o):t}var NA={openers:{label:"Hero & intros",icon:"image"},shop:{label:"Shop & galleries",icon:"bag"},product:{label:"Product page",icon:"box"},checkout:{label:"Checkout & ordering",icon:"bag"},about:{label:"About & brand story",icon:"book"},content:{label:"Text & content",icon:"type"},proof:{label:"Stats & social proof",icon:"star"},promo:{label:"Promotions & sign-ups",icon:"sparkles"},blog:{label:"Blog & journal",icon:"newspaper"},navigation:{label:"Navigation & wayfinding",icon:"bookmark"},legal:{label:"Legal & documents",icon:"file"},contact:{label:"Contact, FAQ & forms",icon:"mail"},structure:{label:"Layout, structure & embeds",icon:"grid"}};function Ab(e){return NA[e]?.label}var Bb=kc;var MA={general:!0,commerce:!0,service:!0};function Fc(e){let o=e?.sets;return o?Object.fromEntries(Rb.map(t=>[t,o.includes(t)])):MA}function OX(e=so()){return Fc(e.blocks)}var fr="content",ge="Flex",HA="Text & media",WA="Layout & structure",GA=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"Form",label:"Form"},{type:"PostCard",label:"Post Card"},{type:"Stats",label:"Stats"},{type:"MenuBlock",label:"Menu"},{type:"EmailFormBlock",label:"Email Form"},{type:"SocialLogosBlock",label:"Social Logos"},{type:"LegalLineBlock",label:"Legal Line"},{type:"SearchBlock",label:"Search"},{type:"CartBlock",label:"Cart"},{type:"CountrySwitchBlock",label:"Country Switch"}].map(e=>({...e,group:HA})),zA=(ir.find(e=>e.key==="structure")?.sections??[]).map(e=>({type:e.type,label:e.label,group:WA})),Db=[...GA,...zA],Ec=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"HeroGroup",label:et}],DX=Ec.map(e=>e.type),UA=1,qA=Ec.filter(e=>e.type!=="HeroGroup");function $A(e){return e<UA?Ec:qA}var jA={Flex:{slot:fr,choices:()=>Db},Grid:{slot:fr,choices:()=>Db},HeroGroup:{slot:fr,choices:$A}};function _b(e,o=0){let t=jA[e];return t?{slot:t.slot,choices:t.choices(o)}:null}function Me(e,o,t,r={}){return{type:e,props:{...o(e),id:t(e),...r}}}var KA={Manifesto:(e,o)=>({type:ge,props:{...e(ge),id:o(ge),direction:"row",share:"equal",sectionHeightMode:"screen",name:"Brand Text",content:[Me(ge,e,o,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:40,sectionPaddingRight:40,content:[Me("Eyebrow",e,o,{eyebrowLook:"plain"}),Me("Heading",e,o),Me("Text",e,o),Me("Stats",e,o)]}),Me(ge,e,o,{direction:"column",name:"Picture",content:[]})]}}),Split:(e,o)=>({type:ge,props:{...e(ge),id:o(ge),direction:"row",share:"equal",sectionHeightMode:"screen",sectionHeightValue:70,name:"Image & Text Split",content:[Me(ge,e,o,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:60,sectionPaddingRight:60,content:[Me("Eyebrow",e,o,{eyebrowLook:"plain"}),Me("Heading",e,o),Me("Text",e,o),Me("ButtonBlock",e,o)]}),Me(ge,e,o,{direction:"column",name:"Image",content:[Me("ImageBlock",e,o)]})]}}),Subscribe:(e,o)=>({type:ge,props:{...e(ge),id:o(ge),direction:"column",name:"Subscribe",content:[Me("Heading",e,o),Me("Text",e,o),Me("Form",e,o)]}})};function ml(e){return KA[e]??null}import{blockTypesIn as Lc}from"efficient-easel/screen/lib/puck/block-types-in";var VA="ImageBlock",XA=3,xl=(e,o,t={})=>({type:e,props:{...o?.(e)??{},id:gr(e),...t}}),YA=e=>({...e?.(ge)??{},direction:"column",[fr]:[xl(VA,e),xl(ge,e,{direction:"column",[fr]:[xl("Heading",e),xl("Text",e)]})]}),Oo={Hero:{slot:"slides",childType:"HeroSlide",addLabel:"Add slide",slider:!0,seeds:()=>Ch.map(e=>({...e}))},HeroSlide:{slot:"groups",childType:"HeroGroup",addLabel:`Add ${et.toLowerCase()}`,seeds:()=>[],addBlocked:Fa,notice:Vl},HeroSingle:{slot:"boxes",childType:"HeroGroup",addLabel:`Add ${et.toLowerCase()}`,seeds:()=>[],addBlocked:Fa,notice:Vl},ProcessSteps:{slot:"boxes",childType:ge,addLabel:`Add ${et.toLowerCase()}`,seeds:e=>Array.from({length:XA},()=>YA(e)),skipSeed:e=>Array.isArray(e.steps)&&e.steps.length>0}};function jX(e){for(let[o,t]of Object.entries(e)){if(o in Oo&&Oo[o]!==t)throw new Error(`lib/puck/slot-specs: "${o}" already has a slot spec`);Oo[o]=t}}function KX(e,o){let t=Oo[e];return t?{slot:t.slot,children:t.seeds(o).map(r=>({type:t.childType,props:{id:gr(t.childType),...r}}))}:null}var Nb=()=>({}),Mb=new Map;function ZA(e){let o=Mb.get(e);if(o)return o;let t=new Set,r=Oo[e];if(r)for(let s of r.seeds(Nb))for(let i of Lc({type:r.childType,props:s}))t.add(i);let a=ml(e);if(a){let s=0;for(let i of Lc(a(Nb,c=>`${c}-${s+=1}`)))t.add(i)}t.delete(e);let n=[...t].sort();return Mb.set(e,n),n}function QA(e){if(!e||!e.sets&&!e.allow&&!e.deny?.length)return null;let o=Fc(e),t=e.allow?new Set(e.allow):null,r=new Set(e.deny??[]),a=new Set(Object.keys(e.host??{})),n=c=>{if(r.has(c))return!1;if(a.has(c))return!0;let u=Ob(c);return!u||!o[u]?!1:t?t.has(c):!0},s=new Map,i=c=>{let u=s.get(c);if(u!==void 0)return u;s.set(c,!1);let p=n(c)&&ZA(c).every(i);return s.set(c,p),p};return{sets:o,offers:i}}var JA="block-offer";function Pc(e=so()){return e.cache(JA,()=>QA(Hu(e)))}function Hb(e,o=so()){let t=Pc(o);return t?t.offers(e):!0}function Wb(e,o=0){let t=oB(e,o),r=t?Pc():null;return t&&r?eB(t,r):t}function eB(e,o){if(e.spec)return o.offers(e.spec.childType)?e:null;let t=e.choices??[],r=t.filter(a=>o.offers(a.type));return r.length===t.length?e:r.length>0?{...e,choices:r}:null}function oB(e,o){let t=Oo[e];if(t)return{source:"section",slot:t.slot,choices:null,spec:t};let r=_b(e,o);if(r)return{source:"container",slot:r.slot,choices:r.choices,spec:null};let a=ag(e);return a?{source:"footer",slot:rg,choices:a,spec:null}:null}import{useSyncExternalStore as tB}from"react";var Rc=null,Oc=new Set;function Gb(e){if(Rc!==e){Rc=e;for(let o of Oc)o()}}function rB(e){return Oc.add(e),()=>{Oc.delete(e)}}function fY(){return tB(rB,()=>Rc,()=>null)}function zb(e){if(!e)return null;let o=e.lastIndexOf(":");return o>0?e.slice(0,o):null}function Ub(e,o){let t=e.props;if(e.type==="FooterMenu"){let r=t.menu;return t.heading||r?.name||l("Menu")}if(e.type==="FooterText"){let r=typeof t.text=="string"?t.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:l("Text")}return e.type==="FooterEmailSignup"?t.heading||l("Email signup"):o(e.type)}var qb="sf-editor-left-view";function $b(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(qb);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function jb(e){if(!(typeof window>"u"))try{window.localStorage.setItem(qb,e)}catch{}}function Kb(e,o,t=!1){return e==="styles"&&!o||e==="media"&&!t?"sections":e}function Vb(e,o){return e?"sections":o}var Xb="Footer",aB=[Ne,Xb,de],cr=e=>{let o=e?.content;return Array.isArray(o)?o:[]},yt=e=>{let o=e?.zones;return o&&typeof o=="object"&&!Array.isArray(o)?o:null},fa=e=>{let o=e?.props?.id;return typeof o=="string"?o:void 0},Yb=e=>e.slice(0,Math.max(0,e.lastIndexOf(":")));function Zb(e){let o=ar(cr(e)),t=o.some(r=>r?.type===de);return o.filter(r=>r?.type===Ne||r?.type===de||r?.type===Xb&&!t)}function Ac(e,o){let t=new Set,r=a=>{if(Array.isArray(a)){for(let s of a)r(s);return}if(!a||typeof a!="object")return;let n=a;if(typeof n.type=="string"&&n.props&&typeof n.props=="object"){let s=fa(n);s&&t.add(s)}for(let s of Object.values(a))r(s)};if(r(e),o){let a=!0,n=new Set;for(;a;){a=!1;for(let[s,i]of Object.entries(o))n.has(s)||!t.has(Yb(s))||(n.add(s),r(i),a=!0)}}return t}function Bc(e,o){let t={},r={};for(let[a,n]of Object.entries(e??{}))(o.has(Yb(a))?t:r)[a]=n;return{owned:t,rest:r}}function xY(e,o){if(!o)return e;let t=Zb(o);if(!t.length)return e;let r=t.filter(i=>i.type===Ne),a=t.filter(i=>i.type!==Ne),n={...e,content:[...r,...cr(e),...a]},{owned:s}=Bc(yt(o),Ac(t,yt(o)));return Object.keys(s).length&&(n.zones={...yt(e)??{},...s}),n}function IY(e,o){if(!o)return{page:e,chrome:null};let t=Zb(o),r=new Set(t.map(fa).filter(C=>!!C)),a=[],n=[];for(let C of cr(e)){let h=fa(C);h&&r.has(h)||rr(C?.type)?n.push(C):a.push(C)}let s=new Map(n.map(C=>[fa(C),C])),i=new Set,c=ar(cr(o)).flatMap(C=>{let h=fa(C);if(!h||!r.has(h))return[C];let w=s.get(h);return w?(i.add(w),[w]):[]});for(let C of n)i.has(C)||c.some(h=>h?.type===C.type)||(c=C.type===Ne?[C,...c]:[...c,C]);c=ar(c);let u=c.length===cr(o).length&&c.every((C,h)=>C===cr(o)[h]),p=yt(e),m=Ac(c,p),{owned:x,rest:g}=Bc(p,m),S=Bc(yt(o),Ac(t,yt(o))).owned,k={...o,content:u?o.content:[...c]},b=yt(o);if(b||Object.keys(x).length){let C={};for(let[h,w]of Object.entries(b??{}))h in S?h in x&&(C[h]=x[h]):C[h]=w;for(let[h,w]of Object.entries(x))h in C||(C[h]=w);k.zones=C,b&&nB(k.zones,b)&&(k.zones=b)}let v={...e,content:a};return p&&(Object.keys(g).length||!Object.keys(S).length?v.zones=g:delete v.zones),{page:v,chrome:k}}function nB(e,o){let t=Object.keys(e),r=Object.keys(o);return t.length===r.length&&t.every((a,n)=>a===r[n]&&e[a]===o[a])}function Qb(e,o){return t=>e(t)||t!==void 0&&aB.includes(t)&&o()}var Il=null;function gY(e){Il=e}function Jb(){return!!(Il&&Il.state().lockHolder)}function dr(){return Il!==null}var lB=new Set(["BookingBox","SubmitBox"]);function sB(e){return typeof e=="string"&&lB.has(e)}var ey=Qb(sB,Jb);import{Fragment as _c,jsx as gl,jsxs as TB}from"react/jsx-runtime";import{useMemo as FB,useRef as cy}from"react";import{EaselCanvas as EB,useEaselApi as LB}from"efficient-easel/easel";import{jsx as ny,Fragment as IB,jsxs as hB}from"react/jsx-runtime";import{useEffect as ly,useLayoutEffect as gB}from"react";var hl="data-theme",oy="light";function iB(e){return e.getAttribute(hl)===oy?"light":"dark"}function fB(e,o){return iB(e)===o?!1:(o==="light"?e.setAttribute(hl,oy):e.removeAttribute(hl),!0)}function cB(e){return Ol(e).getItem(wl)}function kY(e,o){Ol(e).setItem(wl,o)}function dB(e,o,t=new Date().getHours()){return Yc({mode:o.mode,override:cB(e),switchShown:o.switchShown,hour:t})}function ty(e,o){let t=e.documentElement;if(!t)return()=>{};let r=()=>fB(t,dB(e,o));r();let a=e.defaultView?.MutationObserver;if(!a)return()=>{};let n=new a(r);return n.observe(t,{attributes:!0,attributeFilter:[hl]}),()=>n.disconnect()}var uB="style";function pB(e,o){let t=rd(o),r=!1;for(let a of td){let n=t[a]??"";e.style.getPropertyValue(a)!==n&&(n?e.style.setProperty(a,n):e.style.removeProperty(a),r=!0)}return r}function ry(e,o){let t=e.body;if(!t)return()=>{};let r=()=>pB(t,o);r();let a=e.defaultView?.MutationObserver;if(!a)return()=>{};let n=new a(r);return n.observe(t,{attributes:!0,attributeFilter:[uB]}),()=>n.disconnect()}var mB=String.raw`(function (doc) {
|
|
17
|
+
if (doc.__sfFitWords) return;
|
|
18
|
+
var win = doc.defaultView;
|
|
19
|
+
var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
|
|
20
|
+
var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
|
|
21
|
+
|
|
22
|
+
function measure(el) {
|
|
23
|
+
var widest = 0, current = 0, last = null, split = false, lastBlock = null;
|
|
24
|
+
function blockOf(n) {
|
|
25
|
+
for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
|
|
26
|
+
var d = win.getComputedStyle(p).display;
|
|
27
|
+
if (d.indexOf("inline") !== 0 && d !== "contents") return p;
|
|
28
|
+
}
|
|
29
|
+
return el;
|
|
30
|
+
}
|
|
31
|
+
function close() { if (current > widest) widest = current; current = 0; last = null; }
|
|
32
|
+
var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
|
|
33
|
+
while ((node = walker.nextNode())) {
|
|
34
|
+
if (node.nodeType === 1) {
|
|
35
|
+
if (node.tagName === "BR" || node.tagName === "WBR") close();
|
|
36
|
+
continue;
|
|
37
|
+
}
|
|
38
|
+
var block = blockOf(node);
|
|
39
|
+
if (block !== lastBlock) close();
|
|
40
|
+
lastBlock = block;
|
|
41
|
+
var re = /(\S+)|(\s+)/g, m;
|
|
42
|
+
while ((m = re.exec(node.data))) {
|
|
43
|
+
if (m[2]) { close(); continue; }
|
|
44
|
+
range.setStart(node, m.index);
|
|
45
|
+
range.setEnd(node, m.index + m[0].length);
|
|
46
|
+
var rects = range.getClientRects();
|
|
47
|
+
for (var i = 0; i < rects.length; i++) {
|
|
48
|
+
var r = rects[i];
|
|
49
|
+
if (r.width <= 0) continue;
|
|
50
|
+
current += r.width;
|
|
51
|
+
if (last && r.top > last.top + last.height / 2) split = true;
|
|
52
|
+
last = r;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
close();
|
|
57
|
+
return { widest: widest, split: split };
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
function lineWidth(el) {
|
|
61
|
+
var cs = win.getComputedStyle(el);
|
|
62
|
+
return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
|
|
63
|
+
- parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
|
|
67
|
+
// runs before React hydrates, and React 19 in development reports ANY
|
|
68
|
+
// attribute that differs from what it rendered ("a tree hydrated but some
|
|
69
|
+
// attributes didn't match"): first our inline font-size on the hero (which
|
|
70
|
+
// React owns via --heading-size), then, when that moved to a data-sf-fit
|
|
71
|
+
// attribute, the attribute itself. So the fitted size lives only in this
|
|
72
|
+
// script's own stylesheet, in <head>, addressed to each heading by its
|
|
73
|
+
// POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
|
|
74
|
+
// structure changes, so the rules are rewritten in the MutationObserver
|
|
75
|
+
// callback, which runs before the next paint. !important so the size also
|
|
76
|
+
// beats a part's own inline size.
|
|
77
|
+
var head = doc.head || doc.documentElement;
|
|
78
|
+
var fitEl = doc.createElement("style");
|
|
79
|
+
fitEl.id = "storefront-fit-words-sizes";
|
|
80
|
+
head.appendChild(fitEl);
|
|
81
|
+
var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
|
|
82
|
+
|
|
83
|
+
function pathOf(el) {
|
|
84
|
+
var parts = [];
|
|
85
|
+
for (var e = el; e && e.parentElement; e = e.parentElement) {
|
|
86
|
+
var i = 1, s = e;
|
|
87
|
+
while ((s = s.previousElementSibling)) i++;
|
|
88
|
+
parts.unshift("*:nth-child(" + i + ")");
|
|
89
|
+
}
|
|
90
|
+
return ":root>" + parts.join(">");
|
|
91
|
+
}
|
|
92
|
+
function writeRules() {
|
|
93
|
+
var css = "";
|
|
94
|
+
fitted.forEach(function (size, el) {
|
|
95
|
+
if (!el.isConnected) { fitted.delete(el); return; }
|
|
96
|
+
css += pathOf(el) + "{font-size:" + size + " !important}";
|
|
97
|
+
});
|
|
98
|
+
if (fitEl.textContent !== css) fitEl.textContent = css;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
function unfit(el) {
|
|
102
|
+
if (fitted.delete(el)) writeRules();
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
function fits(el) {
|
|
106
|
+
var m = measure(el);
|
|
107
|
+
return !m.split && m.widest <= lineWidth(el) + SLACK;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
function fit(el) {
|
|
111
|
+
unfit(el);
|
|
112
|
+
if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
|
|
113
|
+
if (fits(el)) return;
|
|
114
|
+
var set = parseFloat(win.getComputedStyle(el).fontSize);
|
|
115
|
+
if (!set) return;
|
|
116
|
+
var floor = Math.max(set * MIN_SCALE, MIN_PX);
|
|
117
|
+
if (floor >= set) return;
|
|
118
|
+
function size(px) { return Math.floor(px * 10) / 10 + "px"; }
|
|
119
|
+
// The SEARCH tries sizes on the element's own style and then puts that
|
|
120
|
+
// attribute back byte for byte (or removes it, if it had none), so nothing
|
|
121
|
+
// is left for React to see. A trial in a stylesheet instead restyles the
|
|
122
|
+
// whole page per step: a full pass on the Hartes home took 75–160ms at 4x
|
|
123
|
+
// CPU that way.
|
|
124
|
+
var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
|
|
125
|
+
function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
|
|
126
|
+
function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
|
|
127
|
+
attempt(floor);
|
|
128
|
+
if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
|
|
129
|
+
var lo = floor, hi = set;
|
|
130
|
+
for (var i = 0; i < 8; i++) {
|
|
131
|
+
var mid = (lo + hi) / 2;
|
|
132
|
+
attempt(mid);
|
|
133
|
+
if (fits(el)) lo = mid; else hi = mid;
|
|
134
|
+
}
|
|
135
|
+
done();
|
|
136
|
+
fitted.set(el, size(lo));
|
|
137
|
+
writeRules();
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
// What each heading measured right after we last fitted it, so the
|
|
141
|
+
// ResizeObserver below can tell a real change (a font swap, a rotate, a
|
|
142
|
+
// container that moved) from the size change our own write just caused.
|
|
143
|
+
var seen = new WeakMap();
|
|
144
|
+
function remember(el) {
|
|
145
|
+
var b = el.getBoundingClientRect();
|
|
146
|
+
seen.set(el, b.width + "x" + b.height);
|
|
147
|
+
}
|
|
148
|
+
function fitAndRemember(el) { fit(el); remember(el); }
|
|
149
|
+
|
|
150
|
+
// ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
|
|
151
|
+
// WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
|
|
152
|
+
// fitted heading, and fonts.ready resolves only after that frame is painted —
|
|
153
|
+
// measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
|
|
154
|
+
// reported here is fitted in the same frame, so the broken state is never
|
|
155
|
+
// drawn. It also covers a container that resizes.
|
|
156
|
+
var ro = new win.ResizeObserver(function (entries) {
|
|
157
|
+
for (var i = 0; i < entries.length; i++) {
|
|
158
|
+
var el = entries[i].target;
|
|
159
|
+
var b = el.getBoundingClientRect();
|
|
160
|
+
if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
|
|
161
|
+
fitAndRemember(el);
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
function watch(el) { if (!seen.has(el)) { remember(el); ro.observe(el); } }
|
|
165
|
+
|
|
166
|
+
function fitAll() {
|
|
167
|
+
var els = doc.querySelectorAll(SELECTOR);
|
|
168
|
+
for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
var queued = 0, all = false, touched = new Set();
|
|
172
|
+
function run() {
|
|
173
|
+
queued = 0;
|
|
174
|
+
if (all) { all = false; touched.clear(); fitAll(); return; }
|
|
175
|
+
var els = Array.from(touched);
|
|
176
|
+
touched.clear();
|
|
177
|
+
for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
|
|
178
|
+
}
|
|
179
|
+
function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
|
|
180
|
+
function scheduleAll() { all = true; schedule(); }
|
|
181
|
+
|
|
182
|
+
fitAll();
|
|
183
|
+
// A backstop only: a font that changes widths without changing any
|
|
184
|
+
// heading's box is not seen by the ResizeObserver.
|
|
185
|
+
if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
|
|
186
|
+
|
|
187
|
+
// …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
|
|
188
|
+
// heading sized to its own text (fit-content, a flex item) keeps the SAME box
|
|
189
|
+
// when the phone turns to 844, so nothing reports a change and it would stay
|
|
190
|
+
// shrunk. The probe's rotate check caught exactly that.
|
|
191
|
+
var lastWidth = win.innerWidth;
|
|
192
|
+
function onResize() {
|
|
193
|
+
if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
|
|
194
|
+
lastWidth = win.innerWidth;
|
|
195
|
+
scheduleAll();
|
|
196
|
+
}
|
|
197
|
+
win.addEventListener("resize", onResize);
|
|
198
|
+
|
|
199
|
+
var mo = new win.MutationObserver(function (records) {
|
|
200
|
+
// Positions first: a node added or removed anywhere can shift the
|
|
201
|
+
// nth-child path of a fitted heading, and this callback runs before paint.
|
|
202
|
+
if (fitted.size) {
|
|
203
|
+
for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
|
|
204
|
+
}
|
|
205
|
+
for (var i = 0; i < records.length; i++) {
|
|
206
|
+
var r = records[i];
|
|
207
|
+
var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
|
|
208
|
+
var own = target && target.closest(SELECTOR);
|
|
209
|
+
if (own) touched.add(own);
|
|
210
|
+
for (var j = 0; j < r.addedNodes.length; j++) {
|
|
211
|
+
var n = r.addedNodes[j];
|
|
212
|
+
if (n.nodeType !== 1) continue;
|
|
213
|
+
if (n.matches(SELECTOR)) touched.add(n);
|
|
214
|
+
var inner = n.querySelectorAll(SELECTOR);
|
|
215
|
+
for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
if (touched.size) schedule();
|
|
219
|
+
});
|
|
220
|
+
mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
|
|
221
|
+
|
|
222
|
+
doc.__sfFitWords = function stop() {
|
|
223
|
+
win.removeEventListener("resize", onResize);
|
|
224
|
+
ro.disconnect();
|
|
225
|
+
mo.disconnect();
|
|
226
|
+
if (queued) win.cancelAnimationFrame(queued);
|
|
227
|
+
fitted.clear();
|
|
228
|
+
fitEl.remove();
|
|
229
|
+
delete doc.__sfFitWords;
|
|
230
|
+
};
|
|
231
|
+
// For the probe and for debugging: which headings are fitted, at what size,
|
|
232
|
+
// and the sheet that holds it (disable it to read a heading's set size).
|
|
233
|
+
doc.__sfFitWords.fitted = fitted;
|
|
234
|
+
doc.__sfFitWords.sheet = fitEl;
|
|
235
|
+
})(document);`,xB="storefront-fit-words";function ay(e){let o=e.createElement("script");return o.id=xB,o.textContent=mB,(e.head??e.documentElement).appendChild(o),()=>{e.__sfFitWords?.(),o.remove()}}var bB=`
|
|
236
|
+
[${Io}][${Io}] { cursor: text; }
|
|
237
|
+
[${Ye}][${Ye}][${Ye}] {
|
|
238
|
+
outline: 1px solid ${Zr.accent};
|
|
239
|
+
outline-offset: 2px;
|
|
240
|
+
}
|
|
241
|
+
[${Ye}][${Ye}]:has([${Ye}]),
|
|
242
|
+
[data-puck-overlay-portal][data-puck-overlay-portal]:has([${Ye}]) {
|
|
243
|
+
outline: none;
|
|
244
|
+
}
|
|
245
|
+
[${Ye}][${Ye}][${Ye}][data-es-typing],
|
|
246
|
+
[data-es-typing] [${Ye}][${Ye}][${Ye}] {
|
|
247
|
+
outline: none;
|
|
248
|
+
}
|
|
249
|
+
`;function sy({children:e,document:o}){let{theme:t,themeMode:r,themeSwitchShown:a}=te(),n=fo(t);return ly(()=>{if(o)return ty(o,{mode:r,switchShown:a})},[o,r,a]),ly(()=>{if(o)return ry(o,n)},[o,n]),gB(()=>{if(o)return ay(o)},[o]),hB(IB,{children:[ny(Hd,{}),ny("style",{children:bB}),e]})}import{jsx as Dc}from"react/jsx-runtime";import{useEffect as yB,useState as SB,useSyncExternalStore as CB}from"react";import{Banner as vB}from"efficient-shell/ui";var wB=()=>()=>{},iy=()=>!1;function kB({report:e}){let o=CB(e?e.subscribe:wB,e?()=>e.state().loadFailed:iy,e?()=>e.state().loadFailed:iy),[t,r]=SB(!1);return yB(()=>{o||r(!1)},[o]),!o||t?null:Dc("aside",{className:"sf-canvas-notice",children:Dc(vB,{tone:"warning",onDismiss:()=>r(!0),children:l("The header and footer could not load. They are hidden for now and nothing in them is saved. Reload to try again.")})})}function fy(){let{adapter:e}=we();return Dc(kB,{report:e?.pinnedChrome})}function PB({children:e,componentId:o}){let{selectedPartId:t}=ea();return fx(t,o)?gl(_c,{}):gl(_c,{children:e})}function dy(e){let{mirrorHostStyles:o}=Ml(),t=Gd(),r=cy(null),a=RB(r),{onDocument:n}=e,s=i=>{r.current=i,n?.(i)};return TB(_c,{children:[gl(fy,{}),gl(EB,{...e,onDocument:s,typing:a,metadata:e.metadata??t,height:"fill",mirrorStyles:o,frameWrapper:sy,overlay:PB})]})}function RB(e){let o=LB(),t=Uo(),r=ea(),a=cy({ops:t,parts:r});return a.current={ops:t,parts:r},FB(()=>{let n={getItemById:i=>o.getState().getItemById(i),getSelectorForId:i=>o.getState().getSelectorForId(i),get components(){return o.getState().config.components},replace:(i,c,u)=>a.current.ops.replaceComponent(i,c,u)},s=(i,c)=>{let u=mx(i,n);if(!u)return null;let p=c,m=()=>(p=xx(p,p?.ownerDocument??e.current,i),p);return m()?{element:m,value:u.value,rules:u.rules,multiline:u.multiline,write:u.write,toolbar:{offered:u.offered}}:null};return{at:i=>{let c=i.closest(`[${Io}]`),u=c?.getAttribute(Io);return c&&u?s(u,c):null},atSelection:()=>{let i=a.current.parts.selectedPartId;return i?s(i,null):null},onChange:i=>{if(!i.typing){Fi(null);return}let c=i.element.closest(`[${Io}]`)?.getAttribute(Io)??null;Fi(c),c&&a.current.parts.selectedPartId!==c&&a.current.parts.select(c)}}},[o,e])}var uy={Hero:"Full-screen opener with rotating slides.",HeroSingle:"Full-screen image or video with a headline.",IntroBleed:"Full-bleed intro image the next section scrolls over.",Collections:"Product collections in a tidy grid.",AlloyWheelsListing:"A full product-listing page: filter rail, sortable card grid and pagination, from the live catalog. Choose which product types it shows.",CatalogFilterBar:"Filters the collection grids below it \u2014 a sticky row of Pills (the default), or Columns, one per filter you switch on.",ProductGrid:"Hand-picked products in a tidy grid.",FitmentFinder:"A vehicle picker \u2014 make, model, year and trim resolve the OEM stock fitment live.",Gallery:"Two image galleries with tabs and filters.",GalleryB:"Customer photos in a card grid with a click-to-open lightbox.",SpecStrip:"A thin one-line spec strip \u2014 small-caps items spread across the width, as a dark band or a bare hairline row.",ProductHero:"A product hero \u2014 image beside price, bullets and a buy button.",SpecTable:"A spec sheet \u2014 labeled rows of product specifications.",ProcessSteps:"A heading over columns of image, title, blurb and specs.",DetailRows:"Repeating full-width rows \u2014 eyebrow, title and copy beside a numbered close-up image, alternating sides each row.",FitmentTable:"A fitment table \u2014 per-size bolt patterns, offsets and load ratings, filterable by diameter.",CompatibleTyres:"The current product's compatible tyres \u2014 image, size, key specs and price per tyre, with an inquiry link. Display only.",RelatedProducts:"The current product's related items in a tidy row \u2014 the product page's built-in 'Pair with' cross-sell.",OrderSummary:"A display order-summary panel \u2014 items, totals and a note.",DeliveryOptions:"Delivery tiers as cards \u2014 name, window and price, one highlighted.",PaymentBadges:"A payment-methods trust strip with reassurance lines.",CheckoutCTA:"A centered 'ready to order?' headline with the checkout button.",Manifesto:"A bold brand statement beside a full-height image, with a stat strip.",ParagraphsA:"An editorial text panel with a stat strip and founders' note.",StatsParagraph:"An editorial heading and paragraph over a row of theme-color-accented stat cards.",Chart:"A titled chart \u2014 bars, line or donut \u2014 drawn from your own labeled data points.",Mockup:"A headline beside a stylized product-UI mockup card \u2014 spec sheet, fitment, portal, kanban and more.",Prose:"A plain editorial text section \u2014 eyebrow, heading and body copy.",Timeline:"An editorial aside beside a rail-marked timeline of dated entries.",TimelineTrack:"A horizontal year track of milestones \u2014 company history or roadmap.",Footprint:"A world map of your locations with a legend \u2014 designed here, sold worldwide.",TitleWithButtons:"A big headline beside a stack of call-to-action buttons.",Split:"Side-by-side image and text in two columns.",Cards:"A heading over a grid of free-text title-and-blurb cards.",FAQ:"A frequently-asked-questions accordion with a header.",Testimonials:"Customer quotes in a grid \u2014 the quote, a name and a role.",Masthead:"A journal issue header with a lead statement and contents.",Breadcrumb:"A slim trail showing where the reader is (Home / Journal\u2026).",CategoryBar:"A sticky row of category tabs with counts and links.",FeaturedCover:"A featured article \u2014 big cover image beside a headline and dek.",LongRead:"A long-form article spread with a pull-quote and cover image.",Series:"A section heading over a grid of column cards.",Subscribe:"A newsletter signup beside a list of recent issues.",SubscribeBlogs:"A newsletter signup beside your latest blog posts, pulled live.",Events:"Latest journal posts in a three-card row.",DocMasthead:"A document header \u2014 headline, metadata and standfirst.",DocTabs:"A sticky tab bar to switch between documents.",DocBody:"Long-form document body with an 'On this page' contents list.",DocMetaCards:"A three-up meta strip for the foot of a document.",Banner:"Wide promo strip with background image.",Stats:"Highlight key numbers \u2014 years, designs.",Countdown:"Hours, minutes and seconds to a set date and time, then one line.",KeyFeatures:"A theme-color chip and heading over a grid of short feature labels.",Logos:"A row of partner or brand logos.",Ticker:"A scrolling marquee of short phrases, full width.",Reviews:"Approved customer reviews in a star-rated card grid, pulled live.",SubmitBuild:"A 'Show us yours.' headline with a photo-submission form.",ReviewForm:"A write-a-review form \u2014 submissions wait for your approval before they show.",ContactRouting:"Pick who to reach, then a form that routes the message.",ContactLocations:"Your locations as a city gallery plus address and map cards.",SectionHeader:"A numbered section title with optional link.",Grid:"Multi-column container for blocks.",Flex:"An empty section. Add whatever you want inside.",Spacer:"Vertical breathing room between sections.",Divider:"A thin horizontal rule between sections.",CustomHTML:"Drop in your own sanitized HTML.",Heading:"A single heading line.",Text:"A paragraph of body copy.",ImageBlock:"A standalone image, at the width you set.",ButtonBlock:"A call-to-action button."};var OB="Save your page changes first";function py(e){return e.hasTrustedConsole?e.canCreatePlatformTemplate?!e.capabilities.canPublish||!e.capabilities.hasSiteSettings?{visible:!1,hiddenReason:"not-a-site-page"}:e.siteId?e.hasUnsavedEdits?{visible:!0,enabled:!1,disabledReason:OB}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var my="storefront-editor:save-as-template";var AB="plain",xy=[{label:"Plain",value:"plain"},{label:"Filled",value:"filled"},{label:"Line",value:"line"}],BB="line",DB={KeyFeatures:"filled"};function ca(e){return DB[e]??AB}function nZ(e,o){return Je(xy,ca(o),e)}function lZ(e){return Je(xy,BB,e)}var _B="inline",NB=[{label:"In this section",value:"inline"},{label:"In its own box",value:"own-box"}];var ot={ProductGrid:{num:"num",title:"title",description:"description",headRows:["num","title","titleSize","description","linkText","linkHref"],renderer:"ProductGridSection",padKey:"padTop",linkProp:"link"},TyreSizes:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreSizes"},FitmentFinder:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentFinder"},TyreFitment:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreFitment"},BundleOffer:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicBundleOffer"},CompatibleTyres:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},RelatedProducts:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},SpecTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"SpecTable"},FAQ:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"FAQ"},GalleryB:{num:"num",title:"title",headRows:["num","title","linkText","linkHref"],renderer:"GalleryGrid"},FitmentTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentTable"},Events:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"Events"},ProcessSteps:{num:"num",title:"title",description:"description",headRows:["num","title","description"],headStyle:"editorial",renderer:"ProcessSteps",padKey:"padTop"},LongRead:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"LongRead"},Series:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"Series"},TimelineTrack:{num:"eyebrow",title:"title",description:"intro",headRows:["eyebrow","title","intro"],headStyle:"editorial",renderer:"TimelineTrack",padKey:"padTop"},StatsParagraph:{num:"eyebrow",title:"title",description:"desc",headRows:["eyebrow","title","desc"],headStyle:"editorial",renderer:"StatsParagraph"},Footprint:{num:"sectionNumber",title:"heading",description:"tagline",headRows:["sectionNumber","heading","tagline"],headStyle:"editorial",renderer:"Footprint",padKey:"padTop"},Collections:{num:"eyebrow",title:"heading",headRows:["eyebrow","heading"],renderer:"Collections"},Cards:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Cards"},Testimonials:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Testimonials"},Reviews:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Reviews"},Prose:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"essay",renderer:"Prose"},ReviewForm:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"simple",renderer:"ReviewForm"},DeliveryOptions:{num:"eyebrow",title:"title",description:"body",headRows:["eyebrow","title","body"],headStyle:"natural",headRowGap:"gap-3",headDescriptionSize:"text-[15px]",renderer:"DeliveryOptions"}},ur="SectionHeader";function Iy(e){return e in ot}function MB(e){return Je(NB,_B,e)}var HB=new Set(["Flex"]);function WB(e){return!!e?.type&&HB.has(e.type)}function fZ(e,o,t){if(!WB(o))return e;let r={};for(let[a,n]of Object.entries(e))t.includes(a)||(r[a]=n);return r}function cZ(e,o,t){if(MB(o)!=="own-box")return e;let r={};for(let[a,n]of Object.entries(e))t.includes(a)||(r[a]=n);return r}function hy(e,{nodeDefaults:o,newNodeId:t,sectionLabel:r,blockIsOffered:a}){let n=ml(e);return n?n(o,t):Iy(e)&&a(ge)&&a(ur)?{type:ge,props:{...o(ge),id:t(ge),direction:"column",name:`${r(e)} section`,content:[{type:ur,props:{...o(ur),id:t(ur),...ot[e]?.headStyle?{headStyle:ot[e].headStyle}:{},...ot[e]?.headRowGap?{rowGap:ot[e].headRowGap}:{},...ot[e]?.headDescriptionSize?{descriptionSize:ot[e].headDescriptionSize}:{},...ca(e)!==ca(ur)?{eyebrowLook:ca(e)}:{}}},{type:e,props:{...o(e),id:t(e),headPlacement:"own-box"}}]}}:Oo[e]?.fixed===!0?{type:e,props:{...o(e),id:t(e),layout:"boxes"}}:null}import{useEffect as GB,useState as zB}from"react";function gy(){let e=Be().chrome?.products?.list,[o,t]=zB(null);return GB(()=>{if(!e)return;let r=!1;return e().then(a=>{r||t(a)}),()=>{r=!0}},[e]),o}function Sy({mode:e,open:o}){let{setSelectedHeroId:t,setSelectHandler:r}=Gn(),a=YB().tree,n=e,s=n.kind==="ticker"?n.heroId:null,i=bl(c=>{c&&(o({kind:"ticker",heroId:c}),tI(c))},[o]);return tt(()=>{t(s)},[s,t]),tt(()=>{r(i)},[r,i]),{partRows:(c,{rowClick:u})=>{let p=String(c.props.id);return c.type==="Hero"&&Ce(XB,{icon:Ce(Qt,{type:"ticker",size:13}),name:l(jr),onSelect:()=>i(p),selected:s===p,rowProps:{onClick:u(()=>i(p))},words:a})}}}function ZB(e){let{adapter:o,capabilities:t,currentSlug:r,siteId:a,docId:n,hasUnsavedEdits:s,bridgeCapabilities:i,notifyParent:c,token:u}=we(),{hasPreviewLink:p}=t,m=Ke(Be()).preview?.draftLink,x=Pb(e.data),g=py({hasTrustedConsole:!!u,canCreatePlatformTemplate:i.canCreatePlatformTemplate,capabilities:t,siteId:a,hasUnsavedEdits:s}),S=bl(()=>{!a||!r||c(my,{siteId:a,slug:r})},[c,a,r]),k=Cb({pageSlug:r,siteId:a,token:u}),b=o.previewHref?.(r)??k;return{barLead:()=>g.visible&&Ce($B,{side:"bottom",content:g.enabled?l("Save this website as a platform template"):l(g.disabledReason),children:Ce("span",{className:"sf-tip-disabled",tabIndex:g.enabled?void 0:0,children:Ce(qB,{variant:"secondary",disabled:!g.enabled,onClick:S,rightIcon:Ce(qg,{}),children:l("Save as Template")})})}),barTrail:()=>p&&r&&Ce(kb,{liveHref:b,pageId:n??null,draftLink:m}),mainAction:x}}function QB(){return Mc("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[Ce("path",{d:"M12 3a9 9 0 0 0 0 18 2.3 2.3 0 0 0 2.3-2.3c0-.55-.22-1.05-.57-1.42-.34-.37-.56-.87-.56-1.43A2.35 2.35 0 0 1 15.6 13.5H18a3 3 0 0 0 3-3c0-4.14-4-7.5-9-7.5z"}),Ce("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),Ce("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),Ce("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function JB(e,o){let{capabilities:t,templateId:r,siteId:a,tokenRef:n,navigate:s}=we(),{hasSiteTheme:i,explainsSiteSettings:c}=t,u=v=>o.setView(v),[p,m]=UB(Kt[0].id),{surface:x,setSurface:g}=FI(),S=()=>{if(i){u("styles"),o.reveal(),Xi();return}e.show(cc),e.reveal(),Xi()},k={id:"pages",label:l("Pages"),icon:Ce(KB,{}),panel:({onHide:v})=>Ce(hI,{activeSurface:x,onPreviewSurface:g,onNavigate:C=>{g(null),s(r?{kind:"template",id:r,pageSlug:C}:{kind:"page",slug:C,siteId:a??void 0})},onClose:v})},b=[];return!i&&c&&b.push({id:"appearance",label:l("Appearance"),icon:Ce(QB,{}),active:e.kind==="website",onSelect:S}),i&&b.push({id:"styles",label:l("Site styles"),icon:Ce(VB,{}),panel:({onHide:v,notify:C})=>Ce(zg,{tokenRef:n,siteId:a??void 0,onClose:v,onNotify:C,tab:p,onTabChange:m})}),{railLead:[k],railTrail:b,resolveLeftView:(v,C)=>Kb(v,i,C),openSettings:S,openStyles:()=>{m(aI),u("styles")}}}function eD(e,o,t,r){let{kind:a,open:n}=e,{selected:s,zoneOf:i}=o;tt(()=>{Gb(s?.type==="BookingBox"&&s.props.region==="confirm"?zb(i(String(s.props.id))):null)},[s?.props.id]);let c=ub(e,o),{capabilities:{hasSiteSettings:u}}=we(),{setSelected:p,setSelectHandler:m}=te(),{chat:x,setChat:g,setSelected:S,setSelectHandler:k}=Wn(),b=a==="header";tt(()=>{p(b)},[b,p]),tt(()=>{m(()=>n(fc))},[m,n]);let v=bl(()=>n(Og),[n]),C=a==="chat";tt(()=>{S(C)},[C,S]),tt(()=>{k(v)},[k,v]);let{setOpenHandler:h}=$r(),w=bl(()=>n(Ag),[n]);tt(()=>{h(w)},[h,w]);let L=Sy(e),F=ZB(o),_=JB(e,r),R=t.device;return{...L,...F,..._,hasOwnRows:O=>O.type===dl,ownRows:c.renderLocationTree,sectionPressed:c.sectionPressed,wrap:O=>Ce(Hl.Provider,{value:!0,children:Ce(vI.Provider,{value:R,children:O})}),addPanelRow:O=>u?Mc("div",{className:"sf-addside-sitewide",children:[Ce("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:Ce(Qt,{type:"chat",size:16})}),Mc("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{O(),v()},children:[l("Live chat"),Ce("span",{className:"sf-addside-sitewide-desc",children:l("A chat bubble on every page")})]}),Ce(jB,{checked:x.enabled,onChange:U=>g({enabled:U}),ariaLabel:l("Show the chat bubble on the whole site")})]}):void 0}}var by=null,Nc=new WeakMap;function oD(e){let o=Ed();if(!e||!o)return e;by!==o&&(by=o,Nc=new WeakMap);let t=Nc.get(e);return t||(t={...e,choices:e.choices?e.choices.map(r=>({...r,label:l(r.label)})):null,spec:e.spec?{...e.spec,addLabel:l(e.spec.addLabel)}:null},Nc.set(e,t)),t}var tD={isLockedBlock:ey,duplicateBlocked:ol,nestDepth:(e,o,t)=>o===Ea?iu(e,t):0,newSectionNode:hy,canAddTo:(e,o)=>oD(Wb(e,o)),blockIsOffered:Hb},rD=new Proxy(uy,{get:(e,o)=>{let t=Reflect.get(e,o);return typeof t=="string"?l(t):t}}),aD={labelAtLevel:(e,o,t)=>l(Tc(e,o,t)),descriptions:rD,categoryLabel:e=>{let o=Ab(e);return o===void 0?void 0:l(o)},firstSection:Bb,blockRowName:Ub,plainText:ct,Icon:Qt,Thumbnail:Gg,useProducts:gy},nD={desktop:2e3,tablet:800,mobile:390},yy="desktop",lD={options:CI,initial:yy,fluid:yy,widths:nD},sD={read:$b,write:e=>jb(e),forSelection:(e,o)=>Vb(e,o)},iD={first:ke,last:re,firstGroup:Ne,lastGroup:de,isSectionGroup:rr,sectionGroupZone:ng,panelOf:e=>e===ke?fc:null,get groupTab(){return dr()?dg:void 0},get groupBadge(){return dr()?ug():void 0},get changeNotice(){return dr()?pg():void 0},get band(){return dr()?fD:void 0},get groupAccepts(){return dr()?fg:void 0}},fD={foldable:!0};function cD(e){return{...Sy(e),openSettings:()=>e.show(cc)}}var bQ={useOwnerName:Xt,useDocumentLabel:fI,useBridges:eD,useStandaloneBridges:cD,useDocumentPass:hb,blockRules:tD,blockLook:aD,devices:lD,leftView:sD,pinned:iD,Canvas:dy,Inspector:Dg};export{hX as a,gX as b,bX as c,yX as d,et as e,Fc as f,OX as g,Ke as h,Hu as i,Db as j,DX as k,Bq as l,ih as m,ph as n,Ih as o,hh as p,$q as q,jq as r,Kq as s,Vq as t,YP as u,pu as v,a9 as w,Ta as x,kS as y,uN as z,it as A,pN as B,mN as C,Ea as D,iu as E,re as F,gr as G,vo as H,jX as I,KX as J,QA as K,au as L,SS as M,aN as N,ka as O,nu as P,CS as Q,vS as R,wS as S,sN as T,iN as U,fN as V,cN as W,Ne as X,de as Y,mj as Z,lg as _,sg as $,Je as aa,ot as ba,MB as ca,WB as da,fZ as ea,cZ as fa,SG as ga,Un as ha,tj as ia,ea as ja,gG as ka,Ax as la,bi as ma,Ar as na,ss as oa,ct as pa,So as qa,zd as ra,Ue as sa,vr as ta,Io as ua,Ye as va,AW as wa,Ut as xa,BW as ya,DW as za,Ai as Aa,Cx as Ba,wn as Ca,rG as Da,aG as Ea,nG as Fa,lG as Ga,TT as Ha,Wr as Ia,_x as Ja,Nx as Ka,Fn as La,tq as Ma,rq as Na,S_ as Oa,T_ as Pa,F_ as Qa,E_ as Ra,_e as Sa,Yp as Ta,E5 as Ua,Va,vw as Wa,R5 as Xa,kw as Ya,A5 as Za,Jp as _a,zs as $a,Us as ab,G5 as bb,U5 as cb,q5 as db,$5 as eb,j5 as fb,Lr as gb,js as hb,Ks as ib,Na as jb,lp as kb,Tr as lb,fp as mb,PH as nb,Ov as ob,RH as pb,La as qb,xu as rb,FN as sb,EN as tb,VS as ub,LN as vb,ON as wb,hu as xb,AN as yb,YS as zb,BN as Ab,Wa as Bb,o5 as Cb,Rs as Db,t5 as Eb,aw as Fb,r5 as Gb,p5 as Hb,m5 as Ib,QH as Jb,JH as Kb,lw as Lb,Ga as Mb,n5 as Nb,Fp as Ob,ya as Pb,we as Qb,dD as Rb,J as Sb,l as Tb,lt as Ub,mD as Vb,Be as Wb,ky as Xb,Ty as Yb,Al as Zb,Cv as _b,IH as $b,rp as ac,Uo as bc,Q_ as cc,tN as dc,Yl as ec,zS as fc,vN as gc,je as hc,ds as ic,v2 as jc,Ra as kc,Cr as lc,L2 as mc,Is as nc,hs as oc,$2 as pc,j2 as qc,Du as rc,K2 as sc,V2 as tc,X2 as uc,Ss as vc,SD as wc,wD as xc,wt as yc,qu as zc,ju as Ac,Rv as Bc,np as Cc,Ge as Dc,Rd as Ec,ED as Fc,Ly as Gc,LD as Hc,PD as Ic,Py as Jc,AD as Kc,Ry as Lc,BD as Mc,kt as Nc,_D as Oc,ND as Pc,MD as Qc,HD as Rc,ga as Sc,WD as Tc,By as Uc,jD as Vc,_d as Wc,Wy as Xc,Gy as Yc,zy as Zc,_l as _c,KD as $c,Wv as ad,YH as bd,ze as cd,s5 as dd,i5 as ed,f5 as fd,c5 as gd,d5 as hd,Hp as id,bw as jd,I5 as kd,h5 as ld,Ua as md,qa as nd,b5 as od,Ot as pd,ja as qd,C5 as rd,v5 as sd,w5 as td,Vp as ud,T5 as vd,L0 as wd,Zs as xd,Zo as yd,o3 as zd,t3 as Ad,r3 as Bd,a3 as Cd,l3 as Dd,s3 as Ed,i3 as Fd,f3 as Gd,z0 as Hd,c3 as Id,d3 as Jd,u3 as Kd,Xe as Ld,p3 as Md,$0 as Nd,m3 as Od,x3 as Pd,Rr as Qd,I3 as Rd,on as Sd,At as Td,h3 as Ud,Pm as Vd,rn as Wd,an as Xd,g3 as Yd,b3 as Zd,y3 as _d,S3 as $d,C3 as ae,v3 as be,w3 as ce,k3 as de,T3 as ee,F3 as fe,E3 as ge,ln as he,sn as ie,fn as je,cn as ke,L3 as le,xt as me,P3 as ne,R3 as oe,O3 as pe,A3 as qe,B3 as re,D3 as se,Xo as te,_3 as ue,N3 as ve,oi as we,M3 as xe,ti as ye,H3 as ze,W3 as Ae,ri as Be,G3 as Ce,Nm as De,Mm as Ee,Hm as Fe,Fk as Ge,z3 as He,U3 as Ie,Ze as Je,nr as Ke,SO as Le,yg as Me,Wj as Ne,Gj as Oe,zj as Pe,Uj as Qe,qj as Re,$j as Se,jj as Te,Kj as Ue,Vj as Ve,Xj as We,Yj as Xe,gI as Ye,NU as Ze,Wn as _e,YE as $e,o7 as af,$r as bf,n7 as cf,FI as df,lX as ef,sX as ff,iX as gf,fX as hf,xY as if,IY as jf,gY as kf,i7 as lf,rV as mf,$g as nf,jg as of,a_ as pf,jT as qf,KT as rf,Ln as sf,RG as tf,VT as uf,Ux as vf,XT as wf,DG as xf,jx as yf,Qi as zf,Ji as Af,yI as Bf,SI as Cf,zU as Df,YU as Ef,LI as Ff,N8 as Gf,DI as Hf,Af as If,Bf as Jf,fP as Kf,cP as Lf,Df as Mf,pP as Nf,Kr as Of,$n as Pf,cq as Qf,Gf as Rf,bq as Sf,yq as Tf,Sq as Uf,nh as Vf,rR as Wf,aR as Xf,nR as Yf,u9 as Zf,p9 as _f,dR as $f,pR as ag,Rh as bg,S9 as cg,C9 as dg,Mh as eg,E9 as fg,Zr as gg,Gh as hg,jf as ig,zh as jg,Uh as kg,A9 as lg,qh as mg,TR as ng,B9 as og,D9 as pg,_9 as qg,N9 as rg,FR as sg,M9 as tg,H9 as ug,W9 as vg,LR as wg,G9 as xg,OR as yg,z9 as zg,Vf as Ag,p$ as Bg,k$ as Cg,T$ as Dg,el as Eg,go as Fg,Yg as Gg,Zg as Hg,sV as Ig,la as Jg,Qg as Kg,Jg as Lg,cV as Mg,dV as Ng,mA as Og,gb as Pg,Sc as Qg,bb as Rg,Wb as Sg,fY as Tg,hl as Ug,iB as Vg,fB as Wg,kY as Xg,ZD as Yg,o_ as Zg,AB as _g,xy as $g,BB as ah,ca as bh,nZ as ch,lZ as dh,bQ as eh};
|