efficient-web-builder 0.10.0 → 1.0.0

package/dist/components/Logos.d.ts

@@ -0,0 +1,15 @@
+interface LogoItem {
+    src: string;
+    alt: string;
+}
+interface LogosProps {
+    items: LogoItem[];
+    contained: boolean;
+    heading?: string;
+    columns?: number;
+    grayscale?: boolean;
+    logoHeight?: number;
+    bandPadding?: number;
+}
+export default function Logos({ items, contained, heading, columns, grayscale, logoHeight, bandPadding, }: LogosProps): import("react").JSX.Element;
+export {};

package/dist/components/Logos.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import x from"./BlockFrame.js";import{renderChrome as f,renderHeadline as u}from"./goldPhrases.js";import{media as d}from"../lib/media.js";function y({items:s,contained:o,heading:a,columns:r,grayscale:c,logoHeight:n,bandPadding:t}){const i=r!=null?{flex:`0 0 calc((100% - ${(r-1)*3.5}rem) / ${r})`}:void 0;return p(x,{contained:o,className:t==null?"py-10":"",style:t==null?void 0:{paddingTop:`${t}px`,paddingBottom:`${t}px`},children:[a!=null&&a!==""?e("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:u(a,!1)}):null,e("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(s??[]).map((l,m)=>e("div",{className:"text-center",style:i,children:l.src?e("img",{src:d(l.src),alt:l.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",n==null?"h-7":"",c===!1?"":"grayscale"].filter(Boolean).join(" "),style:n==null?void 0:{height:`${n}px`}}):e("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:f(l.alt||"Logo")})},m))})]})}export{y as default};

package/dist/components/LongRead.d.ts

@@ -0,0 +1,20 @@
+export interface LongReadProps {
+    omitHead?: boolean;
+    headNum?: string;
+    headTitle?: string;
+    headDesc?: string;
+    category?: string;
+    metaMiddle?: string;
+    readLabel?: string;
+    title?: string;
+    dek?: string;
+    quote?: string;
+    quoteAttribution?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    image?: string;
+    imageLabel?: string;
+    metaPublished?: string;
+    metaReads?: string;
+}
+export default function LongRead({ headNum, headTitle, headDesc, category, metaMiddle, readLabel, title, dek, quote, quoteAttribution, ctaText, ctaHref, image, imageLabel, metaPublished, metaReads, omitHead, ...widthProps }: LongReadProps): import("react").JSX.Element;

package/dist/components/LongRead.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as c}from"react/jsx-runtime";import{sectionRunsFullWidth as B}from"../lib/content/section-width.js";import{Fragment as N}from"react";import{SiteLink as S}from"../lib/site-runtime.js";import{stripMarkup as E}from"../lib/markup.js";import L from"./EditorialSectionHead.js";import C from"./Placeholder.js";import G from"./SectionEyebrow.js";import{renderGold as t,renderHeadline as z}from"./goldPhrases.js";function M({headNum:k,headTitle:m,headDesc:d,category:f,metaMiddle:g,readLabel:b,title:n,dek:h,quote:i,quoteAttribution:l,ctaText:u,ctaHref:w,image:j,imageLabel:v,metaPublished:s,metaReads:p,omitHead:x=!1,...F}){const y=[f?e("span",{className:"text-accent",children:t(f)}):null,g?e("span",{children:t(g)}):null,b?e("span",{children:t(b)}):null].filter(Boolean),_=!!s||!!p;return r("section",{className:B(F)?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(L,{num:k,title:m?z(m,!0):void 0,desc:d?t(d):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:[y.length>0&&e("div",{className:"flex items-center gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim",children:y.map((o,a)=>r(N,{children:[a>0&&e("span",{className:"opacity-40",children:"\xB7"}),o]},a))}),n&&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:z(n,!0)}),h&&e("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:t(h)}),(i||l)&&r("blockquote",{className:"max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif text-[length:var(--size-body,17px)] italic leading-[1.6] text-fg-dim",children:[i&&r(c,{children:["\u201C",t(i),"\u201D"]}),l&&e("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:t(l)})]}),u&&r(S,{href:w||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[t(u)," ",e("span",{children:"\u2192"})]})]}),r("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[e(C,{label:"long-read",src:j||void 0,alt:E(n||"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%)"}}),v&&e(G,{text:v,size:12,className:"absolute right-6 top-6 z-[2]"}),_&&e("div",{className:"absolute bottom-6 left-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg",children:[s?r(c,{children:[e("strong",{className:"font-normal text-accent",children:"Published"})," ",t(s)]}):null,p?r(c,{children:[e("strong",{className:"font-normal text-accent",children:"Reads in"})," ",t(p)]}):null].filter(Boolean).map((o,a)=>r(N,{children:[a>0&&e("br",{}),o]},a))})]})]})]})}export{M as default};

package/dist/components/Manifesto.d.ts

@@ -0,0 +1,14 @@
+import { type WidthProps } from "../lib/content/section-width.js";
+export interface ManifestoStat {
+    value?: string;
+    label?: string;
+}
+export interface ManifestoProps extends WidthProps {
+    eyebrow?: string;
+    heading?: string;
+    body?: string;
+    stats?: ManifestoStat[];
+    imageSrc?: string;
+    grayscale?: boolean;
+}
+export default function Manifesto({ eyebrow, heading, body, stats, imageSrc, grayscale, ...widthProps }?: ManifestoProps): import("react").JSX.Element;

package/dist/components/Manifesto.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import u from"./AnimatedStat.js";import h from"./Placeholder.js";import{useSitePhotography as v}from"./SitePhotographyContext.js";import b from"./SectionEyebrow.js";import{renderGold as y,renderHeadline as w,splitParagraphs as j}from"./goldPhrases.js";import{resolveImageTreatment as N}from"../lib/content/image-treatment.js";import{sectionRunsFullWidth as _}from"../lib/content/section-width.js";function z({eyebrow:s,heading:o,body:x,stats:d,imageSrc:p,grayscale:c,...f}={}){const g=N(c,v()),l=s||null,i=o||null,n=x||null,r=(d??[]).filter(a=>(a.value??"").trim()!==""||(a.label??"").trim()!=="");return e("section",{className:"relative z-[2] bg-bg p-0",children:m("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:m("div",{className:_(f)?"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(b,{text:l,size:14}),i!==null&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] max-[800px]:leading-[1]",children:w(i,!0)}),n!==null&&j(n).map((a,t)=>e("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:y(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(u,{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(h,{label:"manifesto",src:p||void 0,objectFit:"cover",objectPosition:"center",treatment:g})})]})})}export{z as default};

package/dist/components/Masthead.d.ts

@@ -0,0 +1,16 @@
+export interface MastheadMetaLine {
+    lead?: string;
+    rest?: string;
+}
+export interface MastheadProps {
+    eyebrow?: string;
+    issueMeta?: MastheadMetaLine[];
+    lead?: string;
+    issueHeading?: string;
+    issueList?: {
+        text?: string;
+    }[];
+    issueTotal?: string;
+    editing?: boolean;
+}
+export default function Masthead({ eyebrow, issueMeta, lead, issueHeading, issueList, issueTotal, ...widthProps }: MastheadProps): import("react").JSX.Element;

