efficient-web-builder 0.10.0 → 2.0.0

package/dist/components/PostCard.d.ts

@@ -0,0 +1,37 @@
+export interface EventPost {
+    slug: string;
+    title: string;
+    excerpt: string;
+    cover: string;
+    meta?: string;
+    dateLabel?: string;
+    read?: string;
+}
+export type PostCardLayout = "card" | "cover";
+export declare const POST_CARD_LAYOUTS: readonly [{
+    readonly label: "Card";
+    readonly value: "card";
+}, {
+    readonly label: "Photo behind the words";
+    readonly value: "cover";
+}];
+export declare const POST_CARD_LAYOUT_FALLBACK: PostCardLayout;
+export declare const POST_CARD_HEIGHT: {
+    readonly min: 200;
+    readonly max: 700;
+    readonly step: 10;
+    readonly fallback: 330;
+    readonly unit: "px";
+};
+export interface PostCardProps {
+    post: EventPost;
+    scaffold?: boolean;
+    layout?: string;
+    showCover?: boolean;
+    placement?: string;
+    darken?: number;
+    darkenStyle?: string;
+    href?: string;
+    minHeight?: number;
+}
+export default function PostCard({ post, scaffold, layout, showCover, placement, darken, darkenStyle, href, minHeight, }: PostCardProps): import("react").JSX.Element;

