efficient-web-builder 21.0.0 → 22.0.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 +138 -0
- package/dist/components/AnimatedStat.js +1 -1
- package/dist/components/Banner.js +1 -1
- package/dist/components/Cards.js +1 -1
- package/dist/components/CategoryBar.js +1 -1
- package/dist/components/ChartSection.js +1 -1
- package/dist/components/Countdown.js +1 -1
- package/dist/components/DealerFinder.d.ts +12 -0
- package/dist/components/DealerFinder.js +1 -0
- package/dist/components/DocMasthead.js +1 -1
- package/dist/components/DocMetaCards.js +1 -1
- package/dist/components/DocTabs.js +1 -1
- package/dist/components/FeaturedCover.js +1 -1
- package/dist/components/Footprint.d.ts +8 -1
- package/dist/components/Footprint.js +5 -5
- package/dist/components/HeroPoster.d.ts +2 -1
- package/dist/components/HeroPoster.js +1 -1
- package/dist/components/HeroSingle.d.ts +3 -1
- package/dist/components/HeroSingle.js +4 -4
- package/dist/components/HeroSlide.d.ts +2 -1
- package/dist/components/HeroSlide.js +1 -1
- package/dist/components/ImageBlock.d.ts +2 -1
- package/dist/components/ImageBlock.js +1 -1
- package/dist/components/KeyFeatures.js +1 -1
- package/dist/components/LocationGroupHeader.js +1 -1
- package/dist/components/Logos.js +1 -1
- package/dist/components/LongRead.js +1 -1
- package/dist/components/Manifesto.js +1 -1
- package/dist/components/Masthead.js +1 -1
- package/dist/components/MediaUploadField.d.ts +3 -1
- package/dist/components/MediaUploadField.js +1 -1
- package/dist/components/MockupSection.js +1 -1
- package/dist/components/OrderSummary.js +1 -1
- package/dist/components/PagesPanel.js +1 -1
- package/dist/components/ParagraphsA.js +1 -1
- package/dist/components/PostCard.js +1 -1
- package/dist/components/ProcessSteps.js +1 -1
- package/dist/components/Prose.js +1 -1
- package/dist/components/SectionEyebrow.js +1 -1
- package/dist/components/SectionHeader.js +1 -1
- package/dist/components/Series.js +1 -1
- package/dist/components/SiteTextStylesField.js +1 -1
- package/dist/components/Split.js +1 -1
- package/dist/components/Stats.js +1 -1
- package/dist/components/StatsParagraph.js +1 -1
- package/dist/components/Testimonials.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/ThemeField.js +1 -1
- package/dist/components/Timeline.js +1 -1
- package/dist/components/TimelineTrack.js +1 -1
- package/dist/components/WebsiteScreenParts.js +1 -1
- package/dist/components/storefront-editor.css +96 -271
- package/dist/components/useLocationsTree.js +1 -1
- package/dist/lib/content/phone-focus.d.ts +7 -0
- package/dist/lib/content/phone-focus.js +1 -0
- package/dist/lib/dealer-source.d.ts +34 -0
- package/dist/lib/dealer-source.js +1 -0
- package/dist/lib/editor-words-catalogue.d.ts +9 -5
- package/dist/lib/editor-words-catalogue.js +4 -4
- package/dist/lib/puck/MarkupToolbar.d.ts +1 -1
- package/dist/lib/puck/MarkupToolbar.js +1 -1
- package/dist/lib/puck/blocks/general/Footprint/fields.js +1 -1
- package/dist/lib/puck/blocks/general/Footprint/render.js +2 -2
- package/dist/lib/puck/blocks/general/HeroSingle/fields.js +1 -1
- package/dist/lib/puck/blocks/general/HeroSingle/render.js +1 -1
- package/dist/lib/puck/blocks/general/HeroSlide/fields.js +1 -1
- package/dist/lib/puck/blocks/general/HeroSlide/render.js +1 -1
- package/dist/lib/puck/blocks/general/ImageBlock/fields.js +1 -1
- package/dist/lib/puck/blocks/general/ImageBlock/render.js +1 -1
- package/dist/lib/puck/controls.d.ts +5 -2
- package/dist/lib/puck/controls.js +1 -1
- package/dist/lib/puck/field-groups.js +1 -1
- package/dist/lib/sections/collection-card-text-regions.d.ts +9 -1
- package/dist/lib/sections/collection-card-text-regions.js +1 -1
- package/dist/lib/sections/text-regions.d.ts +1 -0
- package/dist/lib/sections/text-regions.js +1 -1
- package/dist/lib/site-text-styles.d.ts +1 -0
- package/dist/lib/site-text-styles.js +2 -2
- package/dist/lib/source-rules/heading-ceiling-sweep.js +3 -3
- package/dist/lib/source-rules/part-style-naming.js +2 -2
- package/dist/lib/source-rules/rule.d.ts +1 -0
- package/dist/lib/source-rules/rule.js +3 -1
- package/dist/lib/source-rules/size-token-paints.js +4 -4
- package/dist/lib/source-rules/style-face-matches-size.js +3 -3
- package/package.json +7 -5
- package/dist/components/ImageFocusRow.d.ts +0 -7
- package/dist/components/ImageFocusRow.js +0 -1
- package/dist/components/TemplateGlyph.d.ts +0 -6
- package/dist/components/TemplateGlyph.js +0 -1
- package/dist/components/TextStyleRow.d.ts +0 -13
- package/dist/components/TextStyleRow.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as e,jsxs as
|
|
1
|
+
"use client";import{jsx as e,jsxs as N}from"react/jsx-runtime";import{createContext as k,useContext as H}from"react";import P from"./HeroPoster.js";import{resolveMedia as t}from"../lib/media.js";import{heroPhoneStackStyle as z}from"../lib/hero-phone-stack.js";import{heroTextureGradient as C,heroTextureShown as D}from"../lib/hero-texture.js";import{ON_MEDIA_INK_STYLE as M}from"../lib/content/ink.js";const T=k({});function V({name:i,process:r,mediaType:u="video",mediaSrc:s,videoSpeed:a,poster:n,objectPosition:f,objectPositionPhone:h,tintColor:x="#000000",tintOpacity:l=0,groups:d,editing:y=!1,themeClassName:p,themeStyle:v}){const{alignment:I="left",textureOpacity:c,textureOn:S,textureColor:g,quietVideo:b,phoneUpDown:w,phoneSideways:_}=H(T),o=u==="video",m=o?t(s):void 0,j=o?t(n):t(s)??t(n),E=typeof a=="number"?a/100:1;return N("section",{className:p?`relative h-full w-full overflow-hidden ${p}`:"relative h-full w-full overflow-hidden",style:v,"data-slide-name":i??"","data-slide-process":r??"","data-slide-media":m?"video":"still",children:[e(P,{videoSrc:m,posterSrc:j,showVideo:o,playbackRate:E,objectPosition:f,objectPositionPhone:o?void 0:h,quiet:b}),l>0&&e("div",{className:"absolute inset-0 z-[2]",style:{background:x,opacity:Math.min(Math.max(l,0),100)/100}}),D(S)&&e("div",{className:"absolute inset-0 z-[2]",style:{background:C(g),...c!==void 0?{opacity:c/100}:null}}),e("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",y?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{...M,...z(w,_)},children:d&&e(d,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}const K=Array.from({length:3},(i,r)=>({name:`Slide ${r+1}`,process:"Category",mediaType:"image",mediaVideo:"",poster:""}));export{K as HERO_SLIDE_SEEDS,T as HeroSlideStyleContext,V as default};
|
|
@@ -11,8 +11,9 @@ interface ImageBlockProps {
|
|
|
11
11
|
href?: string;
|
|
12
12
|
fit?: ImageFit;
|
|
13
13
|
focal?: string;
|
|
14
|
+
focalPhone?: string;
|
|
14
15
|
corners?: number;
|
|
15
16
|
cornerSides?: string[] | null;
|
|
16
17
|
}
|
|
17
|
-
export default function ImageBlock({ src, alt, aspect, contained, grayscale, href, width, fit, focal, corners, cornerSides, }: ImageBlockProps): import("react").JSX.Element;
|
|
18
|
+
export default function ImageBlock({ src, alt, aspect, contained, grayscale, href, width, fit, focal, focalPhone, corners, cornerSides, }: ImageBlockProps): import("react").JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{SiteLink as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{SiteLink as I}from"../lib/site-runtime.js";import w from"./BlockFrame.js";import{useSitePhotography as $}from"./SitePhotographyContext.js";import{media as j}from"../lib/media.js";import{CONTENT_SIZES as C,sizedImage as F}from"../lib/sized-image.js";import{imageCornerStyle as z}from"../lib/content/image-corners.js";import{imageFitClass as T,imageIsCropped as E,parseImageFit as P}from"../lib/content/image-fit.js";import{resolveImageTreatment as B}from"../lib/content/image-treatment.js";import{imageWidthStyle as L}from"../lib/content/image-width.js";import{phoneFocus as O}from"../lib/content/phone-focus.js";const W={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function _({src:t,alt:h,aspect:o,contained:u,grayscale:g,href:y,width:S,fit:N,focal:m,focalPhone:b,corners:k,cornerSides:v}){const l=B(g,$()),c=L(S),n=P(N,"cover"),f=z(k,v),d=E(o,n),a=O(d?b:void 0),p={...l.style??{},...m&&d?{objectPosition:m}:{},...a.style},s=t?F(j(t)):null,i=t&&s?e("img",{src:s.src,...s.srcSet?{srcSet:s.srcSet,sizes:C}:{},alt:h,className:`h-full w-full ${o==="auto"?"":T(n)}${l.className?` ${l.className}`:""}${a.className?` ${a.className}`:""}`,...Object.keys(p).length?{style:p}:{}}):e("div",{className:"flex aspect-[16/9] items-center justify-center border border-dashed border-line font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:"Image — set a path"}),r=(y??"").trim(),x=r&&t?r.startsWith("/")?e(I,{href:r,className:"block h-full w-full",children:i}):e("a",{href:r,className:"block h-full w-full",children:i}):i;return e(w,{contained:u,className:"py-6",children:e("figure",{...c?{style:c}:{},children:e("div",{className:`relative w-full overflow-hidden bg-surface ${W[o]}`,...f?{style:f}:{},children:x})})})}export{_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as o,Fragment as u}from"react/jsx-runtime";import{SiteLink as b}from"../lib/site-runtime.js";import v from"./SectionEyebrow.js";import{renderGold as k,renderHeadline as y}from"./goldPhrases.js";import{say as N}from"../lib/editor-words.js";const c={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,17px)]"};function M({look:x,eyebrow:t,title:s,items:f,columns:g,editing:i=!1}={}){const h=Math.min(4,Math.max(2,g??3)),n=(f??[]).filter(r=>i||(r.label??"").trim()),d=!!(t??"").trim()||!!(s??"").trim();return!i&&!d&&n.length===0?null:e("section",{className:"relative z-[2] border-y border-line bg-surface",children:o("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[76px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[d&&o("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&e(v,{text:t??"",look:x}),(s??"").trim()&&e("h2",{className:`font-heading2 ${c.headingMedium} font-medium uppercase leading-none tracking-[-0.02em] text-fg ${c.headingMediumUpTo800}`,children:y(s??"",!1)})]}),n.length>0&&e("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--kf-cols),minmax(0,1fr))]",style:{"--kf-cols":String(h)},children:n.map((r,m)=>{const l=o(u,{children:[e("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),e("span",{className:`font-display ${c.body} font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent`,children:k((r.label??"").trim()||N("Feature"))})]}),a=(r.href??"").trim();if(a&&!i){const p="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return a.startsWith("/")?e(b,{href:a,className:p,children:l},m):e("a",{href:a,className:p,children:l},m)}return e("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:l},m)})})]})})}export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as n,jsxs as t}from"react/jsx-runtime";function i({groupKey:s,name:
|
|
1
|
+
import{jsx as n,jsxs as t}from"react/jsx-runtime";const e={headingSmall:"text-[length:var(--size-headingSmall,24px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function i({groupKey:s,name:a,count:l}){return t("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[n("span",{className:`font-mono ${e.labelLarge} uppercase tracking-[0.3em] text-accent`,children:s}),a?n("span",{className:`font-heading3 ${e.headingSmall} font-medium uppercase tracking-[-0.01em]`,children:a}):null,t("span",{className:`font-mono ${e.labelSmall} uppercase tracking-[0.22em] text-fg-dim`,children:[l," location",l===1?"":"s"]})]})}export{i as LocationGroupHeader};
|
package/dist/components/Logos.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as
|
|
1
|
+
import{jsx as t,jsxs as f}from"react/jsx-runtime";import x from"./BlockFrame.js";import{renderChrome as u,renderHeadline as d}from"./goldPhrases.js";import{media as y}from"../lib/media.js";import{sizedImage as h}from"../lib/sized-image.js";const c={label:"text-[length:var(--size-label,13px)]"};function g({items:l,contained:e,heading:s,columns:n,grayscale:i,logoHeight:o,bandPadding:a}){const m=n!=null?{flex:`0 0 calc((100% - ${(n-1)*3.5}rem) / ${n})`}:void 0;return f(x,{contained:e,className:a==null?"py-10":"",style:a==null?void 0:{paddingTop:`${a}px`,paddingBottom:`${a}px`},children:[s!=null&&s!==""?t("h2",{className:`mb-8 text-center font-mono ${c.label} uppercase tracking-[0.2em] text-fg-dim`,children:d(s,!1)}):null,t("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(l??[]).map((r,p)=>t("div",{className:"text-center",style:m,children:r.src?t("img",{...$(y(r.src)),alt:r.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",o==null?"h-7":"",i===!1?"":"grayscale"].filter(Boolean).join(" "),style:o==null?void 0:{height:`${o}px`}}):t("span",{className:`font-mono ${c.label} uppercase tracking-[0.2em] text-fg-dim`,children:u(r.alt||"Logo")})},p))})]})}function $(l){const e=h(l,{fallbackWidth:640,maxWidth:960});return e.srcSet?{src:e.src,srcSet:e.srcSet,sizes:"240px"}:{src:l}}export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r,Fragment as
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as d}from"react/jsx-runtime";import{sectionRunsFullWidth as _}from"../lib/content/section-width.js";import{Fragment as k}from"react";import{SiteLink as E}from"../lib/site-runtime.js";import{stripMarkup as F}from"../lib/markup.js";import B from"./EditorialSectionHead.js";import C from"./Placeholder.js";import G from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as w}from"./goldPhrases.js";const t={bodySmall:"text-[length:var(--size-body,14px)]",body:"text-[length:var(--size-body,17px)]",bodyLarge:"text-[length:var(--size-body,22px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function I({headNum:z,headTitle:c,headDesc:f,category:g,metaMiddle:b,readLabel:h,title:l,dek:u,quote:i,quoteAttribution:s,ctaText:v,ctaHref:S,image:L,imageLabel:y,metaPublished:p,metaReads:o,omitHead:x=!1,...$}){const N=[g?e("span",{className:"text-accent",children:a(g)}):null,b?e("span",{children:a(b)}):null,h?e("span",{children:a(h)}):null].filter(Boolean),j=!!p||!!o;return r("section",{className:_($)?x?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":x?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[x?null:e(B,{num:z,title:c?w(c,!0):void 0,desc:f?a(f):void 0}),r("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[r("div",{className:"flex flex-col justify-center gap-7 border-r border-line bg-surface px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12",children:[N.length>0&&e("div",{className:`flex items-center gap-3.5 font-mono ${t.labelSmall} uppercase tracking-[0.3em] text-fg-dim`,children:N.map((m,n)=>r(k,{children:[n>0&&e("span",{className:"opacity-40",children:"·"}),m]},n))}),l&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4.2vw,68px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:w(l,!0)}),u&&e("p",{className:`font-serif ${t.bodyLarge} italic leading-[1.45] text-fg`,children:a(u)}),(i||s)&&r("blockquote",{className:`max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif ${t.body} italic leading-[1.6] text-fg-dim`,children:[i&&r(d,{children:["“",a(i),"”"]}),s&&e("strong",{className:`mt-2.5 block font-display ${t.bodySmall} font-normal not-italic uppercase tracking-[0.22em] text-fg`,children:a(s)})]}),v&&r(E,{href:S||"#",className:`inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono ${t.labelLarge} uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink`,children:[a(v)," ",e("span",{children:"→"})]})]}),r("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[e(C,{label:"long-read",src:L||void 0,alt:F(l||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),e("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 25%, transparent 60%, rgba(10,10,10,0.7) 100%)"}}),y&&e(G,{text:y,size:12,className:"absolute right-6 top-6 z-[2]"}),j&&e("div",{className:`absolute bottom-6 left-6 z-[2] font-mono ${t.labelSmall} uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg`,children:[p?r(d,{children:[e("strong",{className:"font-normal text-accent",children:"Published"})," ",a(p)]}):null,o?r(d,{children:[e("strong",{className:"font-normal text-accent",children:"Reads in"})," ",a(o)]}):null].filter(Boolean).map((m,n)=>r(k,{children:[n>0&&e("br",{}),m]},n))})]})]})]})}export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import h from"./AnimatedStat.js";import b from"./Placeholder.js";import{useSitePhotography as v}from"./SitePhotographyContext.js";import y from"./SectionEyebrow.js";import{renderGold as w,renderHeadline as j,splitParagraphs as N}from"./goldPhrases.js";import{resolveImageTreatment as M}from"../lib/content/image-treatment.js";import{sectionRunsFullWidth as _}from"../lib/content/section-width.js";const i={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]"};function T({eyebrow:s,heading:d,body:x,stats:p,imageSrc:c,grayscale:f,...g}={}){const u=M(f,v()),l=s||null,n=d||null,m=x||null,r=(p??[]).filter(a=>(a.value??"").trim()!==""||(a.label??"").trim()!=="");return e("section",{className:"relative z-[2] bg-bg p-0",children:o("div",{className:"grid h-screen min-h-[100vh] grid-cols-2 border-y border-line max-[960px]:h-auto max-[960px]:grid-cols-1",children:[e("div",{className:"flex flex-col justify-center border-r border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[960px]:order-2 max-[960px]:border-r-0 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[960px]:py-[60px]",children:o("div",{className:_(g)?"flex w-full flex-col gap-7":"ml-auto flex w-full flex-col gap-7 max-w-[calc(var(--sf-site-width,1600px)/2_-_var(--sf-site-gutter,40px)*2_-_1px)] max-[960px]:ml-0 max-[960px]:max-w-none",children:[l!==null&&e(y,{text:l,size:14}),n!==null&&e("h2",{className:`font-heading2 ${i.headingMedium} font-normal leading-[1.05] tracking-[-0.03em] ${i.headingMediumUpTo800} max-[800px]:leading-[1]`,children:j(n,!0)}),m!==null&&N(m).map((a,t)=>e("p",{className:`max-w-[520px] ${i.body} leading-[1.7] text-fg-dim`,children:w(a)},t)),r.length>0&&e("div",{className:"mt-4 grid max-w-[520px] gap-6 border-t border-line pt-7",style:{gridTemplateColumns:`repeat(${r.length}, minmax(0, 1fr))`},children:r.map((a,t)=>e(h,{target:a.value??"",label:a.label??""},t))})]})}),e("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:e(b,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:u})})]})})}export{T as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as
|
|
1
|
+
import{jsx as e,Fragment as u,jsxs as a}from"react/jsx-runtime";import{sectionRunsFullWidth as N}from"../lib/content/section-width.js";import w from"./SectionEyebrow.js";import{renderGold as l,renderHeadline as j,splitParagraphs as k}from"./goldPhrases.js";const s={body:"text-[length:var(--size-body,18px)]",headingSmall:"text-[length:var(--size-headingSmall,20px)]",label:"text-[length:var(--size-label,13px)]"};function S({eyebrow:n,issueMeta:c,lead:g,issueHeading:i,issueList:h,issueTotal:x,...f}){const p=(c??[]).filter(t=>(t?.lead??"").trim()||(t?.rest??"").trim()),o=(h??[]).map(t=>t?.text??"").filter(t=>t.trim()),m=k(g??""),b=!!n||p.length>0,d=!!i||o.length>0||!!x,v=m.length>0||d;return a("section",{className:N(f)?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8",children:[b&&a("div",{className:"flex items-end justify-between gap-[60px] pb-8 max-[1100px]:flex-col max-[1100px]:items-start max-[1100px]:gap-4",children:[n&&e(w,{text:n,size:14,className:"pb-3.5"}),p.length>0&&e("div",{className:`pb-3.5 text-right font-mono ${s.label} uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left`,children:p.map((t,r)=>a("div",{children:[e("strong",{className:"font-normal text-fg",children:l(t.lead??"")}),t.rest?.trim()?a(u,{children:[" ",l(t.rest)]}):null]},r))})]}),v&&a("div",{className:"grid grid-cols-[1fr_auto] items-start gap-[60px] border-t border-line pt-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-4",children:[m.length>0&&e("div",{className:"max-w-[720px]",children:m.map((t,r)=>e("p",{className:`font-heading3 ${s.headingSmall} leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4`,children:l(t,!0)},r))}),d&&a("div",{className:`min-w-[240px] text-right font-mono ${s.label} uppercase leading-[1.9] tracking-[0.22em] text-fg-dim max-[1100px]:text-left`,children:[i&&e("strong",{className:`mb-1.5 block font-display ${s.body} font-normal tracking-[-0.01em] normal-case text-fg`,children:j(i,!1)}),o.map((t,r)=>a("span",{children:[l(t),e("br",{})]},r)),x&&e("span",{className:"text-accent",children:l(x)})]})]})]})}export{S as default};
|
|
@@ -4,6 +4,8 @@ interface Props {
|
|
|
4
4
|
label: string;
|
|
5
5
|
accept: string;
|
|
6
6
|
placeholder?: string;
|
|
7
|
+
focusKey?: string;
|
|
8
|
+
focusWhen?: (props: Record<string, unknown>) => boolean;
|
|
7
9
|
}
|
|
8
|
-
export default function MediaUploadField({ value, onChange, label, accept, placeholder }: Props): import("react").JSX.Element;
|
|
10
|
+
export default function MediaUploadField({ value, onChange, label, accept, placeholder, focusKey, focusWhen }: Props): import("react").JSX.Element;
|
|
9
11
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as o}from"react/jsx-runtime";import{SettingsDefaultReset as x,SettingsField as h}from"efficient-easel/panel";import{useSelectedFields as y}from"efficient-easel/easel";import{FOCAL_DEFAULT as C}from"efficient-shell/format";import{ImageIcon as v,PlayIcon as w}from"efficient-easel/icons";import{ImageBox as F}from"efficient-easel/pick";import{useEaselStrings as I}from"efficient-easel/strings";import{useContext as L}from"react";import{StorefrontDocumentContext as B}from"./StorefrontDocumentContext.js";import{editorEaselWords as D,say as a}from"../lib/editor-words.js";import{PHONE_CLEAR as P,phoneKey as A}from"../lib/puck/phone-override.js";import{usePreviewDevice as O}from"./PreviewDeviceContext.js";import{requestMediaPick as R}from"../lib/editor-media-picker.js";import{useEditorHost as T}from"../lib/editor-host.js";import{backendOf as U}from"../lib/website-session.js";import{useEditorSession as _}from"../lib/editor-session-context.js";function j(t,d){let e=null;try{e=y()}catch{e=null}const n=O()==="mobile";if(!t||!e||d&&!d(e.values??{}))return null;const r=typeof e.values?.[t]=="string"&&e.values[t]?String(e.values[t]):C,i=A(t),m=typeof e.values?.[i]=="string"&&e.values[i]?String(e.values[i]):void 0,c=e.onChange;return{phone:n,desktop:r,own:m,focus:n?m??r:r,set:p=>c(n?i:t,p),clear:()=>c(i,P)}}function H({value:t,onChange:d,label:e,accept:n,placeholder:r,focusKey:i,focusWhen:m}){const c=T(),p=_(),b=I(),u=a(e),l=n.startsWith("video"),s=j(l?void 0:i,m),f=L(B),E=g=>R(c,{accept:n,title:u,...g?{file:g}:{}}).then(S=>S?.url??null);if(f&&!f.capabilities.mediaEditing)return o(h,{label:u,icon:l?o(w,{}):o(v,{}),children:o("div",{className:"sf-image-slot-inert",children:l?a("Templates don’t store videos — this slot stays a placeholder. Each website picks its own after it’s created."):a("Templates don’t store images — this slot stays a placeholder. Each website picks its own after it’s created.")})});const k=s?.phone&&t?o(x,{words:D()?.panel,label:a("Image focus"),changed:!!s.own,detail:a("{value} on desktop",{value:s.desktop}),onReset:s.clear}):void 0;return o(h,{label:u,icon:l?o(w,{}):o(v,{}),action:k,children:o(F,{value:t,onChange:d,label:u,kind:l?"video":"image",placeholder:r===void 0?void 0:a(r),openLibrary:E,maxSizeBytes:U(p).media.maxUploadBytes,...s?{focus:s.focus,onFocusChange:s.set}:{},words:b.pick.image})})}export{H as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r,Fragment as $}from"react/jsx-runtime";import{renderGold as te,renderHeadline as ae}from"./goldPhrases.js";const C="#ffffff",d="#16181d",o="#5b6470",u="#9aa3ae",p="#f4f6f8",m="#e3e7ec",g="#1f9d55";function re({rows:n}){return e("div",{className:"flex flex-col gap-3",children:n.map((l,c)=>{const a=l.state??"ok",s=a==="no";return r("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:s?"#fbfbfc":p,borderColor:m},children:[a==="no"?e("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:u},children:"✕"}):e("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:a==="warn"?"var(--accent)":g}}),e("span",{className:"text-[14px] font-semibold",style:{color:s?u:d},children:l.lead}),e("span",{className:"text-[13px]",style:{color:s?u:o},children:l.detail}),(l.status??"").trim()&&e("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:a==="ok"?g:a==="warn"?"var(--accent)":u},children:l.status})]},c)})})}const I=["#c7cdd5","var(--accent)","#c7cdd5",g];function ne({columns:n}){return e("div",{className:"grid gap-2 rounded-xl p-3",style:{background:p,gridTemplateColumns:`repeat(${n.length}, minmax(0, 1fr))`},children:n.map((l,c)=>r("div",{className:"flex flex-col gap-2",children:[r("div",{className:"flex items-baseline justify-between px-1",children:[e("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:o},children:l.title}),e("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:l.cards.length})]}),l.cards.map((a,s)=>r("div",{className:"rounded-md border px-2.5 py-2",style:{background:C,borderColor:c===n.length-1?"#bfe3ce":m},children:[e("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:I[c%I.length]}}),e("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:d},children:a})]},s))]},c))})}function se({heading:n,bars:l}){const c=Math.max(...l.map(s=>s.value),0)||1,a=l.findIndex(s=>s.value===c);return r("div",{className:"border-t pt-4",style:{borderColor:m},children:[n.trim()&&e("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:n}),e("div",{className:"flex flex-col gap-2.5",children:l.map((s,i)=>r("div",{className:"flex items-center gap-3",children:[e("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:d},children:s.label}),e("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(s.value/c*60,4)}%`,background:i===a?"var(--accent)":i%2?"#c7cdd5":"#9aa3ae"}}),r("span",{className:"text-[12px]",style:{color:o},children:[s.value,"%"]})]},i))})]})}function E({size:n}){const l=n/2;return r("svg",{width:n,height:n,viewBox:`0 0 ${n} ${n}`,"aria-hidden":!0,children:[e("circle",{cx:l,cy:l,r:l*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),e("circle",{cx:l,cy:l,r:l*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),e("circle",{cx:l,cy:l,r:l*.14,fill:"var(--accent)"})]})}function ce({header:n,lines:l}){return r("div",{style:{background:"#0c0e11"},children:[r("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:n})]}),r("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[l.map((c,a)=>c.startsWith("$ ")?r("div",{children:[e("span",{style:{color:"var(--accent)"},children:"$ "}),e("span",{style:{color:"#f4f6f2"},children:c.slice(2)})]},a):c.startsWith("✓")?e("div",{style:{color:"#6fcf7e"},children:c},a):e("div",{style:{color:"rgba(244,246,242,0.55)"},children:c},a)),e("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function de({urlText:n,heroTitle:l,heroButton:c,products:a}){return r("div",{children:[r("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:p},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:C,borderColor:m,color:o},children:n}),e("span",{className:"w-[54px]","aria-hidden":!0})]}),r("div",{className:"relative overflow-hidden px-5 py-6",style:{background:d},children:[e("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:e(E,{size:104})}),l.trim()&&e("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:l}),c.trim()&&e("div",{className:"mt-3 inline-block rounded px-3.5 py-1.5 text-[11px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:c})]}),a.length>0&&e("div",{className:"grid grid-cols-3 gap-3 p-4",children:a.map((s,i)=>r("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:m},children:[e("div",{className:"flex items-center justify-center py-3",style:{background:p},children:e(E,{size:56})}),r("div",{className:"flex flex-col gap-1 p-2.5",children:[e("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:d},children:s.name}),e("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:s.price}),e("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:d},"aria-hidden":!0,children:"Add to cart"})]})]},i))})]})}function ie({eyebrow:n,title:l,body:c,variant:a="spec-card",cardHeader:s,badge:i,cardTitle:f,cardSubtitle:b,pills:F,tiles:W,rows:K,button:_,footnote:j,col1Title:T,col1Cards:G,col2Title:L,col2Cards:O,col3Title:P,col3Cards:z,col4Title:U,col4Cards:q,barsHeading:J,bars:Q,termLines:S,urlText:V,heroTitle:A,heroButton:X,products:Y,align:Z="right",editing:x=!1}={}){const y=(F??[]).filter(t=>x||(t.value??"").trim()),v=(W??[]).filter(t=>x||(t.label??"").trim()),N=(K??[]).filter(t=>x||(t.lead??"").trim()),k=[[T,G],[L,O],[P,z],[U,q]].map(([t,h])=>({title:(t??"").trim(),cards:(h??[]).map(le=>(le.text??"").trim()).filter(Boolean)})).filter(t=>t.title||t.cards.length>0),w=(Q??[]).map(t=>({label:(t.label??"").trim(),value:parseFloat(t.value??"")})).filter(t=>t.label&&Number.isFinite(t.value)),R=(S??[]).map(t=>t.text??"").filter(t=>x||t.trim()),D=(Y??[]).map(t=>({name:(t.name??"").trim(),price:(t.price??"").trim()})).filter(t=>t.name),H=!!(n??"").trim()||!!(l??"").trim(),ee=!!(s??"").trim()||!!(f??"").trim()||y.length>0||v.length>0||N.length>0||k.length>0||w.length>0||D.length>0||R.length>0||!!(A??"").trim();if(!x&&!H&&!ee)return null;const M=r("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${a==="kanban"||a==="browser"||a==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:C},children:[a!=="terminal"&&(s??"").trim()&&r("div",{className:"flex items-center justify-between px-6 py-4",style:{background:d},children:[e("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:s}),(i??"").trim()&&r("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[e("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:g}}),i]})]}),a==="terminal"?e(ce,{header:s??"",lines:R}):a==="browser"?e(de,{urlText:V??"",heroTitle:A??"",heroButton:X??"",products:D}):r("div",{className:"flex flex-col gap-5 p-6",children:[((f??"").trim()||(b??"").trim())&&r("div",{children:[(f??"").trim()&&e("div",{className:"text-[22px] font-bold leading-tight",style:{color:d},children:f}),(b??"").trim()&&e("div",{className:"mt-1 text-[14px]",style:{color:o},children:b})]}),a==="fitment"&&y.length>0&&e("div",{className:"flex flex-wrap gap-2.5",children:y.map((t,h)=>r("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:p,borderColor:m},children:[e("span",{className:"text-[11px]",style:{color:o},children:t.label}),e("span",{className:"text-[13px] font-bold",style:{color:d},children:t.value})]},h))}),a!=="fitment"&&v.length>0&&e("div",{className:"grid grid-cols-2 gap-3",children:v.map((t,h)=>r("div",{className:"rounded-lg px-4 py-3",style:{background:p},children:[e("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:t.label}),e("div",{className:"mt-1 text-[17px] font-bold",style:{color:d},children:t.value})]},h))}),N.length>0&&e(re,{rows:N}),(_??"").trim()&&e("div",{className:"self-start rounded-lg px-6 py-2.5 text-[14px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:_}),a==="kanban"&&k.length>0&&e(ne,{columns:k}),a==="claims"&&w.length>0&&e(se,{heading:J??"",bars:w}),(j??"").trim()&&e("div",{className:"border-t pt-4",style:{borderColor:m},children:e("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:j})})]})]}),B=r("div",{children:[(n??"").trim()&&e("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:te(n??"")}),(l??"").trim()&&e("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:ae(l??"",!1)}),(c??"").trim()&&e("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:c})]});return e("section",{className:"relative z-[2] border-y border-line bg-surface",children:e("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:Z==="left"?r($,{children:[e("div",{className:"flex justify-center min-[960px]:justify-start",children:M}),B]}):r($,{children:[B,e("div",{className:"flex justify-center min-[960px]:justify-end",children:M})]})})})}export{ie as default};
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as T}from"react/jsx-runtime";import{renderGold as te,renderHeadline as re}from"./goldPhrases.js";const B={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]"},C="#ffffff",d="#16181d",o="#5b6470",u="#9aa3ae",p="#f4f6f8",m="#e3e7ec",g="#1f9d55";function ne({rows:n}){return e("div",{className:"flex flex-col gap-3",children:n.map((l,c)=>{const t=l.state??"ok",s=t==="no";return r("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:s?"#fbfbfc":p,borderColor:m},children:[t==="no"?e("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:u},children:"✕"}):e("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:t==="warn"?"var(--accent)":g}}),e("span",{className:"text-[14px] font-semibold",style:{color:s?u:d},children:l.lead}),e("span",{className:"text-[13px]",style:{color:s?u:o},children:l.detail}),(l.status??"").trim()&&e("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:t==="ok"?g:t==="warn"?"var(--accent)":u},children:l.status})]},c)})})}const E=["#c7cdd5","var(--accent)","#c7cdd5",g];function se({columns:n}){return e("div",{className:"grid gap-2 rounded-xl p-3",style:{background:p,gridTemplateColumns:`repeat(${n.length}, minmax(0, 1fr))`},children:n.map((l,c)=>r("div",{className:"flex flex-col gap-2",children:[r("div",{className:"flex items-baseline justify-between px-1",children:[e("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:o},children:l.title}),e("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:l.cards.length})]}),l.cards.map((t,s)=>r("div",{className:"rounded-md border px-2.5 py-2",style:{background:C,borderColor:c===n.length-1?"#bfe3ce":m},children:[e("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:E[c%E.length]}}),e("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:d},children:t})]},s))]},c))})}function ce({heading:n,bars:l}){const c=Math.max(...l.map(s=>s.value),0)||1,t=l.findIndex(s=>s.value===c);return r("div",{className:"border-t pt-4",style:{borderColor:m},children:[n.trim()&&e("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:n}),e("div",{className:"flex flex-col gap-2.5",children:l.map((s,i)=>r("div",{className:"flex items-center gap-3",children:[e("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:d},children:s.label}),e("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(s.value/c*60,4)}%`,background:i===t?"var(--accent)":i%2?"#c7cdd5":"#9aa3ae"}}),r("span",{className:"text-[12px]",style:{color:o},children:[s.value,"%"]})]},i))})]})}function I({size:n}){const l=n/2;return r("svg",{width:n,height:n,viewBox:`0 0 ${n} ${n}`,"aria-hidden":!0,children:[e("circle",{cx:l,cy:l,r:l*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),e("circle",{cx:l,cy:l,r:l*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),e("circle",{cx:l,cy:l,r:l*.14,fill:"var(--accent)"})]})}function de({header:n,lines:l}){return r("div",{style:{background:"#0c0e11"},children:[r("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:n})]}),r("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[l.map((c,t)=>c.startsWith("$ ")?r("div",{children:[e("span",{style:{color:"var(--accent)"},children:"$ "}),e("span",{style:{color:"#f4f6f2"},children:c.slice(2)})]},t):c.startsWith("✓")?e("div",{style:{color:"#6fcf7e"},children:c},t):e("div",{style:{color:"rgba(244,246,242,0.55)"},children:c},t)),e("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function ie({urlText:n,heroTitle:l,heroButton:c,products:t}){return r("div",{children:[r("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:p},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:C,borderColor:m,color:o},children:n}),e("span",{className:"w-[54px]","aria-hidden":!0})]}),r("div",{className:"relative overflow-hidden px-5 py-6",style:{background:d},children:[e("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:e(I,{size:104})}),l.trim()&&e("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:l}),c.trim()&&e("div",{className:"mt-3 inline-block rounded px-3.5 py-1.5 text-[11px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:c})]}),t.length>0&&e("div",{className:"grid grid-cols-3 gap-3 p-4",children:t.map((s,i)=>r("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:m},children:[e("div",{className:"flex items-center justify-center py-3",style:{background:p},children:e(I,{size:56})}),r("div",{className:"flex flex-col gap-1 p-2.5",children:[e("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:d},children:s.name}),e("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:s.price}),e("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:d},"aria-hidden":!0,children:"Add to cart"})]})]},i))})]})}function oe({eyebrow:n,title:l,body:c,variant:t="spec-card",cardHeader:s,badge:i,cardTitle:f,cardSubtitle:b,pills:F,tiles:W,rows:K,button:_,footnote:M,col1Title:G,col1Cards:L,col2Title:U,col2Cards:O,col3Title:P,col3Cards:z,col4Title:S,col4Cards:X,barsHeading:Z,bars:q,termLines:J,urlText:Q,heroTitle:j,heroButton:V,products:Y,align:H="right",editing:x=!1}={}){const y=(F??[]).filter(a=>x||(a.value??"").trim()),v=(W??[]).filter(a=>x||(a.label??"").trim()),N=(K??[]).filter(a=>x||(a.lead??"").trim()),k=[[G,L],[U,O],[P,z],[S,X]].map(([a,h])=>({title:(a??"").trim(),cards:(h??[]).map(ae=>(ae.text??"").trim()).filter(Boolean)})).filter(a=>a.title||a.cards.length>0),w=(q??[]).map(a=>({label:(a.label??"").trim(),value:parseFloat(a.value??"")})).filter(a=>a.label&&Number.isFinite(a.value)),A=(J??[]).map(a=>a.text??"").filter(a=>x||a.trim()),R=(Y??[]).map(a=>({name:(a.name??"").trim(),price:(a.price??"").trim()})).filter(a=>a.name),ee=!!(n??"").trim()||!!(l??"").trim(),le=!!(s??"").trim()||!!(f??"").trim()||y.length>0||v.length>0||N.length>0||k.length>0||w.length>0||R.length>0||A.length>0||!!(j??"").trim();if(!x&&!ee&&!le)return null;const $=r("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${t==="kanban"||t==="browser"||t==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:C},children:[t!=="terminal"&&(s??"").trim()&&r("div",{className:"flex items-center justify-between px-6 py-4",style:{background:d},children:[e("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:s}),(i??"").trim()&&r("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[e("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:g}}),i]})]}),t==="terminal"?e(de,{header:s??"",lines:A}):t==="browser"?e(ie,{urlText:Q??"",heroTitle:j??"",heroButton:V??"",products:R}):r("div",{className:"flex flex-col gap-5 p-6",children:[((f??"").trim()||(b??"").trim())&&r("div",{children:[(f??"").trim()&&e("div",{className:"text-[22px] font-bold leading-tight",style:{color:d},children:f}),(b??"").trim()&&e("div",{className:"mt-1 text-[14px]",style:{color:o},children:b})]}),t==="fitment"&&y.length>0&&e("div",{className:"flex flex-wrap gap-2.5",children:y.map((a,h)=>r("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:p,borderColor:m},children:[e("span",{className:"text-[11px]",style:{color:o},children:a.label}),e("span",{className:"text-[13px] font-bold",style:{color:d},children:a.value})]},h))}),t!=="fitment"&&v.length>0&&e("div",{className:"grid grid-cols-2 gap-3",children:v.map((a,h)=>r("div",{className:"rounded-lg px-4 py-3",style:{background:p},children:[e("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:a.label}),e("div",{className:"mt-1 text-[17px] font-bold",style:{color:d},children:a.value})]},h))}),N.length>0&&e(ne,{rows:N}),(_??"").trim()&&e("div",{className:"self-start rounded-lg px-6 py-2.5 text-[14px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:_}),t==="kanban"&&k.length>0&&e(se,{columns:k}),t==="claims"&&w.length>0&&e(ce,{heading:Z??"",bars:w}),(M??"").trim()&&e("div",{className:"border-t pt-4",style:{borderColor:m},children:e("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:M})})]})]}),D=r("div",{children:[(n??"").trim()&&e("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:te(n??"")}),(l??"").trim()&&e("h2",{className:`mt-5 font-heading2 ${B.headingMedium} font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg ${B.headingMediumUpTo800}`,children:re(l??"",!1)}),(c??"").trim()&&e("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:c})]});return e("section",{className:"relative z-[2] border-y border-line bg-surface",children:e("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:H==="left"?r(T,{children:[e("div",{className:"flex justify-center min-[960px]:justify-start",children:$}),D]}):r(T,{children:[D,e("div",{className:"flex justify-center min-[960px]:justify-end",children:$})]})})})}export{oe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import h from"./BlockFrame.js";import f from"./SectionEyebrow.js";import{renderGold as n,renderHeadline as u}from"./goldPhrases.js";const x={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]"};function g({eyebrow:m,title:r,rows:c,subRows:d,totalLabel:l,totalAmount:s,note:p,contained:o}){return e(h,{contained:o,className:"py-6",children:i("div",{className:"sf-card mx-auto max-w-[560px] border border-line bg-surface px-8 py-9 max-[800px]:px-5 max-[800px]:py-6",children:[m&&e(f,{text:m,scaled:!1}),r&&e("h2",{className:`mt-2 font-heading2 ${x.headingMedium} font-medium leading-[1.1] tracking-[-0.02em] ${x.headingMediumUpTo800}`,children:u(r,!1)}),c.length>0&&e("ul",{className:"mt-6 flex flex-col",children:c.map((a,t)=>i("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[i("span",{className:"min-w-0",children:[a.label&&e("span",{className:"block text-[15px]",children:n(a.label)}),a.meta&&e("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:n(a.meta)})]}),a.amount&&e("span",{className:"text-[15px] tabular-nums",children:n(a.amount)})]},t))}),d.length>0&&e("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:d.map((a,t)=>i("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[e("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:a.label&&n(a.label)}),a.amount&&e("span",{className:"text-[14px] tabular-nums opacity-85",children:n(a.amount)})]},t))}),(l||s)&&i("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[l&&e("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:n(l)}),s&&e("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:n(s)})]}),p&&e("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:n(p)})]})})}export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as n,Fragment as F,jsxs as h}from"react/jsx-runtime";import{Fragment as ge,useEffect as fe,useId as he,useMemo as Y,useState as u}from"react";import{useStorefrontDocument as be}from"./StorefrontDocumentContext.js";import I from"./UiIcon.js";import ye from"./SidePanelHead.js";import{useWebsiteName as we}from"./WebsiteSettingsPanel.js";import{InspectorIconButton as Pe}from"efficient-easel/chrome";import{Button as J,Dialog as ke,FormField as Se,Input as Q,toast as V}from"efficient-shell/ui";import{LayersTree as Ce,TreeGroupLabel as Ie,TreeRow as X,TreeRowAction as O}from"efficient-easel/tree";import{AddIcon as Ne,PageIcon as Ae}from"efficient-easel/icons";import{PagesIcon as Re}from"efficient-easel/rail";import{useEditorHost as ve}from"../lib/editor-host.js";import{bucketEditorPageRows as xe,DYNAMIC_PAGES_GROUP_KEY as Ee,isDynamicPageRow as Le,MAIN_PAGES_GROUP as De}from"../lib/editor-page-rows.js";import{useEditorSession as Fe}from"../lib/editor-session-context.js";import{holdPageRow as _,usePageRows as Oe}from"../lib/page-rows.js";import{say as t}from"../lib/editor-words.js";const Z="sf-editor-pages-collapsed-groups",_e=r=>r.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),ee=(r,b)=>{const d=_e(r)||"page";if(!b.has(d))return d;let m=2;for(;b.has(`${d}-${m}`);)m+=1;return`${d}-${m}`};function ze({onNavigate:r,onClose:b,activeSurface:d,onPreviewSurface:m}){const y=Fe().chrome?.pageRows,z=ve(),{adapter:N,capabilities:p,ready:G,currentSlug:B}=be(),ne=we(),{rows:c,reload:te,setRows:M,getRows:ae}=Oe(),[A,se]=u(""),[g,T]=u(!1),[w,P]=u(null),[U,k]=u(!1),[f,R]=u(""),W=he(),[v,oe]=u(()=>{if(typeof window>"u")return new Set;try{const e=window.localStorage.getItem(Z);return new Set(e?JSON.parse(e):[])}catch{return new Set}});fe(()=>{try{window.localStorage.setItem(Z,JSON.stringify([...v]))}catch{}},[v]);const le=e=>oe(s=>{const a=new Set(s);return a.has(e)?a.delete(e):a.add(e),a}),re=Y(()=>xe(c??[]),[c]),x=A.trim().toLowerCase(),$=e=>!x||e.toLowerCase().includes(x),ie=e=>x?!0:!v.has(e),j=Y(()=>new Set((c??[]).map(e=>e.slug)),[c]),de=()=>{if(p.pageCreationInAdminForm){z.send("storefront-editor:new-page");return}R(""),P(null),k(!0)},H=async()=>{const e=f.trim();if(!(!e||!G||g||!N.createPage)){T(!0),P(null);try{const s=await N.createPage({slug:ee(e,j),title:e,layout:{}});await te(),k(!1),R(""),r(s.slug)}catch{P(t("Couldn’t add the page — please retry."))}finally{T(!1)}}},ce=e=>{const s=c??[],a=N.deletePage;if(!G||g||!a||s.length<=1)return;const o=s.findIndex(i=>i.id===e.id),l=s.filter(i=>i.id!==e.id),S=e.slug===B;_(e.id,!0),M(l),P(null),S&&l[0]&&r(l[0].slug);const C=()=>{_(e.id,!1);const i=ae()??[];if(i.some(pe=>pe.id===e.id))return;const D=[...i];D.splice(Math.max(0,Math.min(o,D.length)),0,e),M(D)};V.undoable(t("Deleted “{name}”",{name:e.label}),{actionLabel:t("Undo"),commit:async i=>{await a(e.id,i),_(e.id,!1)},undo:()=>{C(),S&&r(e.slug)},onFail:()=>{C(),V.error(t("Couldn’t delete the page — please retry."))}})},ue=e=>z.send("storefront-editor:open-page",{slug:e}),me=e=>{if(!$(e.label))return null;const s=!d&&e.slug===B,a=p.canDeletePagesInline&&(c??[]).length>1,o=Le(e),l=e.kind==="lightbox",S=o||l||e.draft?h(F,{children:[o&&n("span",{className:"sf-badge-dynamic",children:t("Dynamic")}),l&&n("span",{className:"sf-badge-lightbox",children:t("Lightbox")}),e.draft&&n("span",{className:"sf-page-draft",children:t("draft")})]}):void 0,C=p.pageCreationInAdminForm||a?h(F,{children:[p.pageCreationInAdminForm&&n(O,{kind:"plain",label:t("Edit “{name}” in {place}",{name:e.label,place:t("the admin")}),onClick:()=>ue(e.slug),children:n(I,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),a&&n(O,{kind:"delete",label:t("Delete “{name}”",{name:e.label}),disabled:g,onClick:()=>ce(e),children:n(I,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]}):void 0;return n(X,{icon:n(Ae,{size:14}),name:e.label,selected:s,onSelect:()=>r(e.slug),preview:S,actions:C,rowProps:{"data-page-slug":e.slug}},e.id)},E=(e,s,a)=>{const o=a.filter(Boolean);if(o.length===0)return null;const l=ie(e);return h(ge,{children:[n(Ie,{count:o.length,expanded:l,onToggle:()=>le(e),children:s}),l&&o]},e)},q=(y?.rows??[]).filter(e=>$(e.label)).map(e=>{const s=d===e.key;return n(X,{icon:e.icon,name:e.label,selected:s,onSelect:()=>m(e.key),preview:n("span",{className:"sf-badge-preview",children:t("Preview")}),actions:n(O,{kind:"plain",label:t("Open the {name} in a new tab",{name:e.label}),onClick:()=>window.open(e.href,"_blank","noopener,noreferrer"),children:n(I,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})}),rowProps:{"data-shop-surface":e.key}},e.key)}),K=p.hasSiteSettings&&!!y,L=(()=>{if(c===null)return null;const e=[];let s=!1;for(const a of re){K&&!s&&a.key.startsWith("system:")&&(e.push(E("shop",y.title,q)),s=!0);const o=a.key===Ee||a.label===De?t(a.label):a.label;e.push(E(a.key,o,a.rows.map(me)))}return K&&!s&&e.push(E("shop",y.title,q)),e})();return h("div",{className:"sf-pages",children:[n(ye,{icon:n(Re,{}),title:t("Pages"),context:ne,actions:n(Pe,{label:t("New page"),onClick:de,children:n(Ne,{size:15})}),onHide:b}),n("div",{className:"sf-pages-find",children:n(Q,{type:"search",leftIcon:n(I,{name:"search",size:14,rounded:!0}),placeholder:t("Search all pages…"),value:A,onChange:e=>se(e.target.value),"aria-label":t("Search all pages")})}),w&&!U&&n("div",{className:"sf-note sf-note--error",role:"alert",children:w}),L===null?n("div",{className:"sf-note",children:t("Loading…")}):L.some(Boolean)?n(Ce,{ariaLabel:t("Pages"),className:"sf-scroll",children:L}):n("div",{className:"sf-note",children:A.trim()?t("No pages match your search"):t("No pages yet. Add one with + above.")}),n(ke,{open:U,onClose:()=>k(!1),size:"sm",title:t("Add a page"),description:t("Give the new template page a name. It starts blank — add sections once it opens."),footer:h(F,{children:[n(J,{variant:"secondary",onClick:()=>k(!1),children:t("Cancel")}),n(J,{onClick:()=>{H()},disabled:g||!f.trim(),loading:g,children:t("Add page")})]}),children:n(Se,{label:t("Page name"),htmlFor:W,hint:f.trim()?t("URL: /{slug}",{slug:ee(f,j)}):void 0,error:w??void 0,children:n(Q,{id:W,value:f,invalid:!!w,onChange:e=>R(e.target.value),onKeyDown:e=>{e.key==="Enter"&&H()},placeholder:t("e.g. About")})})})]})}export{ze as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as l,jsxs as n}from"react/jsx-runtime";import{renderGold as t,renderHeadline as S,splitParagraphs as u}from"./goldPhrases.js";const e={bodyUpTo720Small:"max-[720px]:text-[length:var(--size-body,12px)]",bodyUpTo720Large:"max-[720px]:text-[length:var(--size-body,16px)]",headingSmallUpTo720:"max-[720px]:text-[length:var(--size-headingSmall,20px)]",labelUpTo720:"max-[720px]:text-[length:var(--size-label,10px)]",bodySmall:"text-[length:var(--size-body,14px)]",bodyLarge:"text-[length:var(--size-body,18px)]",headingSmall:"text-[length:var(--size-headingSmall,22px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function N({eyebrow:i,stats:h,lead:r,foundersHeading:s,foundersBody:p,attribution:x,padTop:o,padBottom:g}={}){const b=typeof o=="number"?o:60,v=typeof g=="number"?g:80,m=(h??[]).filter(a=>(a.value??"").trim()!==""||(a.label??"").trim()!==""),f=!!i||m.length>0,c=!!(s||p||x);return l("section",{className:"relative z-[2] bg-bg",children:n("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] overflow-hidden border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:b,paddingBottom:v},children:[f&&n("div",{className:"mb-[40px] grid grid-cols-3 gap-[60px] border-b border-line pb-[40px] max-[1100px]:grid-cols-1 max-[1100px]:gap-6",children:[l("div",{className:"col-span-2 max-[1100px]:col-span-1",children:i&&l("span",{className:`font-mono ${e.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:t(i)})}),m.length>0&&l("div",{className:`text-right font-mono ${e.labelLarge} uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left`,children:m.map((a,d)=>n("div",{children:[a.value?l("strong",{className:"font-normal text-fg",children:t(a.value)}):null," ",a.label?t(a.label):null]},d))})]}),(r||c)&&n("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[r&&l("div",{className:"col-span-2 max-[1100px]:col-span-1",children:u(r).map((a,d)=>l("p",{className:`max-w-[780px] font-heading3 ${e.headingSmall} leading-[1.45] tracking-[-0.005em] text-fg ${e.headingSmallUpTo720}`,children:t(a)},d))}),c&&n("div",{className:`self-end font-display ${e.bodySmall} leading-[1.7] text-fg-dim ${e.bodyUpTo720Small}`,children:[s&&l("strong",{className:`mb-1.5 block ${e.bodyLarge} font-medium tracking-[-0.01em] text-fg ${e.bodyUpTo720Large}`,children:S(s,!1)}),p?t(p):null,x&&l("span",{className:`mt-2 block font-mono ${e.labelSmall} uppercase not-italic tracking-[0.24em] text-accent ${e.labelUpTo720}`,children:t(x)})]})]})]})})}export{N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a,jsxs as
|
|
1
|
+
import{jsx as a,jsxs as n}from"react/jsx-runtime";import{SiteLink as c}from"../lib/site-runtime.js";import{boxDarkenStyle as N,boxPlacementClasses as S,CARD_SHADOW_CLASS as $}from"../lib/content/box-background.js";import s from"./Placeholder.js";import{renderGold as l,renderHeadline as m}from"./goldPhrases.js";const r={body:"text-[length:var(--size-body,14px)]",headingSmall1:"text-[length:var(--size-headingSmall,22px)]",headingSmall2:"text-[length:var(--size-headingSmall,30px)]",label:"text-[length:var(--size-label,13px)]"},T=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],z="card",L={min:200,max:700,step:10,fallback:330,unit:"px"};function k({post:e,scaffold:i=!1,layout:o,showCover:h=!0,placement:g,darken:x,darkenStyle:b,href:f,minHeight:u}){const d=f||(i?"#":`/journal/${e.slug}`),v=o==="cover",p=(e.meta||e.dateLabel||e.read)&&n("div",{className:`flex gap-3.5 font-mono ${r.label} uppercase tracking-[0.18em] text-fg-dim`,children:[e.meta&&a("span",{className:"text-accent",children:l(e.meta)}),e.dateLabel&&a("span",{children:l(e.dateLabel)}),e.read&&a("span",{children:l(e.read)})]});if(v){const t=N(x,b);return n(c,{href:d,className:`${$} group relative isolate flex overflow-hidden`,style:{minHeight:`${u??L.fallback}px`},"aria-disabled":i||void 0,tabIndex:i?-1:void 0,children:[a("div",{className:"absolute inset-0",children:a(s,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),t&&a("div",{className:"absolute inset-0 z-0",style:t,"aria-hidden":!0}),n("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${S(g??"bottom-left","column")}`,children:[e.meta&&a("div",{className:`font-mono ${r.label} uppercase tracking-[0.18em] text-accent`,children:l(e.meta)}),a("h3",{className:`font-heading3 ${r.headingSmall2} font-medium leading-[1.2] tracking-[-0.02em]`,children:m(e.title,!1)}),e.excerpt&&a("p",{className:`max-w-[46ch] ${r.body} leading-[1.55] opacity-80`,children:l(e.excerpt)}),(e.dateLabel||e.read)&&n("div",{className:`flex gap-3.5 font-mono ${r.label} uppercase tracking-[0.18em] opacity-75`,children:[e.dateLabel&&a("span",{children:l(e.dateLabel)}),e.read&&a("span",{children:l(e.read)})]})]})]})}return n(c,{href:d,style:{"--card-bg":"var(--site-surface)","--card-bg-hover":"var(--site-surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":i||void 0,tabIndex:i?-1:void 0,children:[h&&a("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:a(s,{label:`event-${e.slug}`,src:e.cover||void 0})}),n("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[p,a("h3",{className:`mt-1 font-heading3 ${r.headingSmall1} font-medium leading-[1.2] tracking-[-0.02em]`,children:m(e.title,!1)}),e.excerpt&&a("p",{className:`${r.body} leading-[1.55] text-fg-dim`,children:l(e.excerpt)}),n("span",{className:`mt-1.5 inline-flex items-center gap-2 font-mono ${r.label} uppercase tracking-[0.2em] transition-colors group-hover:text-accent`,children:["Read more",a("span",{"aria-hidden":!0,children:"→"})]})]})]})}export{L as POST_CARD_HEIGHT,T as POST_CARD_LAYOUTS,z as POST_CARD_LAYOUT_FALLBACK,k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as a,Fragment as I,jsxs as r}from"react/jsx-runtime";import{sectionRunsFullWidth as F}from"../lib/content/section-width.js";import{cardImageShapeTokens as G}from"../lib/content/card-image-shape.js";import{SiteLink as R}from"../lib/site-runtime.js";import U from"./EditorialSectionHead.js";import A from"./Placeholder.js";import{withRMark as i}from"./RMark.js";import{renderGold as m}from"./goldPhrases.js";import{say as D}from"../lib/editor-words.js";const t={headingSmallUpTo700Small:"max-[700px]:text-[length:var(--size-headingSmall,26px)]",headingSmallUpTo700Large:"max-[700px]:text-[length:var(--size-headingSmall,28px)]",bodySmall:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,18px)]",headingSmall1:"text-[length:var(--size-headingSmall,28px)]",headingSmall2:"text-[length:var(--size-headingSmall,34px)]",labelSmall:"text-[length:var(--size-label,11px)]",label:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"},S={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},g="sf-itc-boxes",N="sf-itc-steps";function H({num:$,title:x,description:f,boxes:s,steps:z,columns:k=3,cta:p,padTop:b,padBottom:h,editing:L=!1,omitHead:w=!1,cardImage:T,cardText:_,...j}){const C=typeof b=="number"?b:120,E=typeof h=="number"?h:120,u=(z??[]).filter(e=>(e?.tag??"").trim()||(e?.meta??"").trim()||(e?.title??"").trim()||(e?.copy??"").trim()||(e?.image??"").trim()||(e?.specs??[]).some(o=>(o?.label??"").trim()||(o?.value??"").trim())),v=u.length>0?u:L&&!s?[1,2,3].map(e=>({tag:D("Column {n}",{n:e})})):[],y=S[k]??S[3],n=_==="on-image";return r("section",{className:F(j)?"relative z-[2] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:C,paddingBottom:E,...G(T)},children:[w?null:a(U,{num:$,title:x?.trim()?m(x,!0):void 0,desc:f?.trim()?m(f,!1):void 0}),s?r(I,{children:[a("style",{children:`.${g}:empty{display:none}.${g}:not(:empty)~.${N}{display:none}`}),a(s,{className:`${g} sf-card grid ${y} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,v.length>0&&a("div",{className:`${N} sf-card grid ${y} gap-[2px] border border-line bg-line`,children:v.map((e,o)=>{const d=(e.specs??[]).filter(l=>(l?.label??"").trim()||(l?.value??"").trim());return r("article",{className:n?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r("div",{className:n?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[a(A,{label:e.tag?.trim()||e.title?.trim()||`column-${o+1}`,src:e.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),n&&a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),e.tag?.trim()&&a("span",{className:`absolute left-5 top-[18px] z-[2] font-mono ${t.label} uppercase tracking-[0.3em] text-accent`,children:i(e.tag)}),e.meta?.trim()&&a("span",{className:n?`absolute right-5 top-[18px] z-[2] font-mono ${t.label} uppercase tracking-[0.24em] text-overlay-fg/80`:`absolute right-5 bottom-[18px] z-[2] font-mono ${t.label} uppercase tracking-[0.24em] text-overlay-fg/80`,children:i(e.meta)}),n&&(e.title?.trim()||e.copy?.trim())&&r("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[e.title?.trim()&&a("h3",{className:`flex min-h-[2em] flex-col justify-end font-heading3 ${t.headingSmall1} font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg ${t.headingSmallUpTo700Small}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`min-h-[3em] font-display ${t.bodySmall} leading-[1.5] text-overlay-fg/85`,children:m(e.copy,!1)})]})]}),n?d.length>0&&a("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:d.map((l,c)=>r("div",{className:"flex flex-col gap-1",children:[l.label?.trim()&&a("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(l.label)}),l.value?.trim()&&a("span",{className:`font-display ${t.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(l.value)})]},c))}):r("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[e.title?.trim()&&a("h3",{className:`font-heading3 ${t.headingSmall2} font-medium uppercase leading-none tracking-[-0.02em] ${t.headingSmallUpTo700Large}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`font-display ${t.bodySmall} leading-[1.55] text-fg-dim`,children:m(e.copy,!1)}),d.length>0&&a("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:d.map((l,c)=>r("div",{className:"flex flex-col gap-1",children:[l.label?.trim()&&a("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(l.label)}),l.value?.trim()&&a("span",{className:`font-display ${t.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(l.value)})]},c))})]})]},o)})}),p?.text&&a("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(R,{href:p.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${t.labelLarge} uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent`,children:[i(p.text),a("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]})})]})}export{H as default};
|
package/dist/components/Prose.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as o,jsxs as
|
|
1
|
+
import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import h from"./SectionEyebrow.js";import{renderGold as f,renderHeadline as c,splitParagraphs as u}from"./goldPhrases.js";const r={headingSmallUpTo800:"max-[800px]:text-[length:var(--size-headingSmall,28px)]",headingMedium:"text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))]",body:"text-[length:var(--size-body,16px)]"},v="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",b="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function w({eyebrow:t,title:a,body:m,topBorder:x=!0,omitHead:s=!1,editing:p=!1}={}){const i=u((m??"").trim()),l=!!(t??"").trim()||!!(a??"").trim()||i.length>0;return!p&&!l?null:e("section",{className:`relative z-[2] ${x?"border-t border-line ":""}bg-bg`,children:n("div",{className:s?b:v,children:[s?null:n(o,{children:[(t??"").trim()&&e(h,{text:t??"",className:"mb-4 block"}),(a??"").trim()&&e("h2",{className:`mb-7 font-heading2 ${r.headingMedium} [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg ${r.headingSmallUpTo800}`,children:c(a??"",!1)})]}),i.map((d,g)=>e("p",{className:`mb-[18px] max-w-[680px] ${r.body} leading-[1.7] text-fg-dim last:mb-0`,children:f(d)},g))]})})}export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as l,jsxs as s}from"react/jsx-runtime";import x from"./RuleLine.js";import{renderGold as r}from"./goldPhrases.js";const t={labelUpTo800:"max-[800px]:text-[length:var(--size-label,12px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,14px)]"};function m(e,n){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}const b=`inline-block w-fit bg-accent px-3.5 py-1.5 font-mono ${t.labelSmall} font-semibold uppercase tracking-[0.16em] text-bg`,f=`flex items-center gap-3.5 font-mono ${t.labelLarge} uppercase tracking-[0.3em] opacity-80 ${t.labelUpTo800} max-[800px]:tracking-[0.25em]`;function g({text:e,look:n="plain",size:i=13,scaled:p=!0,className:a="",classNameAfter:o=""}){if(n==="line")return s("div",{className:[a,f,o].filter(Boolean).join(" "),children:[l(x,{}),l("span",{children:r(e)})]});const c=n==="filled"?b:m(i,p);return l("span",{className:[a,c,o].filter(Boolean).join(" "),children:r(e)})}export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a,Fragment as
|
|
1
|
+
import{jsx as a,Fragment as L,jsxs as s}from"react/jsx-runtime";import{SiteLink as k}from"../lib/site-runtime.js";import{media as O}from"../lib/media.js";import{sizedImage as I}from"../lib/sized-image.js";import{DEFAULT_SECTION_NUMBER_STYLE as B,OUTLINED_NUMBER_CLASS as R,OUTLINED_NUMBER_CSS as j,OUTLINED_NUMBER_LAYOUT as D,parseSectionNumberStyle as C}from"../lib/sections/section-number-style.js";import{DEFAULT_SECTION_EYEBROW_LOOK as F}from"../lib/sections/section-eyebrow-look.js";import{renderGold as A,renderHeadline as H}from"./goldPhrases.js";import c from"./SectionEyebrow.js";const n={headingMediumUpTo800Small:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMediumUpTo800Large:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingSmallUpTo800:"max-[800px]:text-[length:var(--size-headingSmall,28px)]",headingMedium2:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]",headingMedium3:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",headingMedium1:"text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))]",bodySmall:"text-[length:var(--size-body,14px)]",bodyLarge:"text-[length:var(--size-body,16px)]",label:"text-[length:var(--size-label,14px)]"},h=(e,i=!1)=>typeof e=="string"?H(e,i):e,l=(e,i=!1)=>typeof e=="string"?A(e,i):e;function W({num:e,title:i,link:o,logo:f,description:r,accent:N,accentNum:S,numStyle:M=B,look:d="standard",titleAccent:b,accentTracking:_="-0.02em",spaceBelow:w,rowGap:y,descriptionSize:T,className:m="",eyebrowLook:x=F}){const g=w??(d==="editorial"?"mb-[60px]":"");if(d==="editorial"){const t=!!i||!!b;return s("header",{className:`${g} grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-3.5 ${m}`.trim(),children:[e&&(typeof e=="string"?a(c,{text:e,className:"pb-2"}):a("span",{className:"pb-2",children:e})),t&&s("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5.5vw,80px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:[i,b&&s(L,{children:[" ",a("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:_},children:b})]})]}),r&&a("p",{className:`max-w-[360px] pb-1 text-right font-display ${n.bodySmall} leading-[1.5] text-fg-dim max-[1100px]:max-w-full max-[1100px]:text-left`,children:r})]})}if(d==="simple"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium2} font-medium uppercase leading-none tracking-[-0.02em] text-fg ${n.headingMediumUpTo800Small}`,children:h(i)})]})}if(d==="statement"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em] text-fg",children:h(i,!0)})]})}if(d==="natural"){const t=`flex max-w-[680px] flex-col ${y??"gap-5"} ${g} ${m}`.replace(/\s+/g," ").trim();return s("div",{className:t,children:[e&&(typeof e=="string"?a(c,{text:e,look:x}):a("span",{children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium2} font-medium leading-[1.05] tracking-[-0.03em] ${n.headingMediumUpTo800Small}`,children:h(i)}),r&&a("p",{className:`${T??`${n.bodyLarge}`} leading-[1.6] opacity-85`,children:r})]})}if(d==="essay"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium1} [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg ${n.headingSmallUpTo800}`,children:h(i)})]})}const E=!!r||!!o,U=!!i,v=C(M)==="outlined",u=`font-mono ${n.label} uppercase tracking-[0.3em]`;let p=null;if(e)if(v)p=a("span",{className:`${D} text-fg-dim ${R}`,children:l(e)});else if(S&&!N&&typeof e=="string"){const t=e.indexOf("/"),z=t===-1?e:e.slice(0,t),$=t===-1?"":e.slice(t);p=s("span",{className:u,children:[a("span",{className:"text-accent",children:l(z)}),$&&a("span",{className:"text-fg-dim",children:l($)})]})}else p=a("span",{className:`${u} ${N?"text-accent":"text-fg-dim"}`,children:l(e)});return s("div",{className:"mb-16 grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-6 max-[800px]:mb-9 max-[800px]:grid-cols-1 max-[800px]:gap-3 max-[800px]:pb-5",children:[v&&e&&a("style",{children:j}),s("div",{className:"flex flex-col items-start gap-3",children:[f?.src&&a("img",{...Y(O(f.src)),alt:f.alt,className:"h-8 w-auto object-contain"}),p]}),U&&a("h2",{className:N?"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,5vw,64px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.95] tracking-[-0.025em]":`font-heading2 ${n.headingMedium3} [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.03em] whitespace-pre-line ${n.headingMediumUpTo800Large} max-[800px]:leading-[1]`,children:h(i)}),E&&s("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[r&&a("p",{className:`max-w-[340px] font-display ${n.bodySmall} leading-[1.5] text-fg-dim text-right max-[800px]:max-w-full max-[800px]:text-left`,children:l(r)}),o&&s(k,{href:o.href,className:`inline-flex items-center gap-2 whitespace-nowrap font-mono ${n.label} uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg`,children:[l(o.text),a("span",{"aria-hidden":!0,children:"→"})]})]})]})}function Y(e){const i=I(e,{fallbackWidth:640,maxWidth:960});return i.srcSet?{src:i.src,srcSet:i.srcSet,sizes:"240px"}:{src:e}}export{W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as r,Fragment as
|
|
1
|
+
import{jsx as t,jsxs as r,Fragment as S}from"react/jsx-runtime";import{sectionRunsFullWidth as j}from"../lib/content/section-width.js";import w from"./EditorialSectionHead.js";import{renderGold as i,renderHeadline as o}from"./goldPhrases.js";import{say as $}from"../lib/editor-words.js";const a={body:"text-[length:var(--size-body,14px)]",headingSmall:"text-[length:var(--size-headingSmall,28px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function z({headNum:d,headTitle:p,headDesc:c,cards:g,viewLabel:n,background:l,editing:f=!1,omitHead:s=!1,...b}){const x=(g??[]).filter(e=>(e?.title??"").trim()||(e?.desc??"").trim()||(e?.num??"").trim()),u=x.length>0?x:f?[{title:$("Series title")}]:[],m=!!(l&&l!=="transparent");return r("section",{className:j(b)?s?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":s?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:m?{backgroundColor:l}:void 0,children:[s?null:t(w,{num:d,title:p?o(p):void 0,desc:c}),t("div",{className:`grid grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1 ${m?"gap-[1px]":"gap-[2px] bg-bg"}`,children:u.map((e,h)=>{const v=!!(e.num?.trim()||e.since?.trim()),y=!!e.title?.trim(),N=!!(e.entries?.trim()||e.entriesLabel?.trim()||n);return r("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[v&&r("div",{className:`flex items-baseline justify-between gap-3 font-mono ${a.labelLarge} uppercase tracking-[0.3em] text-accent`,children:[t("span",{children:e.num?i(e.num):null}),e.since?.trim()?t("span",{children:i(e.since)}):null]}),y&&t("h3",{className:`font-heading3 ${a.headingSmall} font-medium uppercase leading-[1.04] tracking-[-0.02em]`,children:o(e.title??"")}),e.desc?.trim()&&t("p",{className:`font-display ${a.body} leading-[1.6] text-fg-dim`,children:i(e.desc)}),N&&r("div",{className:`mt-auto flex items-center justify-between border-t border-line pt-4 font-mono ${a.labelSmall} uppercase tracking-[0.22em] text-fg-dim`,children:[r("span",{children:[e.entries?.trim()?t("strong",{className:"font-normal text-fg",children:i(e.entries)}):null,e.entriesLabel?.trim()?r(S,{children:[e.entries?.trim()?" ":"",i(e.entriesLabel)]}):null]}),n&&t("span",{className:"text-accent",children:i(n)})]})]},h)})})]})}export{z as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as y}from"react/jsx-runtime";import{useState as O}from"react";import{TextStylesList as v}from"efficient-easel/text-styles";import{FONT_OPTIONS as x}from"../lib/fonts.js";import{usePreviewDevice as I}from"./PreviewDeviceContext.js";import{applyListChange as _,resolveTextStyles as C,toPanelStyles as E}from"../lib/site-text-styles.js";const c=["font","color","size","weight","emphasis","lineSpacing","letterSpacing","paragraphSpacing","letterCase","largestSize"],b=["size","lineSpacing","letterSpacing","letterCase"],k=500,w=x.map(e=>({value:e.key,label:e.label,family:`var(${e.cssVar})`,italic:e.italicLoaded}));function L({saved:e,old:s,colours:p,sizeOf:o,onChange:f,openId:a,onOpenChange:S,readOnly:d=!1,withoutSize:g=!1}){const[m,u]=O(null),T=I()==="mobile",l=C(e,s),r=E(l,o);return y(v,{styles:r,onChange:t=>f(_({saved:e,old:s,cur:r,next:t,sizeOf:o})),fonts:w,colours:p,settings:g?c.filter(t=>t!=="size"):c,auto:b,openId:a===void 0?m:a,onOpenChange:S??u,readOnly:d,device:T?"phone":"desktop",fallback:t=>{const n=l.find(h=>h.id===(t.kind==="heading"?"heading-1":"body-1")),i={};return n?.values.font&&t.id!==n.id&&(i.font=n.values.font),t.kind==="heading"&&(i.weight=k),i}})}export{w as SITE_FONTS,L as default};
|
package/dist/components/Split.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import w from"./Btn.js";import{resolveImageTreatment as E}from"../lib/content/image-treatment.js";import y from"./Placeholder.js";import{useSitePhotography as I}from"./SitePhotographyContext.js";import L from"./SectionEyebrow.js";import{renderGold as i,renderHeadline as P,splitParagraphs as U}from"./goldPhrases.js";import{ON_MEDIA_INK_STYLE as S}from"../lib/content/ink.js";const t={headingMediumUpTo800:"max-[800px]:text-[length:var(--size-headingMedium,36px)]",labelUpTo800:"max-[800px]:text-[length:var(--size-label,12px)]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]",label:"text-[length:var(--size-label,13px)]"};function A({imageLabel:d,imageSrc:p,imageTint:c=.4,imageObjectPosition:N,eyebrow:x,title:m,body:h,cta:l,reverse:f=!1,uppercase:j=!1,textAlign:k="left",textBgSrc:s,textBgLabel:$,textBgTint:b=.6,textBgObjectPosition:z,featureBar:a,imageButton:n,grayscale:M}){const g=E(M,I()),u={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},o=u[k]??u.left;return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",f?"min-[961px]:[direction:rtl]":""].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:f?{borderLeft:"1px solid var(--site-line)"}:{borderRight:"1px solid var(--site-line)"},children:[e(y,{label:d,src:p,objectPosition:N,treatment:g}),p&&c>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${c})`}}),(a||n)&&r("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[a&&r(v,{href:a.href,className:`pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[e("span",{children:i(a.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"·"}),e("span",{children:i(a.category)}),e("span",{"aria-hidden":!0,children:"→"}),e("span",{children:i(a.cta??"Shop now")})]}),n&&r(v,{href:n.href,className:`pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[e("span",{children:i(n.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"→"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[s&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(y,{label:$??d,src:s,objectPosition:z,treatment:g}),b>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${b})`}})]}),e("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:s?S:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",o.items,o.text].join(" "),children:[x&&e(L,{text:x,size:14}),m&&e("h2",{className:[`font-heading2 ${t.headingMedium} font-normal leading-[1.05] tracking-[-0.03em]`,`${t.headingMediumUpTo800} max-[800px]:leading-[1]`,j?"uppercase":""].join(" "),children:P(m,!1)}),h&&U(h).map((T,_)=>e("p",{className:[`max-w-[520px] ${t.body} leading-[1.7]`,"text-fg-dim"].join(" "),children:i(T)},_)),l.text&&e("div",{className:`mt-2 ${o.cta}`,children:e(w,{href:l.href,variant:"primary",children:i(l.text)})})]})})]})]})})}export{A as default};
|
package/dist/components/Stats.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as m}from"react/jsx-runtime";import o from"./BlockFrame.js";import f from"./CountUpText.js";import{renderGold as r}from"./goldPhrases.js";const i={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))]",label:"text-[length:var(--size-label,12px)]"},u="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",h={2:"grid grid-cols-2 gap-8",3:"grid grid-cols-3 gap-8 max-[800px]:grid-cols-2",4:"grid grid-cols-4 gap-8 max-[800px]:grid-cols-2"};function v({items:c,contained:l,heading:a,columns:t,background:d,editing:g}){const p=t===void 0?u:h[t],s=e("div",{className:p,children:(c??[]).map((n,x)=>m("div",{className:"border-t border-line pt-5",children:[e("div",{className:`font-heading2 ${i.headingMedium} font-medium leading-none tracking-[-0.03em] text-fg ${i.headingMediumUpTo800}`,children:g?r(n.value):e(f,{value:n.value})}),e("div",{className:`mt-2 font-mono ${i.label} uppercase tracking-[0.2em] text-fg-dim`,children:r(n.label)})]},x))});return a===void 0&&d===void 0?e(o,{contained:l,className:"py-12",children:s}):e(o,{contained:l,className:"py-12",children:m("div",{style:d?{backgroundColor:d}:void 0,children:[a?e("div",{className:`mb-6 font-mono ${i.label} uppercase tracking-[0.2em] text-fg-dim`,children:r(a)}):null,s]})})}export{v as default};
|