package/dist/components/Masthead.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as v,jsxs as a}from"react/jsx-runtime";import{sectionRunsFullWidth as u}from"../lib/content/section-width.js";import N from"./SectionEyebrow.js";import{renderGold as s,renderHeadline as w,splitParagraphs as j}from"./goldPhrases.js";function k({eyebrow:n,issueMeta:c,lead:d,issueHeading:x,issueList:g,issueTotal:l,...h}){const i=(c??[]).filter(t=>(t?.lead??"").trim()||(t?.rest??"").trim()),m=(g??[]).map(t=>t?.text??"").filter(t=>t.trim()),p=j(d??""),f=!!n||i.length>0,o=!!x||m.length>0||!!l,b=p.length>0||o;return a("section",{className:u(h)?"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:[f&&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(N,{text:n,size:14,className:"pb-3.5"}),i.length>0&&e("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:i.map((t,r)=>a("div",{children:[e("strong",{className:"font-normal text-fg",children:s(t.lead??"")}),t.rest?.trim()?a(v,{children:[" ",s(t.rest)]}):null]},r))})]}),b&&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:[p.length>0&&e("div",{className:"max-w-[720px]",children:p.map((t,r)=>e("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:s(t,!0)},r))}),o&&a("div",{className:"min-w-[240px] text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.9] tracking-[0.22em] text-fg-dim max-[1100px]:text-left",children:[x&&e("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:w(x,!1)}),m.map((t,r)=>a("span",{children:[s(t),e("br",{})]},r)),l&&e("span",{className:"text-accent",children:s(l)})]})]})]})}export{k as default};

package/dist/components/MediaSidePanel.d.ts

@@ -0,0 +1,6 @@
+import { type MediaPanelComponent, type MediaPickRequest } from "../lib/editor-media-panel.js";
+export default function MediaSidePanel({ panel: Panel, pick, onHide, }: {
+    panel: MediaPanelComponent;
+    pick: MediaPickRequest | null;
+    onHide?: () => void;
+}): import("react").JSX.Element;

package/dist/components/MediaSidePanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,Fragment as l,jsxs as r}from"react/jsx-runtime";import{MediaPanelHead as m,mediaPickKind as o}from"efficient-easel/chrome";import{useWebsiteName as u}from"./WebsiteSettingsPanel.js";import{settlePanelPick as t}from"../lib/editor-media-panel.js";function f({panel:a,pick:e,onHide:i}){const s=u();return r(l,{children:[n(m,{context:s,pick:e?{kind:o(e.accept),field:e.title||void 0}:null,onCancel:()=>e&&t(e.requestId,null),onHide:i}),n("div",{className:"sf-media-panel",children:n(a,{pick:e,onPick:d=>e&&t(e.requestId,d)})})]})}export{f as default};

package/dist/components/MediaUploadField.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    value: string;
+    onChange: (v: string) => void;
+    label: string;
+    accept: string;
+    placeholder?: string;
+}
+export default function MediaUploadField({ value, onChange, label, accept, placeholder }: Props): import("react").JSX.Element;
+export {};

package/dist/components/MediaUploadField.js

@@ -0,0 +1 @@
+"use client";import{jsxs as p,jsx as e}from"react/jsx-runtime";import{SettingsField as g}from"efficient-easel/panel";import{ImageIcon as h,PlayIcon as v}from"efficient-easel/icons";import{ImageBox as E}from"efficient-easel/pick";import{useContext as N,useState as y}from"react";import{FileIntakeAlert as S,useFileIntake as B}from"efficient-shell/file-intake";import{StorefrontDocumentContext as F}from"./StorefrontDocumentContext.js";import{requestMediaPick as x}from"../lib/editor-media-picker.js";import{useEditorHost as C}from"../lib/editor-host.js";import{backendOf as O}from"../lib/editor-session.js";import{useEditorSession as P}from"../lib/editor-session-context.js";function w({value:k,onChange:l,label:t,accept:i,placeholder:j}){const m=C(),b=P(),[r,d]=y(!1),[c,a]=y(null),s=i.startsWith("video"),u=N(F),o=B({accept:i,maxSizeBytes:O(b).media.maxUploadBytes,acceptHint:s?"videos only":"images only",multiple:!1,disabled:r,onAccept:([n])=>{a(null),d(!0),x(m,{accept:i,title:t,file:n}).then(f=>{f&&l(f.url)}).catch(()=>a("Couldn\u2019t open the media picker \u2014 please try again.")).finally(()=>d(!1))}}),I=()=>(o.clearRejections(),a(null),x(m,{accept:i,title:t}).then(n=>n?.url??null));return u&&!u.capabilities.mediaEditing?e(g,{label:t,icon:s?e(v,{}):e(h,{}),children:p("div",{className:"sf-image-slot-inert",children:["Templates don\u2019t store ",s?"videos":"images"," \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created."]})}):p("div",{children:[e(g,{label:t,icon:s?e(v,{}):e(h,{}),children:e("div",{className:`sf-image-drop${o.dragOver?" is-dragover":""}`,...o.zoneProps,children:e(E,{value:k,onChange:l,label:t,kind:s?"video":"image",placeholder:j,openLibrary:r?void 0:I})})}),r&&e("div",{className:"sf-image-status",role:"status",children:"Opening the picker\u2026"}),c&&e("div",{className:"sf-image-status sf-image-status--error",role:"alert",children:c}),e(S,{rejections:o.rejections,className:"sf-image-status sf-image-status--error"})]})}export{w as default};

package/dist/components/MockupSection.d.ts

@@ -0,0 +1,59 @@
+export type MockupVariant = "spec-card" | "fitment" | "portal" | "kanban" | "claims" | "browser" | "terminal";
+export interface MockupPill {
+    label?: string;
+    value?: string;
+}
+export interface MockupTile {
+    label?: string;
+    value?: string;
+}
+export interface MockupRow {
+    lead?: string;
+    detail?: string;
+    state?: "ok" | "warn" | "no";
+    status?: string;
+}
+export interface MockupBar {
+    label?: string;
+    value?: string;
+}
+export interface MockupProduct {
+    name?: string;
+    price?: string;
+}
+export interface TextItem {
+    text?: string;
+}
+export interface MockupSectionProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    variant?: MockupVariant;
+    cardHeader?: string;
+    badge?: string;
+    cardTitle?: string;
+    cardSubtitle?: string;
+    pills?: MockupPill[];
+    tiles?: MockupTile[];
+    rows?: MockupRow[];
+    button?: string;
+    footnote?: string;
+    col1Title?: string;
+    col1Cards?: TextItem[];
+    col2Title?: string;
+    col2Cards?: TextItem[];
+    col3Title?: string;
+    col3Cards?: TextItem[];
+    col4Title?: string;
+    col4Cards?: TextItem[];
+    barsHeading?: string;
+    bars?: MockupBar[];
+    termLines?: TextItem[];
+    urlText?: string;
+    heroTitle?: string;
+    heroButton?: string;
+    products?: MockupProduct[];
+    align?: "right" | "left";
+    editing?: boolean;
+}
+export default function MockupSection({ eyebrow, title, body, variant, cardHeader, badge, cardTitle, cardSubtitle, pills, tiles, rows, button, footnote, col1Title, col1Cards, col2Title, col2Cards, col3Title, col3Cards, col4Title, col4Cards, barsHeading, bars, termLines, urlText, heroTitle, heroButton, products, align, editing, }?: MockupSectionProps): import("react").JSX.Element | null;

package/dist/components/MockupSection.js

@@ -0,0 +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:"\u2715"}):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("\u2713")?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};

package/dist/components/MultiSelectField.d.ts