package/dist/components/PostCard.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{SiteLink as d}from"../lib/site-runtime.js";import{boxDarkenStyle as p,boxPlacementClasses as N,CARD_SHADOW_CLASS as L}from"../lib/content/box-background.js";import c from"./Placeholder.js";import{renderGold as r,renderHeadline as s}from"./goldPhrases.js";const y=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],P="card",k={min:200,max:700,step:10,fallback:330,unit:"px"};function z({post:e,scaffold:n=!1,layout:m,showCover:o=!0,placement:x,darken:h,darkenStyle:g,href:f,minHeight:v}){const t=f||(n?"#":`/journal/${e.slug}`),b=m==="cover",u=(e.meta||e.dateLabel||e.read)&&l("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&a("span",{className:"text-accent",children:r(e.meta)}),e.dateLabel&&a("span",{children:r(e.dateLabel)}),e.read&&a("span",{children:r(e.read)})]});if(b){const i=p(h,g);return l(d,{href:t,className:`${L} group relative isolate flex overflow-hidden`,style:{minHeight:`${v??k.fallback}px`},"aria-disabled":n||void 0,tabIndex:n?-1:void 0,children:[a("div",{className:"absolute inset-0",children:a(c,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),i&&a("div",{className:"absolute inset-0 z-0",style:i,"aria-hidden":!0}),l("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${N(x??"bottom-left","column")}`,children:[e.meta&&a("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:r(e.meta)}),a("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:s(e.title,!1)}),e.excerpt&&a("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:r(e.excerpt)}),(e.dateLabel||e.read)&&l("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&a("span",{children:r(e.dateLabel)}),e.read&&a("span",{children:r(e.read)})]})]})]})}return l(d,{href:t,style:{"--card-bg":"var(--surface)","--card-bg-hover":"var(--surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":n||void 0,tabIndex:n?-1:void 0,children:[o&&a("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:a(c,{label:`event-${e.slug}`,src:e.cover||void 0})}),l("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[u,a("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:s(e.title,!1)}),e.excerpt&&a("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:r(e.excerpt)}),l("span",{className:"mt-1.5 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors group-hover:text-accent",children:["Read more",a("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}export{k as POST_CARD_HEIGHT,y as POST_CARD_LAYOUTS,P as POST_CARD_LAYOUT_FALLBACK,z as default};

package/dist/components/PreviewChatContext.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export type ChatPreview = {
+    enabled: boolean;
+    title: string;
+    subtitle: string;
+    greeting: string;
+};
+export declare const DEFAULT_CHAT_PREVIEW: ChatPreview;
+type Ctx = {
+    chat: ChatPreview;
+    setChat: (patch: Partial<ChatPreview>) => void;
+    selected: boolean;
+    setSelected: (b: boolean) => void;
+    select: () => void;
+    setSelectHandler: (fn: () => void) => void;
+};
+export declare function PreviewChatProvider({ children, chat, onChatChange, }: {
+    children: ReactNode;
+    chat?: ChatPreview;
+    onChatChange?: (patch: Partial<ChatPreview>) => void;
+}): import("react").JSX.Element;
+export declare const usePreviewChat: () => Ctx;
+export {};

package/dist/components/PreviewChatContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as u}from"react/jsx-runtime";import{createContext as x,useCallback as C,useContext as f,useState as m}from"react";import{useSelectHandler as p}from"../lib/puck/preview-selection-context.js";const t={enabled:!0,title:"",subtitle:"",greeting:""},s=x({chat:t,setChat:()=>{},selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function h({children:r,chat:l=t,onChatChange:e}){const[c,o]=m(!1),n=C(d=>e?.(d),[e]),{select:a,setSelectHandler:i}=p();return u(s.Provider,{value:{chat:l,setChat:n,selected:c,setSelected:o,select:a,setSelectHandler:i},children:r})}const H=()=>f(s);export{t as DEFAULT_CHAT_PREVIEW,h as PreviewChatProvider,H as usePreviewChat};

package/dist/components/PreviewDeviceContext.d.ts

@@ -0,0 +1,2 @@
+export { PreviewDeviceContext, usePreviewDevice } from "efficient-easel/screen/components/PreviewDeviceContext";
+export type { PreviewDevice } from "efficient-easel/screen/components/PreviewDeviceContext";

package/dist/components/PreviewDeviceContext.js

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

package/dist/components/PreviewFocusContext.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import type { Data } from "efficient-easel/blocks";
+type PreviewFocusCtx = {
+    originData: Data | null;
+    originSlug: string | null;
+    exitFocus: () => void;
+};
+export declare function PreviewFocusProvider({ children, originData, originSlug, exitFocus, }: {
+    children: ReactNode;
+    originData: Data | null;
+    originSlug: string | null;
+    exitFocus: () => void;
+}): import("react").JSX.Element;
+export declare const usePreviewFocus: () => PreviewFocusCtx;
+export {};

package/dist/components/PreviewFocusContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as u}from"react/jsx-runtime";import{createContext as c,useContext as i,useMemo as l}from"react";const t=c({originData:null,originSlug:null,exitFocus:()=>{}});function m({children:n,originData:e,originSlug:o,exitFocus:r}){const s=l(()=>({originData:e,originSlug:o,exitFocus:r}),[e,o,r]);return u(t.Provider,{value:s,children:n})}const P=()=>i(t);export{m as PreviewFocusProvider,P as usePreviewFocus};

package/dist/components/PreviewFooterContext.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { FooterBlock } from "../lib/content/footer.js";
+type PreviewFooterCtx = {
+    footerBlock: FooterBlock | null;
+    setFooterBlock: (block: FooterBlock | null) => void;
+    headerGroup: FooterBlock | null;
+    setHeaderGroup: (group: FooterBlock | null) => void;
+    editFooter?: () => void;
+    refreshToken: number;
+    refreshFooter: () => void;
+};
+export declare function PreviewFooterProvider({ children, editFooter, }: {
+    children: ReactNode;
+    editFooter?: () => void;
+}): import("react").JSX.Element;
+export declare const usePreviewFooter: () => PreviewFooterCtx;
+export {};

package/dist/components/PreviewFooterContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as h}from"react/jsx-runtime";import{createContext as k,useCallback as p,useContext as d,useState as e}from"react";const o=k({footerBlock:null,setFooterBlock:()=>{},headerGroup:null,setHeaderGroup:()=>{},refreshToken:0,refreshFooter:()=>{}});function v({children:r,editFooter:t}){const[s,n]=e(null),[l,u]=e(null),[c,a]=e(0),f=p(()=>a(i=>i+1),[]);return h(o.Provider,{value:{footerBlock:s,setFooterBlock:n,headerGroup:l,setHeaderGroup:u,editFooter:t,refreshToken:c,refreshFooter:f},children:r})}const P=()=>d(o);export{v as PreviewFooterProvider,P as usePreviewFooter};

package/dist/components/PreviewHeaderContext.d.ts

@@ -0,0 +1,97 @@
+import { type ReactNode } from "react";
+import { type CardGap, type CardShadow, type HoverEffect, type HeadingCompression, type ResolvedHeadingTypography, type SizesValue, type ThemeMode, type ThemeValue } from "../lib/theme.js";
+import { type FontsValue } from "../lib/fonts.js";
+import type { PreviewHeaderSettings } from "../lib/preview-header-settings.js";
+export type { PreviewHeaderSettings };
+type Ctx = {
+    settings: PreviewHeaderSettings | null;
+    setSettings: (s: PreviewHeaderSettings | null) => void;
+    primeSettings: (s: PreviewHeaderSettings) => void;
+    websiteName: string | null;
+    templateChrome: boolean;
+    templateName: string | null;
+    chromePlaceholder: boolean;
+    themeMode: ThemeMode;
+    setThemeMode: (mode: ThemeMode) => void;
+    themeSwitchShown: boolean;
+    setThemeSwitchShown: (shown: boolean) => void;
+    theme: ThemeValue;
+    setTheme: (v: ThemeValue) => void;
+    fonts: FontsValue;
+    setFonts: (v: FontsValue) => void;
+    sizes: SizesValue;
+    setSizes: (v: SizesValue) => void;
+    cornerRadiusPx: number | null;
+    setCornerRadiusPx: (v: number | null) => void;
+    cardShadow: CardShadow | null;
+    setCardShadow: (v: CardShadow | null) => void;
+    shadowColor: string | null;
+    setShadowColor: (v: string | null) => void;
+    cardGap: CardGap;
+    setCardGap: (v: CardGap) => void;
+    hoverEffect: HoverEffect | null;
+    setHoverEffect: (v: HoverEffect | null) => void;
+    headingCompression: HeadingCompression;
+    setHeadingCompression: (v: HeadingCompression) => void;
+    headingTypography: ResolvedHeadingTypography;
+    setHeadingTypography: (v: ResolvedHeadingTypography) => void;
+    siteWidth: number | null;
+    setSiteWidth: (v: number | null) => void;
+    siteGutter: number | null;
+    blockGap: number | null;
+    setSiteGutter: (v: number | null) => void;
+    setBlockGap: (v: number | null) => void;
+    heroBackgroundFollowsWidth: boolean | null;
+    setHeroBackgroundFollowsWidth: (v: boolean | null) => void;
+    photographyGrayscale: boolean | null;
+    setPhotographyGrayscale: (v: boolean | null) => void;
+    themeFromDocument: boolean;
+    selected: boolean;
+    setSelected: (b: boolean) => void;
+    select: () => void;
+    setSelectHandler: (fn: () => void) => void;
+};
+export declare const PreviewHeaderContext: import("react").Context<Ctx>;
+export declare function PreviewHeaderProvider({ children, websiteName, templateChrome, templateName, chromePlaceholder, themeMode, onThemeModeChange, themeSwitchShown, onThemeSwitchShownChange, theme, onThemeChange, fonts, onFontsChange, sizes, onSizesChange, cornerRadiusPx, onCornerRadiusPxChange, cardShadow, onCardShadowChange, shadowColor, onShadowColorChange, cardGap, onCardGapChange, hoverEffect, onHoverEffectChange, headingCompression, onHeadingCompressionChange, siteWidth, onSiteWidthChange, siteGutter, blockGap, onSiteGutterChange, onBlockGapChange, headingTypography, onHeadingTypographyChange, heroBackgroundFollowsWidth, onHeroBackgroundFollowsWidthChange, photographyGrayscale, onPhotographyGrayscaleChange, themeFromDocument, }: {
+    children: ReactNode;
+    websiteName?: string | null;
+    templateChrome?: boolean;
+    templateName?: string | null;
+    chromePlaceholder?: boolean;
+    themeMode?: ThemeMode;
+    onThemeModeChange?: (mode: ThemeMode) => void;
+    themeSwitchShown?: boolean;
+    onThemeSwitchShownChange?: (shown: boolean) => void;
+    theme?: ThemeValue;
+    onThemeChange?: (v: ThemeValue) => void;
+    fonts?: FontsValue;
+    onFontsChange?: (v: FontsValue) => void;
+    sizes?: SizesValue;
+    onSizesChange?: (v: SizesValue) => void;
+    cornerRadiusPx?: number | null;
+    onCornerRadiusPxChange?: (v: number | null) => void;
+    cardShadow?: CardShadow | null;
+    onCardShadowChange?: (v: CardShadow | null) => void;
+    shadowColor?: string | null;
+    onShadowColorChange?: (v: string | null) => void;
+    cardGap?: CardGap;
+    onCardGapChange?: (v: CardGap) => void;
+    hoverEffect?: HoverEffect | null;
+    onHoverEffectChange?: (v: HoverEffect | null) => void;
+    headingCompression?: HeadingCompression;
+    onHeadingCompressionChange?: (v: HeadingCompression) => void;
+    siteWidth?: number | null;
+    siteGutter?: number | null;
+    blockGap?: number | null;
+    onSiteGutterChange?: (v: number | null) => void;
+    onBlockGapChange?: (v: number | null) => void;
+    onSiteWidthChange?: (v: number | null) => void;
+    headingTypography?: ResolvedHeadingTypography;
+    onHeadingTypographyChange?: (v: ResolvedHeadingTypography) => void;
+    heroBackgroundFollowsWidth?: boolean | null;
+    onHeroBackgroundFollowsWidthChange?: (v: boolean | null) => void;
+    photographyGrayscale?: boolean | null;
+    onPhotographyGrayscaleChange?: (v: boolean | null) => void;
+    themeFromDocument?: boolean;
+}): import("react").JSX.Element;
+export declare const usePreviewHeader: () => Ctx;

package/dist/components/PreviewHeaderContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as I}from"react/jsx-runtime";import{createContext as Ie,useCallback as t,useContext as ke,useMemo as Le,useState as k}from"react";import{EditorSiteLogoContext as Ue}from"./SiteLogoContext.js";import{useSelectHandler as ge}from"../lib/puck/preview-selection-context.js";import{IDENTITY_CARD_GAP as L,DEFAULT_HEADING_COMPRESSION as U,DEFAULT_HEADING_TYPOGRAPHY as g,DEFAULT_SIZES as y,DEFAULT_SWITCH_SHOWN as M,DEFAULT_THEME_MODE as R,DEFAULT_THEME_VALUE as O}from"../lib/theme.js";import{DEFAULT_FONTS as W}from"../lib/fonts.js";const N=Ie({settings:null,setSettings:()=>{},primeSettings:()=>{},websiteName:null,templateChrome:!1,templateName:null,chromePlaceholder:!1,themeMode:R,setThemeMode:()=>{},themeSwitchShown:M,setThemeSwitchShown:()=>{},theme:O,setTheme:()=>{},fonts:W,setFonts:()=>{},sizes:y,setSizes:()=>{},cornerRadiusPx:null,setCornerRadiusPx:()=>{},cardShadow:null,setCardShadow:()=>{},shadowColor:null,setShadowColor:()=>{},cardGap:L,setCardGap:()=>{},hoverEffect:null,setHoverEffect:()=>{},headingCompression:U,setHeadingCompression:()=>{},siteWidth:null,setSiteWidth:()=>{},siteGutter:null,blockGap:null,setSiteGutter:()=>{},setBlockGap:()=>{},headingTypography:g,setHeadingTypography:()=>{},heroBackgroundFollowsWidth:null,setHeroBackgroundFollowsWidth:()=>{},photographyGrayscale:null,setPhotographyGrayscale:()=>{},themeFromDocument:!1,selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function Be({children:B,websiteName:o=null,templateChrome:l=!1,templateName:r=null,chromePlaceholder:n=!1,themeMode:Y=R,onThemeModeChange:c,themeSwitchShown:j=M,onThemeSwitchShownChange:i,theme:z=O,onThemeChange:u,fonts:b=W,onFontsChange:d,sizes:V=y,onSizesChange:a,cornerRadiusPx:Z=null,onCornerRadiusPxChange:S,cardShadow:q=null,onCardShadowChange:p,shadowColor:J=null,onShadowColorChange:E,cardGap:K=L,onCardGapChange:f,hoverEffect:Q=null,onHoverEffectChange:m,headingCompression:X=U,onHeadingCompressionChange:T,siteWidth:$=null,onSiteWidthChange:H,siteGutter:C=null,blockGap:ee=null,onSiteGutterChange:D,onBlockGapChange:_,headingTypography:te=g,onHeadingTypographyChange:w,heroBackgroundFollowsWidth:se=null,onHeroBackgroundFollowsWidthChange:A,photographyGrayscale:le=null,onPhotographyGrayscaleChange:h,themeFromDocument:oe=!1}){const[s,v]=k(null),re=t(e=>v(xe=>xe??e),[]),[ne,ce]=k(!1),ie=t(e=>c?.(e),[c]),ue=t(e=>i?.(e),[i]),de=t(e=>u?.(e),[u]),ae=t(e=>d?.(e),[d]),Se=t(e=>a?.(e),[a]),pe=t(e=>H?.(e),[H]),Ee=t(e=>D?.(e),[D]),fe=t(e=>_?.(e),[_]),me=t(e=>A?.(e),[A]),Te=t(e=>h?.(e),[h]),He=t(e=>S?.(e),[S]),De=t(e=>p?.(e),[p]),_e=t(e=>E?.(e),[E]),we=t(e=>f?.(e),[f]),Ae=t(e=>m?.(e),[m]),he=t(e=>T?.(e),[T]),ve=t(e=>w?.(e),[w]),{select:Fe,setSelectHandler:Ge}=ge(),F=s?.logoUrl,G=s?.logoReversed,P=s?.logoInkIsDark,x=s!==null,Pe=Le(()=>({logo:x?{logoUrl:F,logoReversed:G,logoInkIsDark:P}:null,placeholder:l||n,wordmark:l?r:o}),[x,F,G,P,l,n,r,o]);return I(Ue.Provider,{value:Pe,children:I(N.Provider,{value:{settings:s,setSettings:v,primeSettings:re,websiteName:o,templateChrome:l,templateName:r,chromePlaceholder:n,themeMode:Y,setThemeMode:ie,themeSwitchShown:j,setThemeSwitchShown:ue,theme:z,setTheme:de,fonts:b,setFonts:ae,sizes:V,setSizes:Se,cornerRadiusPx:Z,setCornerRadiusPx:He,cardShadow:q,setCardShadow:De,shadowColor:J,setShadowColor:_e,cardGap:K,setCardGap:we,hoverEffect:Q,setHoverEffect:Ae,headingCompression:X,setHeadingCompression:he,siteWidth:$,setSiteWidth:pe,siteGutter:C,blockGap:ee,setSiteGutter:Ee,setBlockGap:fe,headingTypography:te,setHeadingTypography:ve,heroBackgroundFollowsWidth:se,setHeroBackgroundFollowsWidth:me,photographyGrayscale:le,setPhotographyGrayscale:Te,themeFromDocument:oe,selected:ne,setSelected:ce,select:Fe,setSelectHandler:Ge},children:B})})}const Ye=()=>ke(N);export{N as PreviewHeaderContext,Be as PreviewHeaderProvider,Ye as usePreviewHeader};

package/dist/components/PreviewLocationPartContext.d.ts

@@ -0,0 +1,10 @@
+export declare const PreviewLocationPartProvider: ({ children }: {
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, usePreviewLocationPart: () => import("../lib/puck/preview-selection-context.js").PreviewIdSelection<"selectedLocationPartId">;
+export type LocationPart = "image" | "map";
+export declare function encodeLocationPartId(nodeId: string, index: number, part: LocationPart): string;
+export declare function decodeLocationPartId(id: string | null | undefined): {
+    nodeId: string;
+    index: number;
+    part: LocationPart;
+} | null;

package/dist/components/PreviewLocationPartContext.js

@@ -0,0 +1 @@
+"use client";import{createPreviewSelectionContext as i}from"../lib/puck/preview-selection-context.js";const{Provider:l,useSelection:u}=i("selectedLocationPartId");function a(n,e,t){return`${n}::${e}::${t}`}function s(n){if(!n)return null;const e=n.split("::");if(e.length<3)return null;const t=e[e.length-1];if(t!=="image"&&t!=="map")return null;const r=Number(e[e.length-2]);if(!Number.isInteger(r)||r<0)return null;const o=e.slice(0,-2).join("::");return o?{nodeId:o,index:r,part:t}:null}export{l as PreviewLocationPartProvider,s as decodeLocationPartId,a as encodeLocationPartId,u as usePreviewLocationPart};

package/dist/components/PreviewPartAnchors.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import { type PartNeedle } from "../lib/puck/text-parts.js";
+import { type PartStyleBase, type PartStyles } from "../lib/puck/part-styles.js";
+import { type FontRole } from "../lib/fonts.js";
+import { type TypeGroup } from "../lib/theme.js";
+export declare function styleTagsOf(element: HTMLElement): {
+    faceRole: FontRole;
+    sizeGroup: TypeGroup | null;
+};
+export declare function measureStyleBase(element: HTMLElement): PartStyleBase;
+export default function PreviewPartAnchors({ needles, styles, type, children, }: {
+    needles: PartNeedle[];
+    styles: PartStyles;
+    type?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PreviewPartAnchors.js

@@ -0,0 +1 @@
+"use client";import{jsx as D}from"react/jsx-runtime";import{readInks as F}from"../lib/puck/part-inks.js";import{useEffect as I,useRef as K}from"react";import{markOverlayPortal as L}from"../lib/puck/overlay-portal.js";import{usePreviewParts as J}from"./PreviewPartsContext.js";import{usePartStyle as z}from"./PreviewPartStyleContext.js";import{PUCK_COMPONENT_ATTR as M,engagePartAnchors as j,isPartClick as B,partIdForClick as G}from"../lib/puck/part-anchors.js";import{PART_ATTR as O,PART_SELECTED_ATTR as R}from"../lib/puck/text-parts.js";import{PART_STYLE_PROPERTIES as v,applyPartStyles as H,partFontKeyOf as U,partStyleBase as V,partStyleSource as Y}from"../lib/puck/part-styles.js";import{fontRoleOfClassName as q,styleRoleOfClassName as Q}from"../lib/fonts.js";import{typeScaleGroupOfClassName as x}from"../lib/theme.js";import{styleKeyForPart as X}from"../lib/sections/section-text-kinds.js";function Z(a){let o=null,l=null;for(let e=a;e&&(o===null||l===null);e=e.parentElement){const c=e.getAttribute("class");o??=Q(c),l??=x(c)}return{faceRole:o??"body",sizeGroup:l}}function C(a){const o=a.style,l={};for(const r of v)l[r]=o[r]??"",o[r]="";const e=getComputedStyle(a),c=getComputedStyle(a.ownerDocument.documentElement),p=V({fontSize:e.fontSize,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,textAlign:e.textAlign,textTransform:e.textTransform,paddingTop:e.paddingTop,maxWidth:e.maxWidth},U(e.fontFamily,r=>c.getPropertyValue(r)));for(const r of v)o[r]=l[r];return p}function $({needles:a,styles:o,type:l,children:e}){const c=K(null),{selectedPartId:p,select:r}=J(),{setPartStyle:d}=z(),y=JSON.stringify(a),g=JSON.stringify(o);return I(()=>{const m=c.current;if(!m)return;const S=[],P=()=>m.parentElement,w=s=>{const n=P();if(!n)return null;const f=new MutationObserver(s);return f.observe(n,{attributes:!0,attributeFilter:[M]}),()=>f.disconnect()},N=s=>{const n=new MutationObserver(s);return n.observe(m,{childList:!0,subtree:!0,characterData:!0}),()=>n.disconnect()};let u=[];S.push(()=>{for(const s of u)s();u=[]});const k=JSON.parse(y),_=JSON.parse(g),W=j(m,k,P,w,(s,n,f)=>{for(const t of u)t();u=[];const h=[];for(const t of f){const i=t,A=L(i);A&&u.push(A),i.getAttribute(O)===p?(i.setAttribute(R,""),h.push(i)):i.removeAttribute(R)}const b=Y(n,p,h,t=>q(t)!==null||x(t)!==null);if(b&&p){const t=b;d({partId:p,...Z(t),base:C(t),inks:F(t)})}H(f.map(t=>({element:t,partId:t.getAttribute(O)??""})),_,t=>C(t),t=>X(l,t));const T=t=>{const i=G(t.target,n);B(i,n)&&(t.stopPropagation(),t.preventDefault()),r(i)},E=s;E.addEventListener("click",T,{capture:!0}),u.push(()=>E.removeEventListener("click",T,{capture:!0}))},N);return()=>{W();for(const s of S)s()}},[y,g,p,r,d]),D("div",{ref:c,style:{display:"contents"},children:e})}export{$ as default,C as measureStyleBase,Z as styleTagsOf};

package/dist/components/PreviewPartStyleContext.d.ts

@@ -0,0 +1,21 @@
+import type { WordStyleColour } from "../lib/word-styles.js";
+import { type ReactNode } from "react";
+import type { FontRole } from "../lib/fonts.js";
+import type { PartStyleBase } from "../lib/puck/part-styles.js";
+import type { TypeGroup } from "../lib/theme.js";
+export type PartStyleReading = {
+    partId: string;
+    faceRole: FontRole;
+    sizeGroup: TypeGroup | null;
+    base: PartStyleBase;
+    inks?: Partial<Record<WordStyleColour, string>>;
+};
+type PartStyleValue = {
+    partStyle: PartStyleReading | null;
+    setPartStyle: (reading: PartStyleReading | null) => void;
+};
+export declare function PreviewPartStyleProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePartStyle(): PartStyleValue;
+export {};

package/dist/components/PreviewPartStyleContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as s,useContext as u,useMemo as a,useState as c}from"react";const i={partStyle:null,setPartStyle:()=>{}},e=s(i);function x({children:r}){const[t,o]=c(null),n=a(()=>({partStyle:t,setPartStyle:o}),[t]);return l(e.Provider,{value:n,children:r})}function y(){return u(e)}export{x as PreviewPartStyleProvider,y as usePartStyle};

package/dist/components/PreviewPartsContext.d.ts

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

package/dist/components/PreviewPartsContext.js

@@ -0,0 +1 @@
+"use client";import{PreviewPartsProvider as P,usePreviewParts as i}from"efficient-easel/screen/components/PreviewPartsContext";export{P as PreviewPartsProvider,i as usePreviewParts};

package/dist/components/PreviewSocialContext.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+import { type SocialLinks, type SocialPlatform } from "../lib/content/social-links.js";
+export type SocialRowState = {
+    value: string;
+    error: string | null;
+};
+export type SocialSaveOutcome = {
+    ok: true;
+} | {
+    ok: false;
+    error: string;
+};
+type Ctx = {
+    links: SocialLinks;
+    rows: Record<SocialPlatform, SocialRowState>;
+    canSave: boolean;
+    saveLink: (platform: SocialPlatform, value: string) => Promise<SocialSaveOutcome>;
+};
+export type SocialState = Ctx;
+type Value = Ctx & {
+    openPanel: () => void;
+    setOpenHandler: (fn: () => void) => void;
+};
+export declare const EMPTY_SOCIAL_ROWS: Record<SocialPlatform, SocialRowState>;
+export declare function PreviewSocialProvider({ children, value }: {
+    children: ReactNode;
+    value: SocialState;
+}): import("react").JSX.Element;
+export declare const usePreviewSocial: () => Value;
+export {};

package/dist/components/PreviewSocialContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as u,useCallback as s,useContext as p,useMemo as f,useRef as P}from"react";import{EMPTY_SOCIAL_LINKS as S,SOCIAL_PLATFORMS as m}from"../lib/content/social-links.js";const v=Object.fromEntries(m.map(e=>[e,{value:"",error:null}])),a=u({links:S,rows:v,canSave:!1,saveLink:async()=>({ok:!1,error:"There is no website to save to."}),openPanel:()=>{},setOpenHandler:()=>{}});function L({children:e,value:o}){const r=P(()=>{}),n=s(()=>r.current(),[]),t=s(i=>{r.current=i},[]),c=f(()=>({...o,openPanel:n,setOpenHandler:t}),[o,n,t]);return l(a.Provider,{value:c,children:e})}const _=()=>p(a);export{v as EMPTY_SOCIAL_ROWS,L as PreviewSocialProvider,_ as usePreviewSocial};

package/dist/components/PreviewSurfaceContext.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+interface PreviewSurfaceCtx {
+    surface: string | null;
+    setSurface: (surface: string | null) => void;
+}
+export declare function PreviewSurfaceProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePreviewSurface(): PreviewSurfaceCtx;
+export {};

package/dist/components/PreviewSurfaceContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{createContext as s,useContext as c,useMemo as a,useState as f}from"react";const r=s(null);function x({children:t}){const[e,u]=f(null),n=a(()=>({surface:e,setSurface:u}),[e]);return o(r.Provider,{value:n,children:t})}function v(){return c(r)??{surface:null,setSurface:()=>{}}}export{x as PreviewSurfaceProvider,v as usePreviewSurface};

package/dist/components/PreviewThemeFrame.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare const PART_PICK_CSS: string;
+export default function PreviewThemeFrame({ children, document: previewDocument, }: {
+    children: ReactNode;
+    document?: Document;
+}): import("react").JSX.Element;

package/dist/components/PreviewThemeFrame.js

@@ -0,0 +1,11 @@
+"use client";import{jsx as n,Fragment as h,jsxs as l}from"react/jsx-runtime";import{useEffect as a,useLayoutEffect as u}from"react";import{usePreviewHeader as c}from"./PreviewHeaderContext.js";import{tk as d}from"./floating-editor/tokens.js";import{PART_ATTR as m,PART_SELECTED_ATTR as t}from"../lib/puck/text-parts.js";import{syncPreviewSurfaces as T,syncPreviewTheme as $}from"../lib/theme-dom.js";import{normalizeTheme as p}from"../lib/theme.js";import{CanvasOwnStyles as x}from"../lib/editor-canvas-styles.js";import{runFitWordsIn as P}from"../lib/fit-words.js";const S=`
+[${m}][${m}] { cursor: text; }
+[${t}][${t}][${t}] {
+  outline: 1px solid ${d.accent};
+  outline-offset: 2px;
+}
+[${t}][${t}]:has([${t}]),
+[data-puck-overlay-portal][data-puck-overlay-portal]:has([${t}]) {
+  outline: none;
+}
+`;function _({children:f,document:r}){const{theme:i,themeMode:e,themeSwitchShown:o}=c(),s=p(i);return a(()=>{if(r)return $(r,{mode:e,switchShown:o})},[r,e,o]),a(()=>{if(r)return T(r,s)},[r,s]),u(()=>{if(r)return P(r)},[r]),l(h,{children:[n(x,{}),n("style",{children:S}),f]})}export{S as PART_PICK_CSS,_ as default};

package/dist/components/PreviewTickerContext.d.ts

@@ -0,0 +1,4 @@
+export declare const TICKER_PART_LABEL = "Scrolling Bar";
+export declare const PreviewTickerProvider: ({ children }: {
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, usePreviewTicker: () => import("../lib/puck/preview-selection-context.js").PreviewIdSelection<"selectedHeroId">;

package/dist/components/PreviewTickerContext.js

@@ -0,0 +1 @@
+"use client";import{createPreviewSelectionContext as e}from"../lib/puck/preview-selection-context.js";const o="Scrolling Bar",{Provider:i,useSelection:t}=e("selectedHeroId");export{i as PreviewTickerProvider,o as TICKER_PART_LABEL,t as usePreviewTicker};

package/dist/components/ProcessSteps.d.ts

@@ -0,0 +1,32 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface ProcessSpec {
+    label?: string;
+    value?: string;
+}
+export interface ProcessStep {
+    image?: string;
+    tag?: string;
+    meta?: string;
+    title?: string;
+    copy?: string;
+    specs?: ProcessSpec[];
+}
+export interface ProcessStepsProps {
+    num?: string;
+    title?: string;
+    description?: string;
+    boxes?: SlotComponent;
+    steps?: ProcessStep[];
+    columns?: number;
+    cta?: {
+        text?: string;
+        href: string;
+    };
+    padTop?: number;
+    padBottom?: number;
+    editing?: boolean;
+    cardImage?: number | null;
+    cardText?: "below" | "on-image";
+    omitHead?: boolean;
+}
+export default function ProcessSteps({ num, title, description, boxes: Boxes, steps, columns, cta, padTop, padBottom, editing, omitHead, cardImage, cardText, ...widthProps }: ProcessStepsProps): import("react").JSX.Element;

package/dist/components/ProcessSteps.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as G,jsxs as r}from"react/jsx-runtime";import{sectionRunsFullWidth as I}from"../lib/content/section-width.js";import{cardImageShapeTokens as R}from"../lib/content/card-image-shape.js";import{SiteLink as A}from"../lib/site-runtime.js";import E from"./EditorialSectionHead.js";import D from"./Placeholder.js";import{withRMark as l}from"./RMark.js";import{renderGold as n}from"./goldPhrases.js";const y={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},d="sf-itc-boxes",N="sf-itc-steps";function H({num:z,title:x,description:g,boxes:m,steps:k,columns:S=3,cta:p,padTop:f,padBottom:h,editing:w=!1,omitHead:$=!1,cardImage:C,cardText:L,..._}){const j=typeof f=="number"?f:120,F=typeof h=="number"?h:120,b=(k??[]).filter(e=>(e?.tag??"").trim()||(e?.meta??"").trim()||(e?.title??"").trim()||(e?.copy??"").trim()||(e?.image??"").trim()||(e?.specs??[]).some(o=>(o?.label??"").trim()||(o?.value??"").trim())),u=b.length>0?b:w&&!m?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],v=y[S]??y[3],i=L==="on-image";return r("section",{className:I(_)?"relative z-[2] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:j,paddingBottom:F,...R(C)},children:[$?null:t(E,{num:z,title:x?.trim()?n(x,!0):void 0,desc:g?.trim()?n(g,!1):void 0}),m?r(G,{children:[t("style",{children:`.${d}:empty{display:none}.${d}:not(:empty)~.${N}{display:none}`}),t(m,{className:`${d} sf-card grid ${v} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,u.length>0&&t("div",{className:`${N} sf-card grid ${v} gap-[2px] border border-line bg-line`,children:u.map((e,o)=>{const s=(e.specs??[]).filter(a=>(a?.label??"").trim()||(a?.value??"").trim());return r("article",{className:i?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r("div",{className:i?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[t(D,{label:e.tag?.trim()||e.title?.trim()||`column-${o+1}`,src:e.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...m?{deferFetch:!0}:{}}),t("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),i&&t("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),e.tag?.trim()&&t("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:l(e.tag)}),e.meta?.trim()&&t("span",{className:i?"absolute right-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80":"absolute right-5 bottom-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80",children:l(e.meta)}),i&&(e.title?.trim()||e.copy?.trim())&&r("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[e.title?.trim()&&t("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:n(e.title,!0)}),e.copy?.trim()&&t("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:n(e.copy,!1)})]})]}),i?s.length>0&&t("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:s.map((a,c)=>r("div",{className:"flex flex-col gap-1",children:[a.label?.trim()&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l(a.label)}),a.value?.trim()&&t("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l(a.value)})]},c))}):r("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[e.title?.trim()&&t("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:n(e.title,!0)}),e.copy?.trim()&&t("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:n(e.copy,!1)}),s.length>0&&t("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:s.map((a,c)=>r("div",{className:"flex flex-col gap-1",children:[a.label?.trim()&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l(a.label)}),a.value?.trim()&&t("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l(a.value)})]},c))})]})]},o)})}),p?.text&&t("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(A,{href:p.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[l(p.text),t("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}export{H as default};

package/dist/components/Prose.d.ts

@@ -0,0 +1,9 @@
+export interface ProseProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    topBorder?: boolean;
+    omitHead?: boolean;
+    editing?: boolean;
+}
+export default function Prose({ eyebrow, title, body, topBorder, omitHead, editing, }?: ProseProps): import("react").JSX.Element | null;

package/dist/components/Prose.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as o,jsxs as i}from"react/jsx-runtime";import d from"./SectionEyebrow.js";import{renderGold as h,renderHeadline as f,splitParagraphs as c}from"./goldPhrases.js";const u="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))]",v="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 b({eyebrow:t,title:a,body:n,topBorder:x=!0,omitHead:r=!1,editing:m=!1}={}){const s=c((n??"").trim()),p=!!(t??"").trim()||!!(a??"").trim()||s.length>0;return!m&&!p?null:e("section",{className:`relative z-[2] ${x?"border-t border-line ":""}bg-bg`,children:i("div",{className:r?v:u,children:[r?null:i(o,{children:[(t??"").trim()&&e(d,{text:t??"",className:"mb-4 block"}),(a??"").trim()&&e("h2",{className:"mb-7 font-heading2 text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,28px)]",children:f(a??"",!1)})]}),s.map((l,g)=>e("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:h(l)},g))]})})}export{b as default};

