efficient-web-builder 0.9.0 → 1.0.0

package/dist/components/Breadcrumb.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as s,Fragment as c}from"react/jsx-runtime";import{Fragment as f}from"react";import{SiteLink as x}from"../lib/site-runtime.js";import{renderChrome as m,renderGold as d}from"./goldPhrases.js";function h({items:p,meta:n,editing:o=!1}){const l=(p??[]).filter(e=>e?.label?.trim()),t=l.length>0?l:o?[{label:"Breadcrumb"}]:[];return t.length===0&&!n?null:s("nav",{className:"flex items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[t.map((e,a)=>{const i=a===t.length-1;return s(f,{children:[a>0&&r("span",{className:"opacity-40",children:"/"}),e.href&&!i?r(x,{href:e.href,className:"hover:text-fg",children:m(e.label)}):r("span",{className:i?"text-fg":void 0,children:m(e.label)})]},a)}),n&&s(c,{children:[r("span",{className:"opacity-40",children:"\xB7"}),r("span",{children:d(n)})]})]})}export{h as default};

package/dist/components/Btn.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentPropsWithoutRef, CSSProperties, ReactNode } from "react";
+type Variant = "primary" | "ghost";
+interface CommonProps {
+    variant?: Variant;
+    arrow?: ReactNode | null;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+interface LinkProps extends CommonProps {
+    href: string;
+    newTab?: boolean;
+    type?: never;
+    onClick?: never;
+}
+interface ButtonProps extends CommonProps, Omit<ComponentPropsWithoutRef<"button">, keyof CommonProps> {
+    href?: undefined;
+    newTab?: undefined;
+}
+type Props = LinkProps | ButtonProps;
+export default function Btn(props: Props): import("react").JSX.Element;
+export {};

package/dist/components/Btn.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as h,jsxs as u}from"react/jsx-runtime";import{SiteLink as f}from"../lib/site-runtime.js";const g="sf-button group inline-flex items-center justify-center gap-2.5 border px-[22px] py-4 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] transition-colors",o={primary:"border-btn bg-btn text-btn-ink hover:border-btn-2 hover:bg-btn-2",ghost:"border-current bg-transparent hover:bg-white/10"};function x(i){const{variant:l="primary",arrow:e,className:c,style:t,children:p,href:n,newTab:b,...m}=i,s=`${g} ${o[l]??o.primary} ${c??""}`,a=u(h,{children:[p,e!==null&&r("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:e??"\u2192"})]});return n?r(f,{href:n,className:s,style:t,...b?{target:"_blank",rel:"noopener noreferrer"}:{},children:a}):r("button",{type:"button",className:s,style:t,...m,children:a})}export{x as default};

package/dist/components/ButtonBlock.d.ts

@@ -0,0 +1,13 @@
+type Variant = "primary" | "ghost";
+type Align = "left" | "center" | "right";
+export declare const BUTTON_BLOCK_CLASS = "sf-button-block";
+interface ButtonBlockProps {
+    label: string;
+    href: string;
+    variant: Variant;
+    align: Align;
+    contained: boolean;
+    arrow?: boolean;
+}
+export default function ButtonBlock({ label, href, variant, align, contained, arrow }: ButtonBlockProps): import("react").JSX.Element;
+export {};

package/dist/components/ButtonBlock.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{buttonArrowShown as f}from"../lib/content/button-arrow.js";import l from"./BlockFrame.js";import a from"./Btn.js";import{renderGold as m}from"./goldPhrases.js";const u="sf-button-block",d={left:"justify-start",center:"justify-center",right:"justify-end"};function p({label:t,href:o,variant:n,align:e,contained:i,arrow:s}){const c=f(s)?{}:{arrow:null};return r(l,{contained:i,className:`${u} py-4`,children:r("div",{className:`flex ${d[e]}`,children:r(a,{href:o||"#",variant:n,...c,children:m(t)})})})}export{u as BUTTON_BLOCK_CLASS,p as default};

package/dist/components/CardShadowField.d.ts

@@ -0,0 +1,6 @@
+import { type CardShadow } from "../lib/theme.js";
+export default function CardShadowField({ value, onChange, showHint, }: {
+    value: CardShadow | null;
+    onChange: (v: CardShadow | null) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;

package/dist/components/CardShadowField.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{SettingsField as i,SettingsSegmented as l}from"efficient-easel/panel";import{ShadowIcon as p}from"efficient-easel/icons";import{CARD_SHADOWS as c,DEFAULT_CARD_SHADOW as f}from"../lib/theme.js";import{PartResetDot as S}from"./PartResetDot.js";import{SITE_STYLE_UNSET_LABEL as h}from"./SiteStyleUnset.js";const s={none:"None",soft:"Soft",lifted:"Lifted"},x="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",m={none:"none",soft:"0 1px 1px rgba(20, 20, 22, 0.10), 0 2px 4px -1px rgba(20, 20, 22, 0.14)",lifted:"0 1px 2px rgba(20, 20, 22, 0.10), 0 4px 7px -2px rgba(20, 20, 22, 0.30)"},u={labelsPx:90.25,widestLabelPx:34.6};function A({value:t,onChange:a,showHint:r=!0}){const o=t===null,d=t??f;return e(i,{label:"Card shadow",icon:e(p,{}),value:o?h:s[t],changed:!o,action:o?void 0:e(S,{label:"Card shadow",what:"change",onClear:()=>a(null)}),hint:r?x:void 0,children:e(l,{options:c.map(n=>({id:n,label:s[n],icon:e("span",{className:"sf-shadow-chip",style:{boxShadow:m[n]}})})),value:d,ariaLabel:"Card shadow",fit:u,onChange:a})})}export{A as default};

package/dist/components/Cards.d.ts

@@ -0,0 +1,15 @@
+import type { SectionEyebrowLook } from "../lib/sections/section-eyebrow-look.js";
+export interface CardItem {
+    title?: string;
+    body?: string;
+}
+export interface CardsProps {
+    eyebrow?: string;
+    look?: SectionEyebrowLook;
+    title?: string;
+    items?: CardItem[];
+    columns?: number;
+    omitHead?: boolean;
+    editing?: boolean;
+}
+export default function Cards({ look, eyebrow, title, items, columns, omitHead, editing, }?: CardsProps): import("react").JSX.Element | null;

package/dist/components/Cards.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as h,jsxs as s}from"react/jsx-runtime";import f from"./SectionEyebrow.js";import{renderGold as x,renderHeadline as u}from"./goldPhrases.js";const 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 N({look:l,eyebrow:a,title:r,items:d,columns:p,omitHead:m=!1,editing:n=!1}={}){const c=Math.min(4,Math.max(2,p??3)),i=(d??[]).filter(t=>n||(t.title??"").trim()||(t.body??"").trim()),o=!!(a??"").trim()||!!(r??"").trim();return!n&&!o&&i.length===0?null:e("section",{className:"relative z-[2] bg-surface",children:s("div",{className:m?b:v,children:[m?null:s(h,{children:[(a??"").trim()&&e(f,{text:a??"",look:l,className:"mb-4 block"}),(r??"").trim()&&e("h2",{className:"mb-9 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-7 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:u(r??"",!1)})]}),i.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(--cd-cols),minmax(0,1fr))]",style:{"--cd-cols":String(c)},children:i.map((t,g)=>s("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[e("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:x((t.title??"").trim()||"Card title")}),e("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:x((t.body??"").trim()||"A short line about this card.")})]},g))})]})})}export{N as default};

package/dist/components/CategoryBar.d.ts

@@ -0,0 +1,16 @@
+export interface CategoryTab {
+    label: string;
+    count?: string;
+}
+export interface CategoryBarLink {
+    label: string;
+    href?: string;
+}
+export interface CategoryBarProps {
+    tabs?: CategoryTab[];
+    activeTab?: string;
+    links?: CategoryBarLink[];
+    sticky?: boolean;
+    editing?: boolean;
+}
+export default function CategoryBar({ tabs, activeTab, links, sticky, editing, }: CategoryBarProps): import("react").JSX.Element | null;

package/dist/components/CategoryBar.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import{SiteLink as g}from"../lib/site-runtime.js";import{renderChrome as l}from"./goldPhrases.js";import{STICKY_UNDERHEADER_CLASS as u}from"../lib/puck/header-clearance.js";function v({tabs:m,activeTab:o,links:d,sticky:b=!0,editing:h=!1}){const i=(m??[]).filter(e=>e?.label?.trim()),a=i.length>0?i:h?[{label:"Tab"}]:[],s=(d??[]).filter(e=>e?.label?.trim());if(a.length===0&&s.length===0)return null;const c=o?a.findIndex(e=>e.label.toLowerCase()===o.toLowerCase()):-1,f=c===-1?0:c;return r("nav",{className:`${b?`${u} sticky top-[var(--sf-header-h,88px)] z-40 `:""}border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[1100px]:px-[min(16px,var(--sf-site-gutter,40px))]`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:n("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[a.map((e,t)=>{const p=t===f,x=e.count?.trim()?e.count:"";return n("span",{className:["relative whitespace-nowrap border-r border-line px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",t===0?"border-l border-line":"",p?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[l(e.label),x&&r("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:l(x)}),p&&r("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},t)}),s.length>0&&r("div",{className:"ml-auto flex border-l border-line",children:s.map((e,t)=>n(g,{href:e.href||"#",className:"flex items-center gap-2.5 px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim hover:text-fg",children:[l(e.label)," ",r("span",{className:"text-accent",children:"\u2197"})]},t))})]})})}export{v as default};

package/dist/components/ChartSection.d.ts

@@ -0,0 +1,16 @@
+export interface ChartItem {
+    label?: string;
+    value?: string;
+}
+export type ChartStyle = "bars" | "line" | "donut";
+export interface ChartSectionProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    chartStyle?: ChartStyle;
+    items?: ChartItem[];
+    valueSuffix?: string;
+    caption?: string;
+    editing?: boolean;
+}
+export default function ChartSection({ eyebrow, title, body, chartStyle, items, valueSuffix, caption, editing, }?: ChartSectionProps): import("react").JSX.Element | null;

package/dist/components/ChartSection.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as o}from"react/jsx-runtime";import{renderGold as u,renderHeadline as y}from"./goldPhrases.js";function g(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}const v=[100,70,46,30,19,12];function b(e){return`color-mix(in srgb, var(--accent) ${v[e%v.length]}%, var(--bg))`}function N({data:e,suffix:x}){const h=Math.max(...e.map(m=>m.value),0)||1;return a("div",{className:"flex w-full flex-col gap-6",children:e.map((m,t)=>o("div",{children:[o("div",{className:"mb-2 flex items-baseline justify-between gap-4",children:[a("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg/60",children:u(m.label)}),o("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[g(m.value),x]})]}),a("div",{className:"h-[10px] border border-line bg-bg",children:a("div",{className:"h-full bg-accent",style:{width:`${Math.max(m.value/h*100,m.value===0?0:2)}%`}})})]},t))})}function k({data:e,suffix:x}){const t={l:42,r:42,t:36,b:38},f=640-t.l-t.r,c=300-t.t-t.b,n=Math.max(...e.map(l=>l.value),0)||1,s=e.length>1?f/(e.length-1):0,i=e.map((l,r)=>({x:t.l+(e.length>1?r*s:f/2),y:t.t+c-l.value/n*c})),d=i.map((l,r)=>`${r===0?"M":"L"}${l.x},${l.y}`).join(" "),p=`${d} L${i[i.length-1].x},${t.t+c} L${i[0].x},${t.t+c} Z`;return o("svg",{viewBox:"0 0 640 300",className:"w-full",role:"img","aria-hidden":!0,children:[[.25,.5,.75,1].map(l=>a("line",{x1:t.l,x2:640-t.r,y1:t.t+c*(1-l),y2:t.t+c*(1-l),stroke:"var(--line)",strokeWidth:"1"},l)),a("line",{x1:t.l,x2:640-t.r,y1:t.t+c,y2:t.t+c,stroke:"var(--line)",strokeWidth:"1.5"}),a("path",{d:p,fill:"var(--accent)",opacity:"0.13"}),a("path",{d,fill:"none",stroke:"var(--accent)",strokeWidth:"2.5"}),i.map((l,r)=>o("g",{children:[a("circle",{cx:l.x,cy:l.y,r:"4",fill:"var(--accent)"}),o("text",{x:l.x,y:l.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[g(e[r].value),x]}),a("text",{x:l.x,y:288,textAnchor:"middle",className:"font-mono",fontSize:"10",letterSpacing:"0.1em",fill:"var(--fg)",opacity:"0.55",children:e[r].label.toUpperCase()})]},r))]})}function $({data:e,suffix:x}){const h=e.reduce((n,s)=>n+s.value,0)||1,m=80,t=2*Math.PI*m;let f=0;const c=e.map((n,s)=>{const i=n.value/h,d={frac:i,dash:Math.max(i*t-3,0),off:f,ink:b(s)};return f+=i*t,d});return o("div",{className:"flex w-full flex-wrap items-center justify-center gap-10",children:[a("svg",{viewBox:"0 0 200 200",className:"w-[220px] max-w-full -rotate-90",role:"img","aria-hidden":!0,children:c.map((n,s)=>a("circle",{cx:"100",cy:"100",r:m,fill:"none",stroke:n.ink,strokeWidth:"34",strokeDasharray:`${n.dash} ${t-n.dash}`,strokeDashoffset:-n.off},s))}),a("ul",{className:"flex min-w-[200px] flex-1 flex-col gap-3",children:e.map((n,s)=>o("li",{className:"flex items-baseline gap-3",children:[a("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] flex-shrink-0 rotate-45",style:{background:b(s)}}),a("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:u(n.label)}),a("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:x?`${g(n.value)}${x}`:`${Math.round(n.value/h*100)}%`})]},s))})]})}function w({eyebrow:e,title:x,body:h,chartStyle:m,items:t,valueSuffix:f,caption:c,editing:n=!1}={}){const s=(f??"").trim()===""?"":f??"",i=(t??[]).map(r=>({label:(r.label??"").trim(),value:parseFloat(r.value??"")})).filter(r=>n?!0:r.label&&Number.isFinite(r.value)).map(r=>({label:r.label||"\u2014",value:Number.isFinite(r.value)?r.value:0})),d=!!(e??"").trim()||!!(x??"").trim();if(!n&&!d&&i.length===0)return null;const p=m??"bars",l=i.length===0?null:p==="line"&&i.length>1?a(k,{data:i,suffix:s}):p==="donut"?a($,{data:i,suffix:s}):a(N,{data:i,suffix:s});return a("section",{className:"relative z-[2] border-y border-line bg-surface",children:o("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-template-columns:minmax(0,5fr)_minmax(0,7fr)] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[o("div",{children:[(e??"").trim()&&a("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",children:u(e??"")}),(x??"").trim()&&a("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:y(x??"",!1)}),(h??"").trim()&&a("p",{className:"mt-5 max-w-[46ch] text-[length:var(--size-body,15px)] leading-relaxed text-fg/65",children:h})]}),o("div",{children:[l,(c??"").trim()&&a("p",{className:"mt-4 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg/40",children:c})]})]})})}export{w as default};

package/dist/components/ChatSettingsPanel.d.ts

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

package/dist/components/ChatSettingsPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as c,Fragment as d}from"react/jsx-runtime";import{useEffect as f,useId as m,useState as b}from"react";import{usePreviewChat as g}from"./PreviewChatContext.js";import{SettingsField as p,SettingsSwitch as w}from"efficient-easel/panel";import{TypeIcon as C}from"efficient-easel/icons";import{GroupLabel as L}from"../lib/puck/controls.js";const E="Chat with us",y="We usually reply within a few minutes",T="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function s({label:t,value:l,placeholder:n,onCommit:a,multiline:u=!1}){const[r,o]=b(l);f(()=>o(l),[l]);const h=()=>{r!==l&&a(r)};return e(p,{label:t,icon:e(C,{}),children:u?e("textarea",{value:r,placeholder:n,rows:3,onChange:i=>o(i.target.value),onBlur:h,"aria-label":t}):e("input",{type:"text",value:r,placeholder:n,onChange:i=>o(i.target.value),onBlur:h,onKeyDown:i=>{i.key==="Enter"&&i.currentTarget.blur()},"aria-label":t,autoComplete:"off"})})}function v(){const{chat:t,setChat:l}=g(),n=m();return c(d,{children:[c("div",{className:"sf-field sf-field--row",children:[e("span",{id:n,className:"sf-field-label sf-field-label--inline",children:"Show the chat bubble"}),e(w,{checked:t.enabled,onChange:a=>l({enabled:a}),ariaLabelledBy:n})]}),e("p",{className:"sf-field-hint",children:t.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),e(L,{label:"Wording"}),e(s,{label:"Title",value:t.title,placeholder:E,onCommit:a=>l({title:a})}),e(s,{label:"Subtitle",value:t.subtitle,placeholder:y,onCommit:a=>l({subtitle:a})}),e(s,{label:"Greeting message",value:t.greeting,placeholder:T,onCommit:a=>l({greeting:a}),multiline:!0}),e("p",{className:"sf-field-hint",children:"Leave a field blank to use the built-in wording."})]})}export{v as default};

package/dist/components/ClearColoursDialog.d.ts

@@ -0,0 +1,5 @@
+export declare function ClearColoursDialog({ count, onCancel, onConfirm, }: {
+    count: number;
+    onCancel: () => void;
+    onConfirm: () => void;
+}): import("react").JSX.Element;

package/dist/components/ClearColoursDialog.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";function c(l){return l===1?"1 color theme":`${l} color themes`}function i({count:l,onCancel:a,onConfirm:r}){return e("div",{className:"sf-cleardlg-veil",role:"dialog","aria-modal":"true","aria-labelledby":"sf-clear-colours-title",children:s("div",{className:"sf-cleardlg",children:[e("h2",{id:"sf-clear-colours-title",className:"sf-cleardlg-title",children:"Clear this site\u2019s colors?"}),s("p",{className:"sf-cleardlg-body",children:["This site has ",c(l)," of its own. Clearing takes them away and puts back the four the shop supplies."]}),e("p",{className:"sf-cleardlg-final",children:"This cannot be undone."}),s("div",{className:"sf-cleardlg-btns",children:[e("button",{type:"button",onClick:a,className:"sf-cleardlg-btn",children:"Cancel"}),e("button",{type:"button",onClick:r,className:"sf-cleardlg-btn sf-cleardlg-btn--danger",children:"Clear colors"})]})]})})}export{i as ClearColoursDialog};

package/dist/components/ContactLocations.d.ts

@@ -0,0 +1,17 @@
+import { type ContactLocationCard } from "../lib/content/contact.js";
+import { type MapThemeMode } from "../lib/map-styles.js";
+export interface ContactLocationsProps {
+    sectionNumber?: string;
+    heading?: string;
+    tagline?: string;
+    galleryKicker?: string;
+    galleryHint?: string;
+    locations?: ContactLocationCard[];
+    apiKey?: string;
+    mapId?: string;
+    mapTheme?: MapThemeMode;
+    imageShape?: string;
+    editing?: boolean;
+    nodeId?: string;
+}
+export default function ContactLocations({ sectionNumber, heading, tagline, galleryKicker, galleryHint, locations, apiKey, mapId, mapTheme, imageShape, editing, nodeId, ...widthProps }: ContactLocationsProps): import("react").JSX.Element;

package/dist/components/ContactLocations.js

@@ -0,0 +1,73 @@
+"use client";import{jsx as t,jsxs as i,Fragment as G}from"react/jsx-runtime";import{sectionRunsFullWidth as Q}from"../lib/content/section-width.js";import{SiteImage as ee}from"../lib/site-runtime.js";import{markOverlayPortal as te}from"../lib/puck/overlay-portal.js";import{useEffect as j,useRef as U,useState as T}from"react";import{stripMarkup as ae}from"../lib/markup.js";import ne from"./EditorialSectionHead.js";import oe from"./SectionEyebrow.js";import{scrollBehavior as K}from"./useReducedMotion.js";import{renderGold as q,renderHeadline as re}from"./goldPhrases.js";import{CONTACT_LOCATIONS_CARDS_PLACEHOLDER as ie,CONTACT_LOCATIONS_DEFAULTS as z,parseLocationTileShape as se,splitLegacyRegion as ce}from"../lib/content/contact.js";import{galleryCardRatioClass as le}from"../lib/content/gallery-card-layout.js";import{MAP_PALETTE as de,mapBackgroundFor as P,mapMarkerColorFor as W,mapPaletteFor as pe,mapStylesFor as V,watchMapTheme as me}from"../lib/map-styles.js";import{hasMapCoords as ue,loadGoogleMaps as ge}from"../lib/maps-loader.js";import{resolveMapId as fe,resolveMapsKey as he,useSiteMapId as be,useSiteMapsKey as xe}from"../lib/maps-config.js";import{bucketByGroup as ve,groupColsClass as X}from"../lib/locations-grid.js";import{encodeLocationPartId as Y,usePreviewLocationPart as ye}from"./PreviewLocationPartContext.js";import{LocationGroupHeader as ke}from"./LocationGroupHeader.js";import{tk as J}from"./floating-editor/tokens.js";const we=`
+  .studio-map .gmap-canvas img[src*="google"] {
+    filter: grayscale(1) brightness(0.55) contrast(0.9);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas a[href*="maps.google.com"] {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas .gm-style-cc {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.55;
+  }
+  .studio-map .gmap-canvas .gm-style-cc *,
+  .studio-map .gmap-canvas .gm-style-cc a {
+    color: var(--fg-dim) !important;
+    background: transparent !important;
+  }
+  .studio-map .gmap-canvas .gm-style {
+    font-family: var(--font-role-label), var(--font-mono-fallback) !important;
+  }
+  .contact-loc {
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition: outline-color 600ms ease-out;
+  }
+  .contact-loc > div:first-child { transition: background-color 600ms ease-out; }
+  .contact-loc > div:first-child * { transition: color 600ms ease-out; }
+  .contact-loc[data-active="true"] { outline-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child { background-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child,
+  .contact-loc[data-active="true"] > div:first-child * { color: var(--bg) !important; }
+`,Ne=`
+.loc-part-pick { cursor: pointer; position: relative; }
+/* \u26A0\uFE0F AN OVERLAY, NOT AN outline, AND THAT IS THE WHOLE FIX.
+   An inset outline is painted in the element's own box decoration and a
+   full-bleed child sitting above it hides it completely. A city TILE stacks
+   three: the picture (or its placeholder) at absolute inset-0, the gradient
+   scrim at absolute inset-0, and the caption at z-[1]. A MAP stacks its
+   canvas at absolute inset-0 and its address card at z-10 \u2014 but its
+   background is painted on the element itself, so its outline survived. That is
+   why the merchant saw the ring on the map and not on the picture: not a dead
+   control, a control that could not say it was live. Owner, 2026-09-09, having
+   clicked it: it works when clicked, hovering the picture shows nothing.
+   A ::after above every one of those children cannot be covered by any of
+   them, and it is the SAME rule for both halves rather than two that have to
+   agree. pointer-events: none so the ring never eats the click it advertises. */
+.loc-part-pick::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 30;
+  pointer-events: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  transition: box-shadow 120ms ease-out;
+}
+.loc-part-pick:hover::after {
+  /* \u26A0\uFE0F 8-DIGIT HEX, NOT color-mix(). Measured in a real editor: the same accent
+     written as color-mix(in srgb, X 45%, transparent) resolved to FULLY
+     TRANSPARENT inside a box-shadow, so the hover ring computed correctly and
+     painted nothing \u2014 the exact failure this whole change is fixing, reproduced
+     one layer down. The [data-selected] rule below, which names a plain colour,
+     painted blue in the same breath. 73 is 45% of 255. */
+  box-shadow: inset 0 0 0 2px ${J.accent}73;
+}
+.loc-part-pick[data-selected]::after {
+  box-shadow: inset 0 0 0 2px ${J.accent};
+}
+@media (prefers-reduced-motion: reduce) {
+  .loc-part-pick::after { transition: none; }
+}
+`;function Z({value:p}){if(typeof p=="string"){const a=p.split(`
+`);return t(G,{children:a.map((b,l)=>i("span",{children:[b,l<a.length-1?t("br",{}):null]},l))})}return t(G,{children:p})}function Se(){return t("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"repeating-linear-gradient(45deg, rgba(201,164,97,.05) 0 1px, transparent 1px 14px), linear-gradient(135deg, var(--surface-2), var(--surface))"},children:i("svg",{width:"34",height:"34",viewBox:"0 0 24 24",fill:"none",stroke:"var(--fg-dim)",strokeWidth:1.4,"aria-hidden":"true",style:{opacity:.4},children:[t("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),t("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),t("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function Ae({sectionNumber:p=z.sectionNumber,heading:a=z.heading,tagline:b=z.tagline,galleryKicker:l=z.galleryKicker,galleryHint:f=z.galleryHint,locations:k=ie,apiKey:C="",mapId:I="",mapTheme:n="auto",imageShape:x,editing:m,nodeId:s,...v}){const[R,L]=T(!1);j(()=>{const e=()=>L(document.documentElement.getAttribute("data-theme")==="light");e();const r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r.disconnect()},[]);const[$,M]=T(null),N=e=>`loc-${e}`,B=e=>{M(e),typeof document<"u"&&document.getElementById(e)?.scrollIntoView({behavior:K(),block:"start"}),!m&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${e}`)};j(()=>{if(typeof window>"u")return;const e=window.location.hash.replace(/^#/,"");!e||!document.getElementById(e)||(M(e),requestAnimationFrame(()=>{document.getElementById(e)?.scrollIntoView({behavior:K(),block:"start"})}))},[]);const D=le(se(x)),{select:d,selectedLocationPartId:u}=ye(),F=(e,r)=>s?Y(s,e,r):"",O=(e,r)=>!!(m&&s&&u===F(e,r)),A=(e,r)=>m&&s?`${e}:${r}`:void 0,E=U(null);j(()=>{if(!m||!s)return;const e=E.current;if(!e)return;const g=Array.from(e.querySelectorAll("[data-loc-pick]")).map(o=>{const h=te(o),w=y=>{const c=o.getAttribute("data-loc-pick")??"",[_,H]=c.split(":");H!=="image"&&H!=="map"||(y.stopPropagation(),y.preventDefault(),d(Y(s,Number(_),H)))};return o.addEventListener("click",w,{capture:!0}),()=>{h?.(),o.removeEventListener("click",w,{capture:!0})}});return()=>g.forEach(o=>o())},[m,s,d,k.length]);const S=ve(k,e=>String(e.group??""),e=>String(e.groupName??""));return i("section",{id:"studios",ref:E,className:Q(v)?"scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",style:R?void 0:{background:"var(--section-bg)"},children:[t("style",{dangerouslySetInnerHTML:{__html:we}}),m&&s&&t("style",{dangerouslySetInnerHTML:{__html:Ne}}),(p||a||b)&&t(ne,{num:p,title:a?re(a,!0):void 0,desc:b?q(b):void 0,spaceBelow:"mb-10"}),k.length>0&&i("div",{className:"mb-12",children:[(l||f)&&i("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[l&&t(oe,{text:l,size:12}),f&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:q(f)})]}),t("div",{className:"flex flex-col gap-6",children:S.map((e,r)=>{const g=e.items.length===1;return i("div",{children:[e.key&&t("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:e.key}),t("div",{className:["grid gap-[2px] border border-line bg-line",X(e.items.length),e.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:e.items.map(({item:o,index:h})=>{const w=String(o?.name??""),y=String(o?.photo??""),c=N(h);return i("a",{href:`#${c}`,"aria-label":`Jump to ${w||"location"} map`,onClick:_=>{_.preventDefault(),B(c)},"data-loc-pick":A(h,"image"),className:["group relative block",D,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",g?"max-h-[440px]":"",...A(h,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":O(h,"image")?"":void 0,children:[y?t(ee,{src:y,alt:ae(w||"Location"),fill:!0,sizes:g?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):t(Se,{}),t("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),t("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-start gap-2 px-3 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-overlay-fg/85",children:t("span",{children:w})})]},h)})})]},e.key?`g:${e.key}`:`ungrouped:${r}`)})})]}),S.map((e,r)=>i("div",{className:r===0?"":"mt-10",children:[e.key&&t(ke,{groupKey:e.key,name:e.name,count:e.items.length}),t("div",{className:["grid gap-[2px] border border-line bg-line",X(e.items.length),e.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:e.items.map(({item:g,index:o})=>t(Ce,{id:N(o),card:g,active:$===N(o),apiKey:C,mapId:I,mapTheme:n,mapPick:A(o,"map"),mapSelected:O(o,"map")},o))})]},e.key?`g:${e.key}`:`ungrouped:${r}`)),k.length>0&&i("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates \xA9"," ",t("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function Ce({id:p,card:a,active:b,apiKey:l,mapId:f,mapTheme:k,mapPick:C,mapSelected:I}){const n=a.phone?`tel:${String(a.phone).replace(/[^+\d]/g,"")}`:void 0,x=ce(a.region),m=String(a.state??"").trim()||x.state,s=String(a.country??"").trim()||x.country,v=[m,s].filter(Boolean).join(" \xB7 ");return i("article",{id:p,"data-active":b?"true":void 0,className:"contact-loc grid min-h-[840px] scroll-mt-[120px] grid-rows-[auto_1fr] bg-bg max-[1100px]:min-h-0",children:[i("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[i("div",{className:"flex items-start justify-between gap-3.5",children:[i("div",{children:[a.name&&t("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:a.name}),v&&t("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:v})]}),a.timezone&&t("span",{className:"whitespace-nowrap border border-line px-2.5 py-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:a.timezone})]}),a.address!=null&&a.address!==""&&t("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:t(Z,{value:a.address})}),a.phone&&t("div",{children:t("a",{href:n,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg hover:text-accent",children:a.phone})}),a.hours!=null&&a.hours!==""&&t("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:t(Z,{value:a.hours})})]}),t(Le,{name:String(a.name??""),state:m,country:s,lat:Number(a.lat),lng:Number(a.lng),mapsUrl:String(a.mapsUrl??""),apiKey:l,mapId:f,mapTheme:k,pick:C,selected:I})]})}const Ie=13;function Le({name:p,state:a,country:b,lat:l,lng:f,mapsUrl:k,apiKey:C,mapId:I,mapTheme:n="auto",pick:x,selected:m}){const s=he(C,xe()),v=fe(I,be()),R=ue(l,f),L=!!s&&R,$=a,M=U(null),N=U(null),[B,D]=T(!1),d=n!=="auto",u=pe(n),[F,O]=T(n==="auto"?de.dark.background:P(n));j(()=>{O(P(n))},[n]),j(()=>{if(!L)return;const S=M.current;if(!S)return;let e=null,r=null,g=!1,o=null;const h=c=>({path:c.SymbolPath.CIRCLE,scale:7,fillColor:W(n),fillOpacity:1,strokeColor:W(n),strokeOpacity:.25,strokeWeight:10}),w=async()=>{try{const c=await ge(s);if(g||!N.current)return;e=new c.Map(N.current,{center:{lat:l,lng:f},zoom:Ie,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:P(n),...v?{mapId:v}:{styles:V(n)}}),r=new c.Marker({map:e,position:{lat:l,lng:f},icon:h(c)}),e.addListener("tilesloaded",()=>{g||D(!0)}),n==="auto"&&!v&&(o=me(()=>{g||!e||(e.setOptions({styles:V(n),backgroundColor:P(n)}),r?.setIcon(h(c)),O(P(n)))}))}catch(c){console.error("[StudioMap] Maps SDK failed:",c)}},y=new IntersectionObserver(c=>{for(const _ of c)if(_.isIntersecting){y.disconnect(),w();break}},{rootMargin:"200px"});return y.observe(S),()=>{g=!0,y.disconnect(),o?.()}},[L,s,l,f,v,n]);const A=k||(p?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([p,a,b].filter(Boolean).join(" "))}`:""),E=i("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",d?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:d?{backgroundColor:u.info.bg,borderColor:`color-mix(in oklab, ${u.info.fgDim} 35%, transparent)`,boxShadow:u.info.shadow}:void 0,children:[i("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:d?{color:u.info.fg}:void 0,children:[p||"Location",$?`, ${$}`:""]}),A&&t("a",{href:A,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",d?"":"text-accent hover:text-fg"].join(" "),style:d?{color:u.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!L){const S=d?`linear-gradient(135deg, ${u.background}, ${u.info.bg})`:"linear-gradient(135deg, var(--surface-2), var(--surface))";return i("div",{"data-loc-pick":x,className:["relative overflow-hidden max-[1100px]:aspect-square",d?"":"bg-bg",...x?["loc-part-pick"]:[]].join(" "),"data-selected":m?"":void 0,style:{...d?{backgroundColor:u.background}:null,backgroundImage:`repeating-linear-gradient(45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), ${S}`},children:[E,t("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em]",d?"":"text-fg-dim/40"].join(" "),style:d?{color:u.info.fgDim,opacity:.4}:void 0,children:s?"Add latitude & longitude":"Add a Google Maps API key"})]})}return i("div",{ref:M,"data-loc-pick":x,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...x?["loc-part-pick"]:[]].join(" "),"data-selected":m?"":void 0,style:{backgroundColor:F},children:[t("div",{ref:N,className:"gmap-canvas absolute inset-0"}),t("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim transition-opacity duration-500",B?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),E]})}export{Ae as default};

package/dist/components/CornersField.d.ts

@@ -0,0 +1,7 @@
+export declare const CORNERS_LABEL = "Corners";
+export declare const CORNERS_UNSET_LABEL = "Not set";
+export default function CornersField({ value, onChange, showHint, }: {
+    value: number | null;
+    onChange: (v: number | null) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;

package/dist/components/CornersField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsField as i}from"efficient-easel/panel";import{SquareIcon as l}from"efficient-easel/icons";import{CORNER_RADIUS_MAX as u,CORNER_RADIUS_MIN as s}from"../lib/theme.js";import{Slider as c}from"../lib/puck/controls.js";import{PartResetDot as p}from"./PartSettingsPanel.js";const d="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",n="Corners",m="Not set";function R({value:o,onChange:r,showHint:a=!0}){const e=o===null;return t(i,{label:n,icon:t(l,{}),value:e?m:`${o}px`,changed:!e,action:e?null:t(p,{label:n,what:"change",onClear:()=>r(null)}),hint:a?d:void 0,children:t(c,{min:s,max:u,step:1,value:o??s,readout:!1,ariaLabel:n,onChange:r})})}export{n as CORNERS_LABEL,m as CORNERS_UNSET_LABEL,R as default};

package/dist/components/CountUpText.d.ts

@@ -0,0 +1,3 @@
+export default function CountUpText({ value }: {
+    value: string;
+}): import("react").JSX.Element;

package/dist/components/CountUpText.js

@@ -0,0 +1 @@
+"use client";import{Fragment as s,jsx as e,jsxs as m}from"react/jsx-runtime";import{stripMarkup as i}from"../lib/markup.js";import p from"./PartStyledText.js";import{renderGold as a}from"./goldPhrases.js";import{useCountUp as c}from"./useCountUp.js";function f({value:r}){const t=r.match(/^(\d+)(.*)$/),{ref:n,value:o}=c(t?Number.parseInt(t[1],10):0);return!t||i(r)!==r?e(s,{children:a(r)}):e(p,{value:r,children:m("span",{ref:n,children:[o,t[2]]})})}export{f as default};

package/dist/components/Divider.d.ts

@@ -0,0 +1,9 @@
+import { type DividerStyle } from "../lib/sections/divider-style.js";
+type Spacing = "sm" | "md" | "lg";
+interface DividerProps {
+    spacing: Spacing;
+    contained: boolean;
+    style?: DividerStyle;
+}
+export default function Divider({ spacing, contained, style, }: DividerProps): import("react").JSX.Element;
+export {};

package/dist/components/Divider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import t from"./BlockFrame.js";import{DEFAULT_DIVIDER_STYLE as i,STRIPE_BAND_HEIGHT_PX as a,parseDividerStyle as d,stripeBackground as n}from"../lib/sections/divider-style.js";const c={sm:"my-6",md:"my-12",lg:"my-20"};function l({spacing:o,contained:s,style:m=i}){const e=n(d(m));return r(t,{contained:s,className:c[o],children:e?r("hr",{className:"border-x-0 border-y border-line",style:{height:a,backgroundImage:e}}):r("hr",{className:"border-0 border-t border-line"})})}export{l as default};

package/dist/components/DocBody.d.ts

@@ -0,0 +1,13 @@
+export interface DocBodySection {
+    label: string;
+    heading: string;
+    body: string;
+}
+export declare function sectionAnchorId(label: string, index: number): string;
+export interface DocBodyProps {
+    tocTitle?: string;
+    sections?: DocBodySection[];
+    editing?: boolean;
+    stickyTop?: number;
+}
+export default function DocBody({ tocTitle, sections, editing, stickyTop, }: DocBodyProps): import("react").JSX.Element | null;

package/dist/components/DocBody.js

@@ -0,0 +1,7 @@
+import{jsx as r,jsxs as m}from"react/jsx-runtime";import{renderGold as c}from"./goldPhrases.js";import{storefrontLines as b}from"../lib/markup.js";function u(i,l){return i.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${l+1}`}function y(i){const l=[];for(const p of i.replace(/\r\n?/g,`
+`).split(/\n[ \t]*\n/))p.split(`
+`).map(a=>a.replace(/\s+$/,"")).filter(a=>a.trim()!=="").forEach((a,d)=>{const x=b(a)[0].bullet,n=l.at(-1),e=d===0||!n||n.type==="ul"!==x;if(x){const t=a.slice(2);!e&&n?.type==="ul"?n.items.push(t):l.push({type:"ul",items:[t]})}else!e&&n?.type==="p"?n.text+=`
+${a}`:l.push({type:"p",text:a})});return l}const v=[{label:"First section",heading:"Your *first* section.",body:`Write the opening paragraph here.
+
+- Start a line with a dash for a bullet.
+- Add as many as you like.`},{label:"Second section",heading:"Your *second* section.",body:"Leave a blank line between paragraphs to start a new one."}],w=120;function N({tocTitle:i,sections:l,editing:p=!1,stickyTop:f=w}){const a=(l??[]).filter(e=>(e.heading??"").trim()!==""||(e.label??"").trim()!==""||(e.body??"").trim()!=="");if(a.length===0&&!p)return null;const d=a.length===0&&p?v:a,x=new Set,n=d.map((e,t)=>{const o=u(e.label||e.heading||"",t);let s=o,g=2;for(;x.has(s);)s=`${o}-${g++}`;return x.add(s),s});return r("section",{className:"relative z-[2] bg-bg",children:m("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[240px_1fr] items-start gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[900px]:grid-cols-1 max-[900px]:gap-10 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-[60px]",children:[m("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:f},children:[i&&r("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:c(i)}),d.map((e,t)=>m("a",{href:`#${n[t]}`,className:`flex items-center justify-between gap-3 border-b border-line py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim transition-colors hover:text-fg${t===0?" border-t":""}`,children:[r("span",{children:c(e.label||"Section")}),r("span",{className:"text-accent",children:String(t+1).padStart(2,"0")})]},n[t]))]}),r("div",{className:"flex flex-col gap-16",children:d.map((e,t)=>m("article",{id:n[t],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:f},children:[m("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(t+1).padStart(2,"0")," \xB7 ",c(e.label||"Section")]}),e.heading&&r("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:c(e.heading)}),y(e.body??"").map((o,s)=>o.type==="ul"?r("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:o.items.map((g,h)=>r("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:c(g)},h))},s):r("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:c(o.text)},s))]},n[t]))})]})})}export{N as default,u as sectionAnchorId};

package/dist/components/DocMasthead.d.ts

@@ -0,0 +1,13 @@
+export interface DocMastheadMeta {
+    label: string;
+    value: string;
+}
+export interface DocMastheadProps {
+    titleLevel?: number;
+    eyebrow?: string;
+    title?: string;
+    deck?: string;
+    meta?: DocMastheadMeta[];
+    editing?: boolean;
+}
+export default function DocMasthead({ eyebrow, title, deck, meta, editing, titleLevel, }: DocMastheadProps): import("react").JSX.Element | null;

package/dist/components/DocMasthead.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import d from"./SectionEyebrow.js";import{renderGold as s,renderHeadline as c}from"./goldPhrases.js";function g({level:t,className:l,children:r}){return a(t===2?"h2":"h1",{className:l,children:r})}function f({eyebrow:t,title:l,deck:r,meta:x,editing:p=!1,titleLevel:m}){const n=(x??[]).filter(e=>(e.label??"").trim()!==""||(e.value??"").trim()!=="");return!!!(t||l||r||n.length>0)&&!p?null:a("section",{className:"relative z-[2] bg-bg",children:i("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:pt-[60px] max-[900px]:pb-10",children:[i("div",{className:"grid grid-cols-[auto_1fr_auto] items-end gap-10 pb-8 max-[900px]:grid-cols-1 max-[900px]:gap-4",children:[t&&a(d,{text:t,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),l&&a(g,{level:m,className:"font-display text-[length:min(var(--size-headingLarge,clamp(56px,8vw,128px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.88] tracking-[-0.04em]",children:c(l,!0)}),n.length>0&&a("div",{className:"pb-3 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[900px]:pb-0 max-[900px]:text-left",children:n.map((e,o)=>i("div",{children:[e.label&&a("strong",{className:"font-normal text-fg",children:s(e.label)}),e.label&&e.value?" ":null,e.value?s(e.value):null]},o))})]}),r&&a("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:s(r,!0)})]})})}export{f as default};

package/dist/components/DocMetaCards.d.ts

@@ -0,0 +1,10 @@
+export interface DocMetaCard {
+    label: string;
+    value: string;
+    desc: string;
+}
+export interface DocMetaCardsProps {
+    cards?: DocMetaCard[];
+    editing?: boolean;
+}
+export default function DocMetaCards({ cards, editing }: DocMetaCardsProps): import("react").JSX.Element | null;

package/dist/components/DocMetaCards.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as x}from"react/jsx-runtime";import n from"./SectionEyebrow.js";import{renderGold as t}from"./goldPhrases.js";function d({cards:i,editing:s=!1}){const r=(i??[]).filter(e=>(e.label??"").trim()!==""||(e.value??"").trim()!==""||(e.desc??"").trim()!=="");return r.length===0&&!s?null:a("section",{className:"relative z-[2] bg-bg",children:a("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-3 gap-10 border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[900px]:grid-cols-1 max-[900px]:gap-4 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-10",children:r.map((e,l)=>x("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[e.label&&a(n,{text:e.label,size:12}),e.value&&a("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:t(e.value)}),e.desc&&a("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:t(e.desc)})]},l))})})}export{d as default};

package/dist/components/DocTabs.d.ts

@@ -0,0 +1,12 @@
+export interface DocTab {
+    label: string;
+    href: string;
+    current: boolean;
+}
+export interface DocTabsProps {
+    tabs?: DocTab[];
+    metaLabel?: string;
+    metaValue?: string;
+    editing?: boolean;
+}
+export default function DocTabs({ tabs, metaLabel, metaValue, editing }: DocTabsProps): import("react").JSX.Element | null;

package/dist/components/DocTabs.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as s}from"react/jsx-runtime";import{SiteLink as d}from"../lib/site-runtime.js";import{renderChrome as m,renderGold as i}from"./goldPhrases.js";import{STICKY_UNDERHEADER_CLASS as f}from"../lib/puck/header-clearance.js";function b({tabs:c,metaLabel:r,metaValue:t,editing:p=!1}){const n=(c??[]).filter(e=>(e.label??"").trim()!=="");if(n.length===0&&!p)return null;const x=n.findIndex(e=>e.current);return a("nav",{className:`${f} sticky top-[var(--sf-header-h,88px)] z-40 border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[900px]:px-4`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:s("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[n.map((e,o)=>{const l=o===x;return s(d,{href:e.href||"#",className:["relative whitespace-nowrap border-r border-line px-[26px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",o===0?"border-l border-line":"",l?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[m(e.label),l&&a("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},o)}),(r||t)&&s("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[r&&i(r),t&&a("strong",{className:"ml-2 font-normal text-accent",children:i(t)})]})]})})}export{b as default};

package/dist/components/DuplicateToPageMenu.d.ts

@@ -0,0 +1,12 @@
+import type { RefObject } from "react";
+import { type TreeItem } from "../lib/puck/content-tree.js";
+interface Props {
+    node: TreeItem;
+    currentSlug: string;
+    siteId?: string;
+    tokenRef: RefObject<string | null>;
+    runAuthed: (op: (token: string) => Promise<unknown>) => Promise<boolean>;
+    onNotify?: (msg: string, tone?: "success" | "error") => void;
+}
+export default function DuplicateToPageMenu({ node, currentSlug, siteId, tokenRef, runAuthed, onNotify }: Props): import("react").JSX.Element;
+export {};

package/dist/components/DuplicateToPageMenu.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as i,Fragment as C}from"react/jsx-runtime";import{useCallback as A,useEffect as H,useRef as z,useState as n}from"react";import{createPortal as W}from"react-dom";import{InspectorIconButton as $}from"efficient-easel/chrome";import{CopyToPageIcon as K}from"efficient-easel/icons";import{backendOf as P}from"../lib/editor-session.js";import{useEditorSession as Y}from"../lib/editor-session-context.js";import{cloneNodeWithFreshIds as q}from"../lib/puck/section-doc.js";import{FOOTER_TYPE as G}from"../lib/puck/content-tree.js";function J({node:T,currentSlug:j,siteId:c,tokenRef:g,runAuthed:B,onNotify:D}){const[s,o]=n(!1),[y,b]=n(null),r=Y(),[F,u]=n(!1),[d,w]=n(null),m=z(null),[f,I]=n(null),[v,L]=n(null),M=A(async()=>{if(r.usesBridgedToken&&!g.current){u(!0);return}try{b(await P(r).pages.list(c?{siteId:c}:void 0))}catch{u(!0)}},[g,c,r]),O=()=>{if(s){o(!1);return}const e=m.current?.getBoundingClientRect();e&&I({top:e.bottom+6,right:Math.max(8,window.innerWidth-e.right)}),L(m.current?.closest(".sf-editor")??document.body),b(null),u(!1),M(),o(!0)};H(()=>{if(!s)return;const e=a=>{a.key==="Escape"&&o(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]);const N=(y??[]).filter(e=>e.slug!==j),R=async e=>{if(d)return;w(e.slug);const a=q(T),S=r.documentHooks?.storedNode?.(a)??a,k=P(r).pages,E=await B(async()=>{const p=await k.load({id:e.id});if(!p)throw new Error(`Page "${e.slug}" no longer exists.`);const h=p.layout??{},l=Array.isArray(h.content)?[...h.content]:[],x=l.findIndex(_=>_?.type===G);l.splice(x===-1?l.length:x,0,S),await k.save(e.id,{layout:{root:{},zones:{},...h,content:l}},{version:p.version,clientId:""})});w(null),o(!1),D?.(E?`Duplicated to \u201C${e.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",E?"success":"error")};return i(C,{children:[t($,{buttonRef:m,label:"Duplicate to another page",hasPopup:"menu",expanded:s,onClick:O,children:t(K,{size:15})}),s&&f&&v&&W(i(C,{children:[t("div",{className:"sf-dupmenu-backdrop",onClick:()=>o(!1)}),i("div",{className:"sf-dupmenu",role:"menu",style:{top:f.top,right:f.right},children:[t("div",{className:"sf-dupmenu-head",children:"Duplicate to page\u2026"}),F?t("div",{className:"sf-dupmenu-empty",children:"Couldn\u2019t load pages"}):y===null?t("div",{className:"sf-dupmenu-empty",children:"Loading\u2026"}):N.length===0?t("div",{className:"sf-dupmenu-empty",children:"No other pages"}):N.map(e=>i("button",{type:"button",role:"menuitem",className:"sf-dupmenu-item",disabled:d!==null,onClick:()=>R(e),children:[t("span",{className:"sf-dupmenu-name",children:e.label}),d===e.slug?t("span",{className:"sf-note",children:"Copying\u2026"}):e.draft&&t("span",{className:"sf-note",children:"draft"})]},e.id))]})]}),v)]})}export{J as default};

package/dist/components/EditorialSectionHead.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface EditorialSectionHeadProps {
+    num?: string;
+    title?: ReactNode;
+    titleAccent?: string;
+    desc?: ReactNode;
+    accentTracking?: string;
+    spaceBelow?: string;
+    className?: string;
+}
+export default function EditorialSectionHead({ num, title, titleAccent, desc, accentTracking, spaceBelow, className, }: EditorialSectionHeadProps): import("react").JSX.Element;

package/dist/components/EditorialSectionHead.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import l from"./SectionHeader.js";function m({num:e,title:t,titleAccent:i,desc:o,accentTracking:r="-0.02em",spaceBelow:a="mb-[60px]",className:c=""}){return n(l,{look:"editorial",num:e,title:t,titleAccent:i,description:o,accentTracking:r,spaceBelow:a,className:c})}export{m as default};

package/dist/components/Eyebrow.d.ts

@@ -0,0 +1,9 @@
+import { type SectionEyebrowLook } from "../lib/sections/section-eyebrow-look.js";
+import type { HeroCopyAlignment } from "../lib/hero-group-placement.js";
+export declare const ALIGN_JUSTIFY: Record<HeroCopyAlignment, string>;
+export interface EyebrowProps {
+    text: string;
+    align?: HeroCopyAlignment;
+    look?: SectionEyebrowLook;
+}
+export default function Eyebrow({ text, align, look, }: EyebrowProps): import("react").JSX.Element;

package/dist/components/Eyebrow.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import f from"./SectionEyebrow.js";import{DEFAULT_EYEBROW_BLOCK_LOOK as i}from"../lib/sections/section-eyebrow-look.js";const n={left:"",center:"justify-center",right:"justify-end"};function s({text:e,align:r="left",look:t=i}){return o(f,{text:e,look:t,classNameAfter:t==="line"?n[r]:""})}export{n as ALIGN_JUSTIFY,s as default};

package/dist/components/FAQ.d.ts

@@ -0,0 +1,20 @@
+import type { PartStyles } from "../lib/puck/part-styles.js";
+export interface FAQItem {
+    question?: string;
+    answer?: string;
+}
+export interface FAQProps {
+    num?: string;
+    title?: string;
+    link?: {
+        text: string;
+        href: string;
+    };
+    items?: FAQItem[];
+    defaultOpen?: boolean;
+    editing?: boolean;
+    nodeId?: string;
+    partStyles?: PartStyles;
+    omitHead?: boolean;
+}
+export default function FAQ({ num, title, link, items, defaultOpen, editing, omitHead, nodeId, partStyles, }: FAQProps): import("react").JSX.Element | null;

package/dist/components/FAQ.js

@@ -0,0 +1 @@
+import{Fragment as q,jsx as e,jsxs as c}from"react/jsx-runtime";import{stripMarkup as v}from"../lib/markup.js";import{renderGold as i,renderHeadline as A}from"./goldPhrases.js";import E from"./SectionHeader.js";import F from"./SectionTextPartBridge.js";import{TEXT_REGION_ATTR as S,regionStyle as R,textRegionPartKey as T}from"../lib/sections/text-regions.js";import{FAQ_REGIONS as z}from"../lib/sections/faq-text-regions.js";import{SIZE_STEP_OF_ROLE as I}from"../lib/fonts.js";function h(t){return v(t).trim()}function m(t,r){return t?{[S]:r}:{}}function x(t,r){const a=t?.[T(r)]?.role;return R(a,z[r],I)}function O({editing:t,nodeId:r,children:a}){return!t||!r?e(q,{children:a}):e(F,{nodeId:r,sectionType:"FAQ",children:a})}const j="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",Q="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function k({num:t,title:r,link:a,items:y,defaultOpen:_=!0,editing:s=!1,omitHead:d=!1,nodeId:b,partStyles:o}){const p=(y??[]).filter(n=>(n.question??"").trim()!==""),w=s&&p.length===0;if(p.length===0&&!s)return null;const u=w?[{question:"Add your first question",answer:"Write the answer here."},{question:"Add another question",answer:"Write the answer here."}]:p,f=u.filter(n=>(n.answer??"").trim()!=="").map(n=>({"@type":"Question",name:h(n.question??""),acceptedAnswer:{"@type":"Answer",text:h(n.answer??"")}})),g=!s&&f.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:f}).replace(/</g,"\\u003c"):null,N=r?A(r,!0):void 0;return c("section",{className:d?Q:j,children:[e("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),g&&e("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:g}}),d?null:e(E,{num:t!==void 0?i(t):void 0,title:N,link:a?{text:i(a.text),href:a.href}:void 0,accent:!0}),e(O,{editing:s,nodeId:b,children:e("div",{children:u.map((n,l)=>c("details",{open:l===0&&_,className:"border-b border-line",children:[c("summary",{className:"flex cursor-pointer list-none items-center gap-6 py-7 [&::-webkit-details-marker]:hidden max-[800px]:gap-4 max-[800px]:py-5",children:[e("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...m(s,"number"),style:x(o,"number"),children:String(l+1).padStart(2,"0")}),e("span",{className:"flex-1 font-display text-[length:var(--size-body,18px)] font-medium uppercase tracking-[0.02em] text-fg max-[800px]:text-[length:var(--size-body,15px)]",...m(s,"question"),style:x(o,"question"),children:i(n.question??"")}),e("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),n.answer&&e("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:e("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...m(s,"answer"),style:x(o,"answer"),children:i(n.answer)})})]},l))})})]})}export{k as default};

package/dist/components/FeaturedCover.d.ts

@@ -0,0 +1,13 @@
+export interface FeaturedCoverProps {
+    image?: string;
+    badge?: string;
+    imageDate?: string;
+    category?: string;
+    readLabel?: string;
+    date?: string;
+    title?: string;
+    dek?: string;
+    ctaText?: string;
+    ctaHref?: string;
+}
+export default function FeaturedCover({ image, badge, imageDate, category, readLabel, date, title, dek, ctaText, ctaHref, ...widthProps }: FeaturedCoverProps): import("react").JSX.Element;

package/dist/components/FeaturedCover.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{sectionRunsFullWidth as u}from"../lib/content/section-width.js";import{Fragment as b}from"react";import{SiteLink as v}from"../lib/site-runtime.js";import{stripMarkup as N}from"../lib/markup.js";import y from"./Placeholder.js";import{renderGold as r,renderHeadline as z,splitParagraphs as w}from"./goldPhrases.js";function k({image:f,badge:i,imageDate:l,category:p,readLabel:o,date:x,title:n,dek:m,ctaText:c,ctaHref:g,...h}){const d=[p?e("span",{className:"text-accent",children:r(p)}):null,o?e("span",{children:r(o)}):null,x?e("span",{children:r(x)}):null].filter(Boolean);return e("section",{className:u(h)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:a("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[a("div",{className:"relative aspect-[5/4] overflow-hidden border-r border-line bg-surface-2 max-[1100px]:border-r-0 max-[1100px]:border-b",children:[e(y,{label:"featured-cover",src:f||void 0,alt:N(n||"Cover"),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.45) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.55) 100%)"}}),i&&e("span",{className:"absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-bg",children:r(i)}),l&&e("span",{className:"absolute right-6 bottom-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg",children:r(l)})]}),a("div",{className:"flex flex-col justify-between gap-6 px-12 py-14 max-[1100px]:px-7 max-[1100px]:py-9",children:[d.length>0&&e("div",{className:"flex items-center gap-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.28em] text-fg-dim",children:d.map((s,t)=>a(b,{children:[t>0&&e("span",{className:"opacity-40",children:"\xB7"}),s]},t))}),n&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(34px,3.5vw,58px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:z(n,!0)}),m&&w(m).map((s,t)=>e("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:r(s,!0)},t)),c&&e("div",{children:a(v,{href:g||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[r(c)," ",e("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}export{k as default};

package/dist/components/FieldGlyph.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from "react";
+import { type FieldNoun } from "../lib/puck/field-noun.js";
+export declare function FieldGlyph({ noun, size, strokeWidth, className, style, }: {
+    noun: FieldNoun;
+    size?: number;
+    strokeWidth?: number;
+    className?: string;
+    style?: CSSProperties;
+}): import("react").JSX.Element;
+export declare const SHELL_BACKED: readonly FieldNoun[];
+export declare const SHELL_VERDICT: Record<string, string>;
+export declare const OWN_DRAWN: readonly FieldNoun[];

package/dist/components/FieldGlyph.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e,jsxs as a}from"react/jsx-runtime";import{TitleIcon as c,ButtonIcon as p,DollarIcon as M,HashIcon as g,LinkIcon as m,NoteIcon as u,TagIcon as x,TextLinesIcon as b}from"efficient-easel/icons";const o={body:b,button:p,link:m,label:x,number:g,price:M,note:u,title:c},l={eyebrow:a(e,{children:[t("path",{d:"M5 6.5h5"}),t("path",{d:"M5 12.5h14"}),t("path",{d:"M5 18h11"})]}),heading:a(e,{children:[t("path",{d:"M6.5 5v14"}),t("path",{d:"M17.5 5v14"}),t("path",{d:"M6.5 12h11"})]}),intro:a(e,{children:[t("path",{d:"M4 5.5v13"}),t("path",{d:"M8 7.5h12"}),t("path",{d:"M8 12h12"}),t("path",{d:"M8 16.5h8"})]}),value:a(e,{children:[t("rect",{x:"2.5",y:"7",width:"19",height:"10",rx:"2"}),t("path",{d:"M6.5 12h7"})]}),name:a(e,{children:[t("path",{d:"M6 3.5v17"}),t("path",{d:"M6 5h11.5l-2.6 3.6L17.5 12H6z"})]}),date:a(e,{children:[t("rect",{x:"4",y:"5.5",width:"16",height:"15",rx:"2"}),t("path",{d:"M4 10.5h16"}),t("path",{d:"M9 3.2v4.4"}),t("path",{d:"M15 3.2v4.4"})]}),caption:a(e,{children:[t("rect",{x:"3.5",y:"4.5",width:"17",height:"11",rx:"2"}),t("path",{d:"M3.5 12.8l4.2-3.2 3.6 2.8 3.4-2.4 5.8 4"}),t("path",{d:"M6.5 19.5h11"})]}),quote:a(e,{children:[t("path",{d:"M9.5 5.5C7 7.2 5.5 9.7 5.5 12.8h4v5.7h-5v-5.7"}),t("path",{d:"M19.5 5.5c-2.5 1.7-4 4.2-4 7.3h4v5.7h-5v-5.7"})]}),tag:a(e,{children:[t("rect",{x:"3",y:"5.5",width:"18",height:"13",rx:"2.5"}),t("path",{d:"M8 9.5h8"}),t("path",{d:"M12 9.5v5"})]}),meta:a(e,{children:[t("path",{d:"M4 7h16"}),t("path",{d:"M4 14h3.5"}),t("path",{d:"M10.5 14h3"}),t("path",{d:"M17 14h3"})]})};function T({noun:i,size:h=14,strokeWidth:s=1.8,className:n,style:r}){const d=o[i];return d?t("span",{className:n,style:{display:"inline-flex",...r},"aria-hidden":"true",children:t(d,{size:h})}):t("svg",{className:n,style:r,width:h,height:h,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:s,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:l[i]})}const f=Object.keys(o),w={eyebrow:"TextSmall \u2014 a small letterform, not a short rule over a long one",heading:"TextSize \u2014 the big/small pair, and it means a SIZE",intro:"TextLines \u2014 deliberately its sibling: the same run of lines WITH an indent rule",value:"Square \u2014 an empty rect; Background \u2014 a filled band. Neither carries a written line",name:"Template \u2014 a bookmark, and this WAS a bookmark until that was noticed. A flag is not in the set",date:"Clock \u2014 a TIME. The shell has no calendar",caption:"Image \u2014 the picture itself. A caption is the line OUTSIDE the frame",quote:"nothing in the set is a pair of quote marks",tag:"Tag \u2014 a luggage tag, which draws our Label instead (owner, 2026-09-05). Type \u2014 a bare T, which is the fallback",meta:"TextLines \u2014 this is that with the gaps that make it read as several facts"},y=Object.keys(l);export{T as FieldGlyph,y as OWN_DRAWN,f as SHELL_BACKED,w as SHELL_VERDICT};

package/dist/components/Flex.d.ts

@@ -0,0 +1,32 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+type Direction = "row" | "column" | "tabs";
+type Justify = "start" | "center" | "between" | "end";
+type AlignItems = "start" | "center" | "stretch";
+interface FlexProps {
+    direction: Direction;
+    label?: string;
+    gap?: number | string;
+    justify: Justify;
+    align: AlignItems;
+    wrap: boolean;
+    share?: string;
+    phoneRow?: number | string;
+    blockSpacing?: string;
+    contained?: boolean;
+    bgImage?: string;
+    darken?: number;
+    darkenStyle?: string;
+    placement?: string;
+    padTop?: unknown;
+    padBottom?: unknown;
+    padTopPhone?: unknown;
+    padBottomPhone?: unknown;
+    padLeft?: unknown;
+    padRight?: unknown;
+    padLeftPhone?: unknown;
+    padRightPhone?: unknown;
+    fillHeight?: boolean;
+    content: SlotComponent;
+}
+export default function Flex({ direction, label, gap, justify, align, wrap, share, phoneRow, blockSpacing, bgImage, darken, darkenStyle, placement, padTop, padBottom, padTopPhone, padBottomPhone, padLeft, padRight, padLeftPhone, padRightPhone, contained, fillHeight, content: Content, }: FlexProps): import("react").JSX.Element;
+export {};

package/dist/components/Flex.js

@@ -0,0 +1 @@
+import{jsx as s,jsxs as X,Fragment as T}from"react/jsx-runtime";import U from"./BoxTabs.js";import q from"./SiteGutterFrame.js";import{BoxSurfaceProvider as J}from"./BoxSurfaceContext.js";import{useInSiteHeader as K}from"./PhoneMenuTools.js";import{FRAME_BASE as Q,FRAME_GUTTER as V}from"./BlockFrame.js";import{containerGapProps as Y}from"../lib/content/container-gap.js";import{boxLayoutClasses as Z,boxBlockSpacingClass as ee,boxPhoneRowClasses as se,boxShareClasses as oe,boxWrapClass as re}from"../lib/content/box-layout.js";import{BOX_CARD_PAD as e,BOX_OWNS_SIDES_CLASS as te,boxDarkenStyle as ae,boxPlacementClasses as ne,CARD_SHADOW_CLASS as le,isBackgroundBox as ie}from"../lib/content/box-background.js";import{sectionPadAttrs as ce}from"../lib/content/section-padding.js";function me({direction:r,label:N,gap:g,justify:v,align:P,wrap:w,share:B,phoneRow:E,blockSpacing:F,bgImage:l,darken:j,darkenStyle:D,placement:H,padTop:i,padBottom:c,padTopPhone:m,padBottomPhone:f,padLeft:u,padRight:d,padLeftPhone:b,padRightPhone:p,contained:O=!0,fillHeight:R=!1,content:z}){const t=ie(l),x=K(),y=[oe(B),ee(F)].filter(Boolean).join(" "),G=y?` ${y}`:"",$=["flex",r==="row"?`flex-row ${se(E)}`:"flex-col",re(w),t?ne(H??"center",r):Z(v,P)].join(" ")+G,o=R||t?" h-full":"",S=t||x?"":" py-6",L=`${Q}${S} ${V}${o}`,W=x?o.trim():`w-full${S}${o}`,a=Y("Flex",g,r==="row"?"inline":"block"),C=s(z,{className:`${$}${a.className}${o}`,style:a.style,minEmptyHeight:120}),h=r==="tabs"?s(U,{className:`${$}${a.className}${o}`,style:a.style,children:C}):C,I=N?.trim()||void 0,_=M=>s(q,{contained:O,framedClass:L,fillClass:W,tabLabel:I,children:M});if(!t)return _(h);const n=ae(j,D),A=ce(typeof i=="number"?i:e.desktop,typeof c=="number"?c:e.desktop,typeof m=="number"?m:e.phone,typeof f=="number"?f:e.phone,typeof u=="number"?u:e.side,typeof d=="number"?d:e.side,typeof b=="number"?b:e.sidePhone,typeof p=="number"?p:e.sidePhone),k=s("div",{className:`relative z-[1] ${te} ${A?.className??""}`.trimEnd(),style:A?.style,children:h});return _(s(T,{children:X("div",{className:`relative isolate overflow-hidden ${le}${o}`,style:{backgroundImage:`url(${l})`,backgroundSize:"cover",backgroundPosition:"center"},children:[n&&s("div",{className:"absolute inset-0 z-0",style:n,"aria-hidden":!0}),n?s(J,{children:k}):k]})}))}export{me as default};