@@ -0,0 +1,16 @@
+import { type FieldOption } from "efficient-easel/fields";
+interface Option {
+    value: string;
+    label: string;
+    note?: string;
+}
+export declare function multiSelectOptions(options: readonly Option[]): FieldOption<string>[];
+interface Props {
+    label: string;
+    options: readonly Option[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    emptyLabel?: string;
+}
+export default function MultiSelectField({ label, options, value, onChange, emptyLabel, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/MultiSelectField.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as c}from"react/jsx-runtime";import{useId as u}from"react";import{FieldSelect as m}from"efficient-easel/fields";function f(l){return l.map(({value:i,label:e,note:t})=>({value:i,label:e,...t?{meta:t}:{}}))}function p({label:l,options:i,value:e,onChange:t,emptyLabel:a="None"}){const s=u(),r=`${s}-label`,n=`${s}-button`,d=Array.isArray(e)?e:[];return c("div",{className:"sf-field sf-multi",children:[o("div",{className:"sf-field-label",id:r,children:l}),o(m,{id:n,multiple:!0,value:d,options:f(i),onChange:t,placeholder:a,ariaLabelledBy:`${r} ${n}`,inline:!0})]})}export{p as default,f as multiSelectOptions};

package/dist/components/NodeContextMenu.d.ts

@@ -0,0 +1,96 @@
+import { type EaselContextMenuItem } from "efficient-easel/menu";
+import { type NodeOps } from "efficient-easel/node-ops";
+import { type StyleSnapshot } from "efficient-easel/style-clipboard";
+import { type CanvasTarget } from "efficient-easel/canvas";
+export type NodeMenuTarget = {
+    kind: "node";
+    x: number;
+    y: number;
+    zone: string;
+    index: number;
+} | {
+    kind: "empty";
+    x: number;
+    y: number;
+} | {
+    kind: "input";
+    x: number;
+    y: number;
+    el: TextEl;
+};
+type TextEl = {
+    value: string;
+    selectionStart: number | null;
+    selectionEnd: number | null;
+    setRangeText: (t: string, s: number, e: number, m?: string) => void;
+    select: () => void;
+    focus: () => void;
+    dispatchEvent: (e: Event) => boolean;
+};
+type NodeLike = {
+    type: string;
+    props: {
+        [key: string]: unknown;
+        id: string;
+    };
+};
+export type NodeMenuHost = {
+    nodesIn: (zone: string) => NodeLike[];
+    nodeAt: (zone: string, index: number) => NodeLike | null;
+    labelOf: (type: string, zone: string) => string;
+    rowNameOf: (node: NodeLike, zone: string) => string;
+    renamePropOf: (node: NodeLike, zone: string) => string | null;
+    beginRename: (zone: string, index: number) => void;
+    history: {
+        hasPast: boolean;
+        hasFuture: boolean;
+        back: () => void;
+        forward: () => void;
+    };
+    openAddSection: () => void;
+    openPageSettings: () => void;
+    collapseAll: () => void;
+    onPasteRefused: () => void;
+    document: unknown;
+    nodeOps: Pick<NodeOps, "held" | "remove" | "duplicate" | "step" | "canStep" | "setProps" | "copy" | "cut" | "paste">;
+    isPinned: (node: NodeLike, zone: string) => boolean;
+    sectionBand: () => {
+        floor: number;
+        cap: number;
+    };
+    selectAt: (zone: string, index: number, id: string, parentType: string | null) => void;
+    openAddInside: (zone: string, index: number) => void;
+    locate: (id: string) => {
+        zone: string;
+        index: number;
+    } | null;
+    style?: {
+        held: () => StyleSnapshot | null;
+        canCopy: (node: NodeLike, zone: string) => boolean;
+        copy: (node: NodeLike, zone: string) => void;
+        paste: (zone: string, index: number, node: NodeLike) => void;
+    };
+};
+export type ChainRung = {
+    zone: string;
+    index: number;
+    node: NodeLike;
+    parentType: string | null;
+};
+export declare function ancestorChain(host: NodeMenuHost, target: {
+    zone: string;
+    index: number;
+}): ChainRung[];
+export declare const EDITOR_NODE_CLIPBOARD: import("efficient-easel/node-ops").NodeClipboard;
+export declare function nodeMenuItems(host: NodeMenuHost, target: {
+    zone: string;
+    index: number;
+}): EaselContextMenuItem[];
+export declare function pageMenuItems(host: NodeMenuHost): EaselContextMenuItem[];
+export declare function textMenuItems(host: NodeMenuHost, el: TextEl): EaselContextMenuItem[];
+export declare function useNodeContextMenu(host: NodeMenuHost, canvas: CanvasTarget | null): {
+    onEditorContextMenu: (e: React.MouseEvent) => void;
+    menu: import("react").JSX.Element | null;
+    closeMenu: () => void;
+};
+export {};

package/dist/components/NodeContextMenu.js

@@ -0,0 +1 @@
+"use client";import{jsx as p}from"react/jsx-runtime";import{useCallback as C,useState as w}from"react";import{EaselContextMenu as A}from"efficient-easel/menu";import{AddIcon as P,CopyIcon as I,LayersIcon as E,PasteIcon as O,RedoIcon as D,SettingsIcon as R,UndoIcon as S}from"efficient-easel/icons";import{ROOT_ID as z,ROOT_SLOT as _,zoneKey as T}from"efficient-easel/data";import{createNodeClipboard as B,nodeMenuItems as L}from"efficient-easel/node-ops";import{styleMenuItems as N}from"efficient-easel/style-clipboard";import{framePointToHost as X,useCanvasEvent as b}from"efficient-easel/canvas";import{duplicateBlocked as V}from"../lib/hero-group-placement.js";import{isLockedBlock as Y}from"../lib/puck/locked-blocks.js";import{ROOT_ZONE as y}from"../lib/puck/content-tree.js";import{canAddTo as U}from"../lib/puck/add-target.js";function Z(e,n){const o=[],l=new Set;let t={zone:n.zone,index:n.index};for(;t;){const i=e.nodeAt(t.zone,t.index);if(!i||l.has(i.props.id)||(l.add(i.props.id),o.push({zone:t.zone,index:t.index,node:i,parentType:null}),t.zone===y))break;const d=t.zone.lastIndexOf(":");if(d<=0)break;t=e.locate(t.zone.slice(0,d))}for(let i=0;i<o.length-1;i+=1)o[i].parentType=o[i+1].node.type;return o}const le=B();function M(e,n,o){if(n===y){const{floor:t,cap:i}=e.sectionBand();return{parentId:z,slot:_,index:Math.min(Math.max(o,t),i)}}const l=n.lastIndexOf(":");return{parentId:n.slice(0,l),slot:n.slice(l+1),index:o}}function j(e,n){const{zone:o,index:l}=n,t=e.nodeAt(o,l);if(!t)return[];const i=t.props.id,d=e.labelOf(t.type,o),a=!!t.props._hidden,c=e.nodeOps,r=e.isPinned(t,o),s=Y(t.type),u=!r&&!s&&!V(e.document,t),f=Z(e,n),x=c.held,k=x&&!r&&T(x.from)===o?M(e,o,l+1):null,h=e.style?N({held:e.style.held(),canCopy:e.style.canCopy(t,o),onCopy:()=>e.style?.copy(t,o),onPaste:()=>e.style?.paste(o,l,t)}):[];return L({title:d,layer:{group:"pick",items:f.map((m,v)=>({label:e.rowNameOf(m.node,m.zone),checked:v===0,onClick:()=>e.selectAt(m.zone,m.index,m.node.props.id,m.parentType)}))},actions:{addInside:U(t.type)?()=>e.openAddInside(o,l):void 0,duplicate:u?()=>c.duplicate(i):void 0,moveUp:c.canStep(i,-1)?()=>c.step(i,-1):void 0,moveDown:c.canStep(i,1)?()=>c.step(i,1):void 0,copy:r?void 0:()=>c.copy(i,d),cut:u?()=>c.cut(i,d):void 0,paste:x&&k?{label:x.label,run:()=>c.paste(k)}:void 0,rename:e.renamePropOf(t,o)?()=>e.beginRename(o,l):void 0,hide:!s&&!r?{hidden:a,run:()=>c.setProps(i,{_hidden:!a})}:void 0,delete:u?()=>c.remove(i):void 0},style:h,pinnedLine:r?"Pinned \u2014 can\u2019t be moved or deleted":void 0})}function H(e){const n=[];e.history.hasPast&&n.push({label:"Undo",icon:p(S,{}),shortcut:"\u2318Z",onClick:e.history.back}),e.history.hasFuture&&n.push({label:"Redo",icon:p(D,{}),shortcut:"\u21E7\u2318Z",onClick:e.history.forward});const o=[{label:"Add section",icon:p(P,{}),onClick:e.openAddSection}],l=e.nodeOps.held;if(l&&T(l.from)===y){const a=M(e,y,e.sectionBand().cap);o.push({label:`Paste ${l.label}`,icon:p(O,{}),shortcut:"\u2318V",onClick:()=>e.nodeOps.paste(a)})}const t=[{label:"Page settings",icon:p(R,{}),onClick:e.openPageSettings},{label:"Collapse all layers",icon:p(E,{}),onClick:e.collapseAll}],i=[n,o,t].filter(a=>a.length>0),d={label:"\u2014",onClick:()=>{}};return i.flatMap((a,c)=>c?[d,...a]:a)}function K(e,n){const o=n.selectionStart??0,l=n.selectionEnd??0,t=n.value.slice(o,l),i=s=>{n.focus(),n.setRangeText(s,o,l,"end"),n.dispatchEvent(new Event("input",{bubbles:!0}))},d=[];t&&(d.push({label:"Copy",icon:p(I,{}),shortcut:"\u2318C",onClick:()=>navigator.clipboard?.writeText(t)}),d.push({label:"Cut",icon:p(I,{}),shortcut:"\u2318X",onClick:()=>{navigator.clipboard?.writeText(t),i("")}})),d.push({label:"Paste",icon:p(O,{}),shortcut:"\u2318V",onClick:()=>{navigator.clipboard?.readText().then(s=>{s&&i(s)}).catch(()=>e.onPasteRefused())}});const a=n.value?[{label:"Select all",shortcut:"\u2318A",onClick:()=>{n.focus(),n.select()}}]:[],c=[d,a].filter(s=>s.length>0),r={label:"\u2014",onClick:()=>{}};return c.flatMap((s,u)=>u?[r,...s]:s)}function F(e){const n=e?.closest?.("input, textarea");return!n||n instanceof HTMLInputElement&&!["text","search","url","email","tel","number",""].includes(n.type)?null:n}function g(e){return e.shiftKey}function se(e,n){const[o,l]=w(null),t=C(()=>l(null),[]),i=C(c=>{if(g(c))return;const r=c.target,s=F(r);if(s){c.preventDefault(),l({kind:"input",x:c.clientX,y:c.clientY,el:s});return}const u=r?.closest?.("[data-node-id]")?.getAttribute("data-node-id"),f=u?e.locate(u):null;c.preventDefault(),l(f?{kind:"node",x:c.clientX,y:c.clientY,...f}:{kind:"empty",x:c.clientX,y:c.clientY})},[e]);b(n,"contextmenu",c=>{if(g(c)||!n)return;const s=(c.target?.closest?.("[data-puck-component]")??null)?.getAttribute("data-puck-component"),u=s?e.locate(s):null;c.preventDefault();const f=X(n.frame,c.clientX,c.clientY);l(u?{kind:"node",...f,...u}:{kind:"empty",...f})}),b(n,"mousedown",t),b(n,"scroll",t,{on:"window"});const a=o?p(A,{x:o.x,y:o.y,items:o.kind==="node"?j(e,o):o.kind==="input"?K(e,o.el):H(e),onClose:t}):null;return{onEditorContextMenu:i,menu:a,closeMenu:t}}export{le as EDITOR_NODE_CLIPBOARD,Z as ancestorChain,j as nodeMenuItems,H as pageMenuItems,K as textMenuItems,se as useNodeContextMenu};

package/dist/components/OrderSummary.d.ts

@@ -0,0 +1,17 @@
+export interface OrderSummaryRow {
+    label?: string;
+    meta?: string;
+    amount?: string;
+}
+interface OrderSummaryProps {
+    eyebrow?: string;
+    title?: string;
+    rows: OrderSummaryRow[];
+    subRows: OrderSummaryRow[];
+    totalLabel?: string;
+    totalAmount?: string;
+    note?: string;
+    contained: boolean;
+}
+export default function OrderSummary({ eyebrow, title, rows, subRows, totalLabel, totalAmount, note, contained, }: OrderSummaryProps): import("react").JSX.Element;
+export {};

package/dist/components/OrderSummary.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import o from"./BlockFrame.js";import f from"./SectionEyebrow.js";import{renderGold as n,renderHeadline as h}from"./goldPhrases.js";function u({eyebrow:i,title:r,rows:c,subRows:p,totalLabel:s,totalAmount:t,note:d,contained:x}){return e(o,{contained:x,className:"py-6",children:l("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:[i&&e(f,{text:i,scaled:!1}),r&&e("h2",{className:"mt-2 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.1] tracking-[-0.02em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:h(r,!1)}),c.length>0&&e("ul",{className:"mt-6 flex flex-col",children:c.map((a,m)=>l("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[l("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)})]},m))}),p.length>0&&e("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:p.map((a,m)=>l("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)})]},m))}),(s||t)&&l("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[s&&e("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:n(s)}),t&&e("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:n(t)})]}),d&&e("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:n(d)})]})})}export{u as default};