package/dist/components/PublishedFooterContext.d.ts

@@ -0,0 +1,11 @@
+import type { SocialLinks } from "../lib/content/social-links.js";
+export interface PublishedFooterValue {
+    logoUrl: string | null;
+    logoReversed: string | null;
+    logoInkIsDark: boolean | null;
+    siteName: string;
+    legalName: string | null;
+    foundedYear: number | null;
+    socialLinks?: SocialLinks;
+}
+export declare const PublishedFooterContext: import("react").Context<PublishedFooterValue | null>;

package/dist/components/PublishedFooterContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as t}from"react";const o=t(null);export{o as PublishedFooterContext};

package/dist/components/PublishedPartStylesContext.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type PartStyles, type PublishedPartRule } from "../lib/puck/part-styles.js";
+import type { PartNeedle } from "../lib/puck/text-parts.js";
+export declare function PublishedPartStyles({ needles, styles, type, children, }: {
+    needles: PartNeedle[];
+    styles: PartStyles;
+    type?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePublishedPartRule(value: string): PublishedPartRule | null;
+export declare function usePublishedPartKindRule(kind: string): PublishedPartRule | null;
+export declare function ClaimedStamp({ stamp, children }: {
+    stamp: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PublishedPartStylesContext.js

@@ -0,0 +1 @@
+"use client";import{Fragment as i,jsx as n,jsxs as x}from"react/jsx-runtime";import{createContext as c,useContext as l,useId as h,useMemo as P}from"react";import{partRuleForKind as f,partRuleForText as y,partStyleCss as S,publishedPartStyles as C}from"../lib/puck/part-styles.js";import{styleKeyForPart as b}from"../lib/sections/section-text-kinds.js";const u=c(null),m=c(null);function v({needles:t,styles:e,type:s,children:r}){const a=h(),d=JSON.stringify([a,t,e,s]),o=P(()=>C(t,e,a,p=>b(s,p)),[d]);return o?x(i,{children:[n("style",{"data-sf-part-styles":"",dangerouslySetInnerHTML:{__html:S(o)}}),n(u.Provider,{value:o,children:r})]}):n(i,{children:r})}function R(t){const e=l(u),s=l(m),r=y(e,t);return r&&r.stamp!==s?r:null}function K(t){return f(l(u),t)}function I({stamp:t,children:e}){return n(m.Provider,{value:t,children:e})}export{I as ClaimedStamp,v as PublishedPartStyles,K as usePublishedPartKindRule,R as usePublishedPartRule};

package/dist/components/RMark.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export declare function RMark({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function withRMark(text: string): ReactNode;
+export default RMark;

package/dist/components/RMark.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as o}from"react/jsx-runtime";function c({className:r=""}){return t("sup",{className:`text-accent tracking-normal ${r}`,children:"\xAE"})}function i(r){if(!r.includes("\xAE"))return r;const e=r.split("\xAE"),n=[];return e.forEach((s,a)=>{s&&n.push(s),a<e.length-1&&n.push(t(c,{},`r${a}`))}),t(o,{children:n})}var f=c;export{c as RMark,f as default,i as withRMark};

package/dist/components/Reel.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from "react";
+import { type ReelShape } from "../lib/reel.js";
+export interface ReelProps {
+    slides: {
+        name: string;
+        process: string;
+    }[];
+    active: number;
+    shape?: ReelShape | string;
+    placement?: string;
+    ref?: Ref<HTMLElement>;
+    tone?: "media" | "surface";
+    label?: string;
+}
+export default function Reel({ slides, active, shape, placement, ref, tone, label, }: ReelProps): import("react").JSX.Element;

package/dist/components/Reel.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as c,Fragment as s}from"react/jsx-runtime";import{normaliseReelShape as u,reelRailClass as p,reelSurfaceRailClass as h}from"../lib/reel.js";function g({slides:t,active:r,shape:o,placement:e,ref:n,tone:i="media",label:m}){const l=u(o),d=i==="surface"?{"--overlay-fg":"var(--fg)","--overlay-chrome":"var(--fg)","--overlay-scrim":"var(--surface-2)"}:void 0;return c("aside",{ref:n,"aria-label":m??"Featured slides",className:i==="surface"?h(l):p(l,e),style:{color:"var(--overlay-fg)",...d},children:[l==="cards"&&a(x,{slides:t,active:r}),l==="dots"&&a(f,{count:t.length,active:r}),l==="numbers"&&a(b,{count:t.length,active:r}),l==="bar"&&a(v,{count:t.length,active:r}),l==="tabs"&&a(y,{slides:t,active:r})]})}function x({slides:t,active:r}){return c(s,{children:[a("span",{className:"mb-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.28em] text-overlay-chrome/55",children:"Reel \xB7 pick a slide"}),t.map((o,e)=>{const n=e===r;return c("button",{type:"button","data-idx":e,"aria-pressed":n,"aria-label":`Go to ${o.name||`slide ${e+1}`}`,className:["group flex w-[170px] cursor-pointer flex-col items-start gap-0.5 border bg-overlay-scrim/55 px-3 py-2.5 text-left transition-all motion-reduce:transition-none max-[1100px]:w-[140px]",n?"border-accent bg-overlay-scrim/70":"border-overlay-chrome/15 hover:border-overlay-chrome/45 hover:bg-overlay-scrim/70"].join(" "),children:[a("span",{className:["font-display text-[length:var(--size-body,13px)] font-medium uppercase leading-tight tracking-[-0.01em]",n?"text-accent":"text-overlay-fg"].join(" "),children:o.name||`Slide ${e+1}`}),a("span",{className:"font-mono text-[length:var(--size-label,9px)] uppercase tracking-[0.2em] text-overlay-chrome/55",children:n?"\u25B6 Now playing":o.process||" "})]},e)})]})}function f({count:t,active:r}){return a(s,{children:Array.from({length:t},(o,e)=>a("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`h-2 cursor-pointer rounded-full transition-all motion-reduce:transition-none ${e===r?"w-5 bg-accent":"w-2 bg-overlay-chrome/45 hover:bg-overlay-chrome/70"}`},e))})}function b({count:t,active:r}){return a(s,{children:Array.from({length:t},(o,e)=>a("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`cursor-pointer font-mono text-[length:var(--size-label,11px)] leading-none tracking-[0.06em] transition-colors ${e===r?"text-overlay-fg":"text-overlay-chrome/45 hover:text-overlay-chrome/80"}`,children:String(e+1).padStart(2,"0")},e))})}function v({count:t,active:r}){return a(s,{children:Array.from({length:t},(o,e)=>a("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`h-full flex-1 cursor-pointer transition-colors ${e<=r?"bg-overlay-fg":"bg-overlay-chrome/25"}`},e))})}function y({slides:t,active:r}){return a(s,{children:t.map((o,e)=>{const n=e===r;return a("button",{type:"button","data-idx":e,"aria-pressed":n,className:["flex min-w-[140px] flex-1 cursor-pointer items-end px-6 py-7 text-left transition-colors",e>0?"border-l border-overlay-chrome/15":"",n?"bg-overlay-scrim/70":"hover:bg-overlay-scrim/40"].join(" "),children:a("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase leading-tight tracking-[-0.02em]",n?"text-overlay-fg":"text-overlay-chrome/55"].join(" "),children:o.name})},e)})})}export{g as default};

package/dist/components/RuleLine.d.ts

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

package/dist/components/RuleLine.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function r(){return e("span",{className:"block h-px w-[30px] bg-current"})}export{r as default};

package/dist/components/SearchSelectField.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { type FieldOption } from "efficient-easel/fields";
+export interface SearchSelectOption {
+    value: string;
+    label: string;
+    group?: string;
+    thumb?: string | null;
+    meta?: string;
+}
+export declare function searchSelectOptions(options: readonly SearchSelectOption[]): FieldOption<string>[];
+interface Props {
+    label: string;
+    options: readonly SearchSelectOption[];
+    fallback: string;
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    bare?: boolean;
+    icon?: ReactNode;
+}
+export default function SearchSelectField({ label, options, fallback, value, onChange, placeholder, bare, icon, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/SearchSelectField.js

@@ -0,0 +1 @@
+"use client";import{jsx as f}from"react/jsx-runtime";import{useId as b}from"react";import{FieldSelect as S}from"efficient-easel/fields";import{SettingsField as x}from"efficient-easel/panel";function I(n){return n.map(({value:t,label:l,group:o,thumb:r,meta:e})=>({value:t,label:l,...o!==void 0?{group:o}:{},...r!==void 0?{thumb:r}:{},...e!==void 0?{meta:e}:{}}))}function $({label:n,options:t,fallback:l,value:o,onChange:r,placeholder:e,bare:i=!1,icon:m}){const c=b(),a=`${c}-label`,d=`${c}-button`,s=o??"",p=t.some(h=>h.value===s)?s:l,u=f(S,{id:d,value:p,options:I(t),onChange:r,placeholder:e,searchPlaceholder:e,...i?{ariaLabel:n}:{ariaLabelledBy:`${a} ${d}`},searchable:!0,groupCount:!0,inline:!0});return i?u:f(x,{label:n,labelId:a,icon:m,children:u})}export{$ as default,I as searchSelectOptions};

package/dist/components/SectionAnimation.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type SectionMotion } from "../lib/content/section-animation.js";
+export declare function SectionAnimation({ motion, editing, children, }: {
+    motion: SectionMotion;
+    editing: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SectionAnimation.js

@@ -0,0 +1 @@
+"use client";import{jsx as s}from"react/jsx-runtime";import{useEffect as i,useRef as u}from"react";import{armSectionEntrance as a,playSectionEntrance as l,SECTION_ANIM_ATTR as o}from"../lib/content/section-animation.js";function S({motion:r,editing:n,children:f}){const t=u(null),c=u(r);return i(()=>{const e=t.current;if(e){if(n){if(c.current===r)return;c.current=r,l(e);return}return a(e)}},[r,n]),s("div",{ref:t,[o]:r,children:f})}export{S as SectionAnimation};