package/dist/components/PageEditGuardNotices.d.ts

@@ -0,0 +1 @@
+export default function PageEditGuardNotices(): import("react").JSX.Element | null;

package/dist/components/PageEditGuardNotices.js

@@ -0,0 +1 @@
+"use client";import{jsx as a}from"react/jsx-runtime";import{EditNotice as c}from"efficient-easel/chrome";import{useStorefrontDocument as s}from"./StorefrontDocumentContext.js";function d(){const{capabilities:e,access:o,takeOverEditing:t,viewReadOnly:r,saveConflict:i,reloadFromServer:n}=s();return e.hasEditGuard?a(c,{access:o,conflict:i,noun:"page",onTakeOver:t,onViewReadOnly:r,onReload:n}):null}export{d as default};

package/dist/components/PagesPanel.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    onNavigate: (slug: string) => void;
+    onClose: () => void;
+    activeSurface?: string | null;
+    onPreviewSurface: (surface: string) => void;
+}
+export default function PagesPanel({ onNavigate, onClose, activeSurface, onPreviewSurface }: Props): import("react").JSX.Element;
+export {};

package/dist/components/PagesPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useCallback as ee,useEffect as q,useMemo as F,useState as c}from"react";import{useStorefrontDocument as te}from"./StorefrontDocumentContext.js";import g from"./UiIcon.js";import se from"./SidePanelHead.js";import{useWebsiteName as ae}from"./WebsiteSettingsPanel.js";import{InspectorIconButton as ne}from"efficient-easel/chrome";import{AddIcon as le}from"efficient-easel/icons";import{PagesIcon as re}from"efficient-easel/rail";import{useEditorHost as oe}from"../lib/editor-host.js";import{bucketEditorPageRows as ie,isDynamicPageRow as ce}from"../lib/editor-page-rows.js";import{useEditorSession as de}from"../lib/editor-session-context.js";const G="sf-editor-pages-collapsed-groups",pe=r=>r.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),M=(r,b)=>{const o=pe(r)||"page";if(!b.has(o))return o;let p=2;for(;b.has(`${o}-${p}`);)p+=1;return`${o}-${p}`};function ue({onNavigate:r,onClose:b,activeSurface:o,onPreviewSurface:p}){const y=de().chrome?.pageRows,D=oe(),{adapter:d,capabilities:w,ready:N,currentSlug:L}=te(),J=ae(),[l,x]=c(null),[C,K]=c(""),[u,k]=c(!1),[v,m]=c(null),[R,h]=c(!1),[f,P]=c(""),S=ee(async()=>{if(N)try{x(await d.listPages())}catch{x([])}},[d,N]);q(()=>{x(null),S()},[S]);const[z,U]=c(()=>{if(typeof window>"u")return new Set;try{const e=window.localStorage.getItem(G);return new Set(e?JSON.parse(e):[])}catch{return new Set}});q(()=>{try{window.localStorage.setItem(G,JSON.stringify([...z]))}catch{}},[z]);const Q=e=>U(s=>{const a=new Set(s);return a.has(e)?a.delete(e):a.add(e),a}),V=F(()=>ie(l??[]),[l]),$=C.trim().toLowerCase(),O=e=>!$||e.toLowerCase().includes($),Y=e=>$?!0:!z.has(e),j=F(()=>new Set((l??[]).map(e=>e.slug)),[l]),W=()=>{if(w.pageCreationInAdminForm){D.send("storefront-editor:new-page");return}P(""),m(null),h(!0)},B=async()=>{const e=f.trim();if(!(!e||!N||u||!d.createPage)){k(!0),m(null);try{const s=await d.createPage({slug:M(e,j),title:e,layout:{}});await S(),h(!1),P(""),r(s.slug)}catch{m("Couldn\u2019t add the page \u2014 please retry.")}finally{k(!1)}}},T=async e=>{if(!(!N||u||!d.deletePage||(l??[]).length<=1)){k(!0);try{await d.deletePage(e.id);const s=(l??[]).filter(a=>a.id!==e.id);x(s),m(null),e.slug===L&&s[0]&&r(s[0].slug)}catch{m("Couldn\u2019t delete the page \u2014 please retry.")}finally{k(!1)}}},X=e=>D.send("storefront-editor:open-page",{slug:e}),Z=e=>{if(!O(e.label))return null;const s=!o&&e.slug===L,a=w.canDeletePagesInline&&(l??[]).length>1;return n("div",{className:`sf-row sf-prow ${s?"is-selected":""}`,onClick:()=>r(e.slug),children:[t("span",{className:"sf-chip",children:t(me,{})}),t("span",{className:"sf-row-name",children:e.label}),ce(e)&&t("span",{className:"sf-badge-dynamic",children:"Dynamic"}),e.kind==="lightbox"&&t("span",{className:"sf-badge-lightbox",children:"Lightbox"}),e.draft&&t("span",{className:"sf-page-draft",children:"draft"}),w.pageCreationInAdminForm&&t("button",{type:"button",className:"sf-page-edit",title:`Edit \u201C${e.label}\u201D in the admin`,"aria-label":`Edit ${e.label} in the admin`,onClick:i=>{i.stopPropagation(),X(e.slug)},children:t(g,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),a&&t("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:u,title:`Delete \u201C${e.label}\u201D`,"aria-label":`Delete ${e.label}`,onClick:i=>{i.stopPropagation(),T(e)},children:t(g,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]},e.id)},A=(e,s,a)=>{const i=a.filter(Boolean);if(i.length===0)return null;const E=Y(e);return n("div",{className:"sf-pgroup",children:[n("button",{type:"button",className:"sf-pgroup-head","aria-expanded":E,onClick:()=>Q(e),children:[t(g,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:E?"rotate(90deg)":"none",transition:"transform 0.14s"}}),t("span",{className:"sf-pgroup-label",children:s}),t("span",{className:"sf-pgroup-count",children:i.length})]}),E&&t("div",{className:"sf-pgroup-body",children:i})]},e)},H=(y?.rows??[]).filter(e=>O(e.label)).map(e=>{const s=o===e.key;return n("div",{className:`sf-row sf-prow sf-prow--shop ${s?"is-selected":""}`,onClick:()=>p(e.key),title:`Preview the ${e.label} in the canvas`,children:[t("span",{className:"sf-chip",children:e.icon}),t("span",{className:"sf-row-name",children:e.label}),t("span",{className:"sf-badge-preview",children:"Preview"}),t("a",{className:"sf-page-edit",href:e.href,target:"_blank",rel:"noopener noreferrer",title:`Open the ${e.label} in a new tab`,"aria-label":`Open the ${e.label} in a new tab`,onClick:a=>a.stopPropagation(),children:t(g,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})]},e.key)}),_=w.hasSiteSettings&&!!y,I=(()=>{if(l===null)return null;const e=[];let s=!1;for(const a of V)_&&!s&&a.key.startsWith("system:")&&(e.push(A("shop",y.title,H)),s=!0),e.push(A(a.key,a.label,a.rows.map(Z)));return _&&!s&&e.push(A("shop",y.title,H)),e})();return n("div",{className:"sf-pages",children:[t(se,{icon:t(re,{}),title:"Pages",context:J,actions:t(ne,{label:"New page",onClick:W,children:t(le,{size:15})}),onHide:b}),n("div",{className:"sf-pages-search",children:[t(g,{name:"search",size:14,rounded:!0}),t("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:C,onChange:e=>K(e.target.value),"aria-label":"Search all pages"})]}),n("div",{className:"sf-pages-list sf-scroll",children:[v&&!R&&t("div",{className:"sf-note sf-note--error",role:"alert",children:v}),I===null?t("div",{className:"sf-note",children:"Loading\u2026"}):I.some(Boolean)?I:t("div",{className:"sf-note",children:C.trim()?"No pages match your search":"No pages yet"})]}),n("button",{type:"button",className:"sf-pages-new",onClick:W,children:[t("span",{className:"sf-plus",children:"+"}),"New page"]}),R&&t("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-add-page-title",onClick:()=>h(!1),children:n("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",onClick:e=>e.stopPropagation(),children:[t("h2",{id:"sf-add-page-title",className:"text-[15px] font-semibold text-zinc-900",children:"Add a page"}),t("p",{className:"mt-1 text-[13px] leading-relaxed text-zinc-600",children:"Give the new template page a name. It starts blank \u2014 add sections once it opens."}),t("input",{autoFocus:!0,value:f,onChange:e=>P(e.target.value),onKeyDown:e=>{e.key==="Enter"&&B(),e.key==="Escape"&&h(!1)},placeholder:"e.g. About",className:"mt-3 w-full rounded-md border border-zinc-300 px-3 py-2 text-[13px] text-zinc-900 outline-none focus:border-blue-500"}),f.trim()&&n("p",{className:"mt-1.5 text-[12px] text-zinc-400",children:["URL: /",M(f,j)]}),v&&t("p",{className:"mt-2 text-[12px] text-red-600",role:"alert",children:v}),n("div",{className:"mt-4 flex justify-end gap-2",children:[t("button",{type:"button",onClick:()=>h(!1),className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),t("button",{type:"button",onClick:()=>{B()},disabled:u||!f.trim(),className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:u?"Adding\u2026":"Add page"})]})]})})]})}function me(){return n("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:[t("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),t("path",{d:"M14 3v5h5"})]})}export{ue as default};

package/dist/components/PanelToggleIcon.d.ts

@@ -0,0 +1,3 @@
+export default function PanelToggleIcon({ side }: {
+    side: "left" | "right";
+}): import("react").JSX.Element;

package/dist/components/PanelToggleIcon.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";function o({side:t}){return r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,children:[e("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),e("path",{d:t==="left"?"M9 4v16":"M15 4v16"})]})}export{o as default};

package/dist/components/ParagraphsA.d.ts

@@ -0,0 +1,15 @@
+export interface ParagraphsAStat {
+    value?: string;
+    label?: string;
+}
+export interface ParagraphsAProps {
+    eyebrow?: string;
+    stats?: ParagraphsAStat[];
+    lead?: string;
+    foundersHeading?: string;
+    foundersBody?: string;
+    attribution?: string;
+    padTop?: number;
+    padBottom?: number;
+}
+export default function ParagraphsA({ eyebrow, stats, lead, foundersHeading, foundersBody, attribution, padTop, padBottom, }?: ParagraphsAProps): import("react").JSX.Element;

package/dist/components/ParagraphsA.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{renderGold as t,renderHeadline as f,splitParagraphs as u}from"./goldPhrases.js";function N({eyebrow:n,stats:o,lead:s,foundersHeading:i,foundersBody:x,attribution:r,padTop:c,padBottom:d}={}){const h=typeof c=="number"?c:60,v=typeof d=="number"?d:80,p=(o??[]).filter(e=>(e.value??"").trim()!==""||(e.label??"").trim()!==""),b=!!n||p.length>0,g=!!(i||x||r);return a("section",{className:"relative z-[2] bg-bg",children:l("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:h,paddingBottom:v},children:[b&&l("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:[a("div",{className:"col-span-2 max-[1100px]:col-span-1",children:n&&a("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:t(n)})}),p.length>0&&a("div",{className:"text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:p.map((e,m)=>l("div",{children:[e.value?a("strong",{className:"font-normal text-fg",children:t(e.value)}):null," ",e.label?t(e.label):null]},m))})]}),(s||g)&&l("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[s&&a("div",{className:"col-span-2 max-[1100px]:col-span-1",children:u(s).map((e,m)=>a("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:t(e)},m))}),g&&l("div",{className:"self-end font-display text-[length:var(--size-body,14px)] leading-[1.7] text-fg-dim max-[720px]:text-[length:var(--size-body,12px)]",children:[i&&a("strong",{className:"mb-1.5 block text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg max-[720px]:text-[length:var(--size-body,16px)]",children:f(i,!1)}),x?t(x):null,r&&a("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:t(r)})]})]})]})})}export{N as default};

package/dist/components/PartGlyphs.d.ts

@@ -0,0 +1,7 @@
+import type { PartCase, PartWeight } from "../lib/puck/part-styles.js";
+export declare function WeightGlyph({ weight }: {
+    weight?: PartWeight;
+}): import("react").JSX.Element;
+export declare function CaseGlyph({ letterCase }: {
+    letterCase?: PartCase;
+}): import("react").JSX.Element;

package/dist/components/PartGlyphs.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";function r({children:e,weight:n}){return t("span",{"aria-hidden":"true",style:{fontSize:13,lineHeight:1,fontWeight:n,letterSpacing:"-0.01em",userSelect:"none"},children:e})}function o({weight:e=400}){return t(r,{weight:e,children:"A"})}function h({letterCase:e="none"}){return t(r,{weight:600,children:e==="upper"?"AA":e==="lower"?"aa":"Aa"})}export{h as CaseGlyph,o as WeightGlyph};

package/dist/components/PartInkControl.d.ts

@@ -0,0 +1,7 @@
+import type { PartInk } from "../lib/puck/part-inks.js";
+export declare function PartInkControl({ value, label, colors, onChange, }: {
+    value: string | null;
+    label: string;
+    colors: readonly PartInk[];
+    onChange: (next: string | null) => void;
+}): import("react").JSX.Element;

package/dist/components/PartInkControl.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{ColourSwatchRow as c}from"efficient-easel/text-styles";function m({value:l,label:s,colors:t,onChange:i}){const a=l===null,o=l||void 0,e=t.find(n=>n.key===o),d=e?e.value:o&&/^#[0-9a-f]{6}$/i.test(o)?o:void 0;return r("div",{className:"sf-part-ink",children:r(c,{value:o,hex:d,colours:t,label:s,followsWord:a?"Mixed":"Follows the style",anyWord:"Any color",onChange:n=>i(n===o&&e?null:n)})})}export{m as PartInkControl};

package/dist/components/PartResetDot.d.ts

@@ -0,0 +1,5 @@
+export declare function PartResetDot({ label, onClear, what, }: {
+    label: string;
+    onClear: () => void;
+    what?: string;
+}): import("react").JSX.Element;

package/dist/components/PartResetDot.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";function l({label:a,onClear:s,what:e="override"}){return r("button",{type:"button",className:"sf-part-mark",title:`Clear ${e}`,"aria-label":`Clear ${e}: ${a}`,onClick:s,children:r(o,{})})}function o(){return t("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[r("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),t("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[r("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),r("path",{d:"M13 2.5V5h-2.6"})]})]})}export{l as PartResetDot};

package/dist/components/PartSettingsPanel.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from "react";
+import { PartResetDot } from "./PartResetDot.js";
+import { type FontRole, type FontsValue } from "../lib/fonts.js";
+import { type TypeGroup } from "../lib/theme.js";
+import { type PartStyle, type PartStyleBase } from "../lib/puck/part-styles.js";
+import { type PartSource } from "../lib/puck/source-bound-parts.js";
+export declare const PART_FIELDS: readonly [{
+    readonly key: "font";
+    readonly label: "Font";
+    readonly group: "Style";
+}, {
+    readonly key: "color";
+    readonly label: "Color";
+    readonly group: "Style";
+}];
+export type PartFace = {
+    kind: "role";
+    role: FontRole;
+} | {
+    kind: "custom";
+} | {
+    kind: "unread";
+};
+export type PanelPart = {
+    partKey: string;
+    face: PartFace;
+    sizeGroup: TypeGroup | null;
+    base: PartStyleBase;
+    style: PartStyle;
+};
+export declare function partFace(props: Record<string, unknown>, propKey: string, reading: {
+    faceRole: FontRole;
+    base: PartStyleBase;
+} | null, fonts: FontsValue): PartFace;
+export declare function partStyleName(props: Record<string, unknown>, propKey: string, reading: {
+    faceRole: FontRole;
+    base: PartStyleBase;
+} | null, fonts: FontsValue): string | null;
+export declare function PartStyleCard({ parts, onEditStyle, onClearAll, onFollowStyle, kindLabel, }: {
+    parts: readonly PanelPart[];
+    onEditStyle?: () => void;
+    onClearAll: () => void;
+    onFollowStyle?: (role: FontRole | null) => void;
+    kindLabel?: string;
+}): import("react").JSX.Element;
+export { PartResetDot };
+export declare function PartPanelBody({ sectionName, onBack, textEditor, styleRow, children, }: {
+    sectionName: string;
+    onBack: () => void;
+    textEditor?: ReactNode;
+    styleRow?: ReactNode;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function PartSourceNote({ source, slug }: {
+    source: PartSource;
+    slug?: string;
+}): import("react").JSX.Element;
+export default function PartSettingsPanel({ nodeId, propKey, onBack, onEditStyle, }: {
+    nodeId: string;
+    propKey: string;
+    onBack: () => void;
+    onEditStyle?: () => void;
+}): import("react").JSX.Element;

package/dist/components/PartSettingsPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r,Fragment as z}from"react/jsx-runtime";import{useEffect as D,useId as Oe,useRef as Y,useState as J}from"react";import{PartResetDot as ce}from"./PartResetDot.js";import{FieldSelect as Ie,InspectorField as _e}from"efficient-easel/fields";import{SettingsField as de,SettingsGroup as Ae}from"efficient-easel/panel";import{StylesIcon as $e,TextColorIcon as Be,TypeIcon as Le}from"efficient-easel/icons";import{useEasel as ze}from"efficient-easel/easel";import{PartInkControl as De}from"./PartInkControl.js";import{PartTextBox as Me}from"./PartTextBox.js";import ue from"./UiIcon.js";import{usePreviewHeader as Ve}from"./PreviewHeaderContext.js";import{usePartStyle as Ge}from"./PreviewPartStyleContext.js";import{TypeGlyph as We,readHidable as M,textFieldOffPage as je}from"../lib/puck/controls.js";import{TEXT_FIELD_MARKER as He}from"../lib/puck/field-markers.js";import{useSectionOps as Ue}from"../lib/puck/use-section-ops.js";import{FONT_OPTIONS as Ke,FONT_ROLES as fe,FONT_ROLE_LABELS as pe,fontOption as V}from"../lib/fonts.js";import{isMultilineKind as Xe,partPlaceholder as qe,typeInPlaceKind as Ye}from"../lib/puck/part-text.js";import{partRowField as Je}from"../lib/puck/part-row-field.js";import{decodePartKey as Qe,partPropsWithRowValue as Ze,partRowValue as et}from"../lib/puck/part-rows.js";import{PART_WIDTH_MAX as tt,propsWithPartStyleValue as Q,propsWithoutPartStyle as nt,readPartStyle as he}from"../lib/puck/part-styles.js";import{partInks as ot}from"../lib/puck/part-inks.js";import{styleKeyForPart as st,TEXT_KIND_LABELS as rt}from"../lib/sections/section-text-kinds.js";import{commitPartText as lt}from"../lib/puck/part-typing.js";import{useEditorHost as it}from"../lib/editor-host.js";import{SOURCE_LINES as at,SOURCE_ACTIONS as ct,SOURCE_ACTION_LABEL as dt,partSourceOf as ut,sourceSlugOf as me}from"../lib/puck/source-bound-parts.js";import{encodePartId as ft,holdsAuthoredText as pt}from"../lib/puck/text-parts.js";import{regionsForSection as ht}from"../lib/sections/section-text-regions.js";import{textRegionOfPartKey as mt}from"../lib/sections/text-regions.js";const yt={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},ye=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],gt=[...new Set(ye.map(t=>t.group))],bt={font:e(Le,{}),color:e(Be,{})};function G(t){return t.kind==="role"?pe[t.role]:t.kind==="custom"?"Custom":null}const xt=t=>t.kind==="role"?`role:${t.role}`:t.kind;function kt(t){const o=t.role;return o&&fe.includes(o)?{kind:"role",role:o}:null}function St(t,o){if(!t)return{kind:"unread"};const{faceRole:s,base:l}=t;if(o[s]===l.fontKey)return{kind:"role",role:s};const c=Object.keys(o).filter(b=>o[b]===l.fontKey);return c.length===1?{kind:"role",role:c[0]}:{kind:"custom"}}function Z(t,o,s,l){return kt(he(t,o))??St(s,l)}function ln(t,o,s,l){return G(Z(t,o,s,l))}function ee(t,o){if(!t.length)return null;const s=o(t[0]);return t.every(l=>o(l)===s)?s:null}function Nt(t){return Object.values(t).filter(o=>o!==void 0).length}function vt(t,o){const s=t.style[o];return o==="color"?s??"":s!==void 0?String(s):t.base.fontKey}function ge({face:t,base:o,onPick:s}){const[l,c]=J(!1),b=Y(null),h=Y(null),m=Oe();D(()=>{if(!l)return;const i=T=>{b.current&&!b.current.contains(T.target)&&c(!1)};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[l]);const d=t.kind==="role"?t.role:null,N=i=>{s(i),c(!1),h.current?.focus()};return r("div",{className:"sf-part-style-pick",ref:b,children:[r("button",{ref:h,type:"button",className:"sf-part-style-trigger","aria-expanded":l,"aria-controls":m,"aria-label":`Follows ${G(t)??"no style"} \u2014 change`,onClick:()=>c(i=>!i),onKeyDown:i=>{i.key==="Escape"&&l&&(i.preventDefault(),c(!1))},children:[e("span",{className:"sf-part-style-name",style:{fontFamily:o?.fontKey?`var(${V(o.fontKey)?.cssVar})`:void 0,fontWeight:o?.weight},children:G(t)}),e("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),l&&r("div",{className:"sf-multi-menu sf-part-style-menu",id:m,role:"listbox",onKeyDown:i=>{i.key==="Escape"&&(i.preventDefault(),c(!1),h.current?.focus())},children:[r("button",{type:"button",role:"option","aria-selected":d===null,className:`sf-part-style-option${d===null?" is-on":""}`,onClick:()=>N(null),children:[e("span",{className:"sf-part-style-option-name",children:"No style"}),e("span",{className:"sf-note",children:"Section\u2019s own"})]}),fe.map(i=>e("button",{type:"button",role:"option","aria-selected":d===i,className:`sf-part-style-option${d===i?" is-on":""}`,onClick:()=>N(i),children:e("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${i})`},children:pe[i]})},i))]})]})}function Pt({parts:t,onEditStyle:o,onClearAll:s,onFollowStyle:l,kindLabel:c}){const h=ee(t,T=>xt(T.face))?t[0].face:null,m=h?G(h):null,d=h&&h.kind!=="unread"?t[0].base:null,N=t.reduce((T,I)=>T+Nt(I.style),0),i=d?V(d.fontKey)?.label:void 0;return r("div",{className:`sf-part-style${N?" has-overrides":""}`,children:[e("div",{className:"sf-part-style-caption",children:"Style"}),t.length>1&&r("div",{className:"sf-part-style-count",children:[t.length," selected"]}),t.length===1&&c&&r("div",{className:"sf-part-style-count",children:[c," \xB7 every row"]}),m&&d?r(z,{children:[l&&h?e(ge,{face:h,base:d,onPick:l}):e("div",{className:"sf-part-style-name",style:{fontFamily:i?`var(${V(d.fontKey)?.cssVar})`:void 0,fontWeight:d.weight},children:m}),e("div",{className:"sf-part-style-meta",children:[i,`${Math.round(d.sizePx)} px`,yt[d.weight]].filter(Boolean).join(" \xB7 ")})]}):e("div",{className:"sf-part-style-name",children:"Mixed styles"}),r("div",{className:"sf-part-style-top",children:[m?N?r(z,{children:[r("span",{className:"sf-part-chip",children:[N," changed"]}),e("button",{type:"button",className:"sf-part-link",onClick:s,children:"Clear"})]}):e("span",{className:"sf-part-style-state",children:"This text follows the site style."}):e("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),e("span",{className:"sf-part-style-gap"}),m&&o&&e("button",{type:"button",className:"sf-part-link",onClick:o,children:"Edit"})]})]})}function wt({sectionName:t,onBack:o,textEditor:s,styleRow:l,children:c}){return r("div",{className:"sf-part-panel",children:[r("button",{type:"button",className:"sf-part-back",onClick:o,children:[e(W,{}),r("span",{children:["All of ",t]})]}),s,l,c]})}function W(){return e("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:e("path",{d:"M15 5 8 12l7 7"})})}function be({source:t,slug:o}){const s=it(),l=ct[t],c=!l.needsSlug||!!o;return e("div",{className:"sf-note sf-note--source",children:r("p",{className:"sf-field-hint",children:[at[t],c?r(z,{children:[" ",e("button",{type:"button",className:"sf-source-open",onClick:()=>{l.type==="storefront-editor:open-menus"?s.send(l.type):o&&s.send(l.type,{slug:o})},children:dt})]}):null]})})}const xe=4,Tt=120;function Ct({region:t,sizePx:o,face:s,base:l,onFollowStyle:c,source:b,slug:h,onBack:m}){const d=t.follows;return r("div",{className:"sf-note",children:[e("p",{children:e("strong",{children:t.label})}),r("p",{children:["Its size follows Site styles \u25B8 ",d,o?` \u2014 ${Math.round(o)}px right now`:"","."]}),c?r(z,{children:[e(de,{label:"Style",icon:e($e,{}),children:e(ge,{face:s,base:l,onPick:c})}),r("p",{className:"sf-field-hint",children:["Every ",t.label.toLowerCase()," in this section follows it. The face and the size change; the letter case is the section\u2019s own and stays as it is."]})]}):e("p",{className:"sf-field-hint",children:"Only the size follows a site style. This section sets its own font, weight and letter case."}),b?e(be,{source:b,slug:h}):null,r("button",{type:"button",className:"sf-part-back",onClick:m,children:[e(W,{}),e("span",{children:"Back to the page"})]})]})}function Et({onBack:t}){return r("div",{className:"sf-note",children:[e("p",{children:e("strong",{children:"This part is no longer here."})}),e("p",{children:"The section it belonged to has been changed or removed."}),r("button",{type:"button",className:"sf-part-back",onClick:t,children:[e(W,{}),e("span",{children:"Back to the page"})]})]})}function Rt({onBack:t,partId:o,why:s}){return r("div",{className:"sf-note",children:[e("p",{children:e("strong",{children:"This part's settings did not open."})}),e("p",{children:"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."}),e("p",{className:"sf-note-detail",children:r("code",{children:[o," \u2014 ",s]})}),r("button",{type:"button",className:"sf-part-back",onClick:t,children:[e(W,{}),e("span",{children:"Back to the page"})]})]})}function Ft({nodeId:t,propKey:o,onBack:s,onEditStyle:l}){const{getItemById:c,getSelectorForId:b,config:h}=ze(n=>n),m=Ue(),{partStyle:d}=Ge(),{fonts:N}=Ve(),[i,T]=J({}),I=Y(null),y=c(t),x=b(t),te=y?h.components[y.type]:void 0,{key:C,row:v}=Qe(o),ne=te?.fields?.[C],P=v?Je(ne,v):ne,O=ft(t,o),f=y?.props??{},w=Ye(P),ke=je(P),Se=pt(P),j=y?ut(y.type):null,H=v?et(f[C],v):f[C],oe=!!v&&!(Array.isArray(f[C])&&v.index<f[C].length);D(()=>{I.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[O]);const[U,se]=J(0);D(()=>se(0),[O]);const K=!!y&&!oe&&(!x||!P);D(()=>{if(!K||U>=xe)return;const n=setTimeout(()=>se(a=>a+1),Tt);return()=>clearTimeout(n)},[K,U]);const Ne=K&&U<xe;if(!y||oe)return e(Et,{onBack:s});const _=ht(y.type),re=_?mt(_,o):null;if(_&&re){const n=d?.partId===O?d:null,a=_[re],p=a.writable===!0&&!!x,g=u=>{x&&m.replaceComponent(x.zone,x.index,{...y,props:Q(f,o,"role",u)})};return e(Ct,{region:a,sizePx:n?.base.sizePx??null,face:Z(f,o,n,N),base:n?.base??null,onFollowStyle:p?g:void 0,source:j,slug:me(f),onBack:s})}if(!x||!P)return Ne?e("div",{className:"sf-note","aria-busy":"true"}):e(Rt,{onBack:s,partId:O,why:x?"no field":"no selector"});const A=n=>{m.replaceComponent(x.zone,x.index,{...y,props:n})},X=n=>{if(M(n).hidden!==M(H).hidden||!w){const p=v?Ze(f,C,v,n):{...f,[C]:n};p&&A(p);return}lt({node:y,propKey:o,kind:w,zone:x.zone,index:x.index},M(n).text,m.replaceComponent)},ve=H,$=st(y?.type,o),Pe=he(f,$),B=d?.partId===O?d:null,k=[{partKey:$,face:Z(f,$,B,N),sizeGroup:B?.sizeGroup??null,base:B?.base??Ot,style:Pe}],we=ee(k,n=>n.sizeGroup),le=ot(B?.inks),L=(n,a)=>{let p=f;for(const g of k)p=Q(p,g.partKey,n,a);A(p)},Te=n=>L("role",n),Ce=()=>{let n=f;for(const a of k)n=nt(n,a.partKey);A(n)},Ee=n=>{let a=f;for(const p of k)for(const[g,u]of Object.entries(n))a=Q(a,p.partKey,g,u??null);A(a)},Re=(n,a)=>{const p=k.some(S=>S.style[n]!==void 0),g=ee(k,S=>vt(S,n)),u=g===null,F=`sf-part-${t}-${o}-${n}`;return n==="color"?e(De,{value:u?null:String(g),label:a,colors:le,onChange:S=>L("color",S)},n):e(de,{label:a,icon:bt[n],className:"sf-part-field",changed:p,htmlFor:F,action:p?e(ce,{label:a,onClear:()=>L(n,null)}):void 0,children:n==="font"?e(Ie,{id:F,ariaLabel:a,value:!u&&V(String(g))?String(g):void 0,placeholder:u?"Mixed":"Site style",options:Ke.map(S=>({label:S.label,value:S.key})),onChange:S=>L("font",S||null)}):null},n)},ie=w==="text"||w==="textarea",{text:ae,hidden:E}=M(H),R=P?.[He]?.label??o,Fe=r("div",{className:"sf-field-head",children:[e(We,{}),e("span",{className:"sf-field-label sf-field-label--inline",children:R}),ie&&e("button",{type:"button",className:"sf-field-eye","aria-pressed":E,"aria-label":E?`Show ${R} on the slide`:`Hide ${R} on the slide`,title:E?`Show ${R} on the slide`:`Hide ${R} on the slide`,onClick:()=>X({text:ae,hidden:!E}),children:E?e(ue,{name:"eye-off",size:14}):e(ue,{name:"eye",size:14})})]}),q=!ke&&Se;return r(wt,{sectionName:te?.label??y.type,onBack:s,textEditor:r("div",{ref:I,className:"sf-part-text",children:[w?e(Me,{text:ae,onTextChange:n=>X(ie?{text:n,hidden:E}:n),multiline:Xe(w),markup:w!=="plainText",styled:q,style:k[0].style,base:k[0].base,setValue:Ee,colors:le.map(n=>({name:n.key,label:n.name,value:n.value})),placeholder:qe(P),ariaLabel:R,head:Fe}):e(_e,{field:P,name:o,value:ve,onChange:X,id:`sf-part-${t}-${o}`}),q&&w&&we===null&&e("p",{className:"sf-field-hint",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[j&&e(be,{source:j,slug:me(f)}),q&&gt.map(n=>{const a=ye.filter(u=>u.group===n),p=a.filter(u=>k.some(F=>F.style[u.key]!==void 0)).length,g=`sf-part-g-${t}-${o}-${n.replace(/\W+/g,"-")}`;return r(Ae,{id:g,title:n,open:i[n]!==!0,onToggle:u=>T(F=>({...F,[n]:!u})),count:p,children:[e(Pt,{parts:k,onEditStyle:l,onClearAll:Ce,onFollowStyle:Te,kindLabel:rt[$]}),a.map(u=>Re(u.key,u.label))]},n)})]})}const Ot={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:tt};export{ye as PART_FIELDS,wt as PartPanelBody,ce as PartResetDot,be as PartSourceNote,Pt as PartStyleCard,Ft as default,Z as partFace,ln as partStyleName};

package/dist/components/PartStyledText.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export default function PartStyledText({ value, children, }: {
+    value: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PartStyledText.js

@@ -0,0 +1 @@
+"use client";import{Fragment as m,jsx as r}from"react/jsx-runtime";import{ClaimedStamp as s,usePublishedPartRule as n}from"./PublishedPartStylesContext.js";import{PART_STYLED_ATTR as i}from"../lib/puck/part-styles.js";function l({value:a,children:e}){const t=n(a);return t?r(s,{stamp:t.stamp,children:r("span",{[i]:t.stamp,children:e})}):r(m,{children:e})}export{l as default};