efficient-web-builder 23.2.0 → 25.0.0

package/dist/editor/lib/puck/blocks/general/PostCard/fields.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{BOX_DARKEN as t,BOX_DARKEN_STYLES as i}from"../../../../../../format/lib/content/box-background.js";import{POST_CARD_HEIGHT as o,POST_CARD_LAYOUT_FALLBACK as s,POST_CARD_LAYOUTS as g}from"../../../../../../render/components/PostCard.js";import p from"../../../../../components/BlogPostSource.js";import{HeightIcon as O,ImageIcon as _,LayoutIcon as d,OpacityIcon as C,StylesIcon as T}from"efficient-easel/icons";import{NOT_BOUND_TO_POST as f,group as u,linkField as S,placementField as R,select as n,slider as l,sourceField as x,text as r,textarea as m,toggle as y,upload as D}from"../../../controls.js";import{withRowRules as h}from"../../../../../../render/lib/puck/show-when.js";import{POSTCARD_PH as a}from"../../../../../../render/lib/puck/blocks/general/PostCard/render.js";const c={field:"layout",is:"cover"},k={not:c},A=["placement","darken","darkenStyle","minHeight","_gTint"],E=["showCover"],L=["image","title","excerpt","href"],b={fields:h({source:x(p),image:D("Cover image","image/*"),title:m("Heading",a.title),excerpt:m("Excerpt",a.excerpt),href:S("Link"),category:r("Category",a.category),date:r("Date",a.date),readLabel:r("Read time",a.readLabel),layout:n("Card layout",e(d,{}),g,s),showCover:y("Show cover image",!0,e(_,{})),placement:R("Text position",{stacking:!1}),minHeight:l("Card height",e(O,{}),o.min,o.max,o.step,o.fallback,o.unit),_gTint:u("Image tint"),darken:l("Darken",e(C,{}),t.min,t.max,t.step,t.fallback,t.unit),darkenStyle:n("Darken style",e(T,{}),i,i[0].value)},[[A,c],[E,k],[L,f]])};export{b as PostCardFields};

package/dist/editor/lib/puck/blocks/general/ProcessSteps/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const ProcessStepsFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/ProcessSteps/fields.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ColumnsIcon as m,PlacementIcon as n}from"efficient-easel/icons";import{cardImageField as a,group as d,section as e,segmented as p,slider as c,text as t,textarea as u}from"../../../controls.js";import{SPLITTABLE_SECTIONS as P,headFieldsForPlacement as S,widthFieldsForParent as f}from"../../../../../../format/lib/sections/section-head-placement.js";import{PH as x}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{innerSpacingFields as g,WIDTH_ROW_KEYS as b}from"../../shared-fields.js";import{withRowRules as _}from"../../../../../../render/lib/puck/show-when.js";import{PROCESS_PH as s,ProcessStepsSlots as F}from"../../../../../../render/lib/puck/blocks/general/ProcessSteps/render.js";const E={fields:_({_sHeader:e("Header"),_gContent:d("Content"),num:t("Number",s.num),title:t("Heading",s.title),description:u("Body",x.body),boxes:F.boxes,_dDesign:e("Design"),columns:c("Columns",o(m,{}),2,4,1,3),cardImage:a(),cardText:p("Text position",o(n,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),_dLayout:e("Layout"),...g("ProcessSteps")},[[["cardText"],{not:{field:"boxes",set:!0}}]]),resolveFields:(r,{fields:i,parent:l})=>S(f(i,l,b),r.props.headPlacement,P.ProcessSteps.headRows)};export{E as ProcessStepsFields};

package/dist/editor/lib/puck/blocks/general/Prose/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const ProseFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Prose/fields.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{SquareIcon as d}from"efficient-easel/icons";import{group as m,section as n,text as l,textarea as o,toggle as p}from"../../../controls.js";import{SPLITTABLE_SECTIONS as a,headFieldsForPlacement as f,widthFieldsForParent as P}from"../../../../../../format/lib/sections/section-head-placement.js";import{WIDTH_ROW_KEYS as g}from"../../shared-fields.js";import{PROSE_PH as e}from"../../../../../../render/lib/puck/blocks/general/Prose/render.js";const w={fields:{_gContent:m("Content"),eyebrow:l("Eyebrow",e.eyebrow),title:o("Heading",e.title),body:o("Body",e.body),_dDesign:n("Design"),topBorder:p("Top border",!0,s(d,{}))},resolveFields:(r,{fields:t,parent:i})=>f(P(t,i,g),r.props.headPlacement,a.Prose.headRows)};export{w as ProseFields};

package/dist/editor/lib/puck/blocks/general/SectionHeader/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const SectionHeaderFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/SectionHeader/fields.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{widthModeFields as S}from"../../../../../../render/lib/puck/passes/section-width.js";import{resolveWidth as E}from"../../../../../../format/lib/content/section-width.js";import{HashIcon as s,StylesIcon as o}from"efficient-easel/icons";import{group as t,linkField as _,plainText as d,segmented as O,select as i,text as l,textarea as r,upload as p,widthField as T,withPanelOnly as L}from"../../../controls.js";import{DEFAULT_SECTION_NUMBER_STYLE as a,SECTION_NUMBER_STYLE_OPTIONS as g}from"../../../../../../format/lib/sections/section-number-style.js";import{DEFAULT_SECTION_HEAD_STYLE as N,SECTION_HEAD_STYLE_OPTIONS as f,withHeadStyleRules as u}from"../../../../../../format/lib/sections/section-head-style.js";import{SECTION_EYEBROW_LOOK_OPTIONS as y,DEFAULT_SECTION_EYEBROW_LOOK as I}from"../../../../../../format/lib/sections/section-eyebrow-look.js";const B={fields:u({_gContent:t("Content"),headStyle:i("Style",e(o,{}),[...f],N),num:l("Number","01 / Section"),eyebrowLook:i("Eyebrow style",e(o,{}),[...y],I),numStyle:O("Number style",e(s,{}),[...g],a),title:r("Heading","Section *title*"),description:r("Body","Short supporting line"),linkText:l("Button","View all"),linkHref:_("Link"),_gLogo:t("Logo"),logoSrc:p("Logo image","image/*"),logoAlt:L(d("Logo alt text","Logo description")),...T("full")}),resolveFields:(n,{fields:m})=>S(m,E(n?.props??{},"full"))};export{B as SectionHeaderFields};

package/dist/editor/lib/puck/blocks/general/Series/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const SeriesFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Series/fields.js

@@ -0,0 +1 @@
+import{backgroundField as n,copyText as r,group as t,plainTextarea as d,text as i,textarea as o}from"../../../controls.js";import{SPLITTABLE_SECTIONS as m,headFieldsForPlacement as u,widthFieldsForParent as c}from"../../../../../../format/lib/sections/section-head-placement.js";import{WIDTH_ROW_KEYS as S}from"../../shared-fields.js";import{SECTION_BG_BUILT_IN as T}from"../../../../../../format/lib/puck/blocks/general/section-bg-built-in.js";import{SERIES_PH as a}from"../../../../../../render/lib/puck/blocks/general/Series/render.js";const y={fields:{_gHead:t("Section header"),headNum:i("Number",a.headNum),headTitle:o("Heading",a.headTitle),headDesc:o("Body",a.headDesc),_gCards:t("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:r("Number"),since:r("Right Top Text"),title:d("Title"),desc:d("Body"),entries:r("Entries count"),entriesLabel:r("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:t("Card link"),viewLabel:i("Card button",a.viewLabel),_gStyle:t("Style"),background:n("Background",T.Series)},resolveFields:(e,{fields:l,parent:s})=>u(c(l,s,S),e.props.headPlacement,m.Series.headRows)};export{y as SeriesFields};

package/dist/editor/lib/puck/blocks/general/SpecStrip/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const SpecStripFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Split/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const SplitFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Split/fields.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{AlignLeftIcon as i,CaseIcon as m,OpacityIcon as s,PlacementIcon as c}from"efficient-easel/icons";import{group as e,linkField as u,section as l,segmented as g,slider as p,text as o,textarea as r,toggle as y,upload as n}from"../../../controls.js";import{ctaField as d,photographyToggle as f}from"../../shared-fields.js";import{SPLIT_PH as a,IMGBTN_PH as I}from"../../../../../../render/lib/puck/blocks/general/Split/render.js";const T={fields:{_sText:l("Text column"),_gContent:e("Content"),eyebrow:o("Eyebrow",a.eyebrow),title:r("Heading",a.title),body:r("Body",a.body),uppercase:y("Uppercase heading",!1,t(m,{})),textAlign:g("Alignment",t(i,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:e("Button"),...d,_gTextBg:e("Background image"),textBgSrc:n("Background image","image/*"),overlay:p("Overlay",t(s,{}),0,100,5,60,"%"),_sImage:l("Image column"),_gImage:e("Image"),imageSrc:n("Image","image/*"),reverse:g("Image side",t(c,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:e("Overlay button"),imageBtnText:o("Overlay button",I.text),imageBtnHref:u("Overlay button link"),_gStyle:e("Style"),grayscale:f()}};export{T as SplitFields};

package/dist/editor/lib/puck/blocks/general/Stats/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const StatsFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Stats/fields.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ColumnsIcon as l}from"efficient-easel/icons";import{backgroundField as r,copyText as e,group as a,slider as s,text as m}from"../../../controls.js";import{SECTION_BG_BUILT_IN as n}from"../../../../../../format/lib/puck/blocks/general/section-bg-built-in.js";const p={fields:{_gContent:a("Content"),heading:m("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:e("Value"),label:e("Label")},getItemSummary:t=>t.label||t.value||"stat"},columns:s("Columns",o(l,{}),2,4,1,4),_gStyle:a("Style"),background:r("Background",n.Stats)}};export{p as StatsFields};

package/dist/editor/lib/puck/blocks/general/StatsParagraph/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const StatsParagraphFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/StatsParagraph/fields.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{AccentIcon as p}from"efficient-easel/icons";import{backgroundField as m,group as t,plainText as e,plainTextarea as f,text as d,textarea as l,toggle as n}from"../../../controls.js";import{SPLITTABLE_SECTIONS as u,headFieldsForPlacement as S,widthFieldsForParent as g}from"../../../../../../format/lib/sections/section-head-placement.js";import{innerSpacingFields as b,WIDTH_ROW_KEYS as x}from"../../shared-fields.js";import{SECTION_BG_BUILT_IN as c}from"../../../../../../format/lib/puck/blocks/general/section-bg-built-in.js";import{STATS_PARAGRAPH_PH as r}from"../../../../../../render/lib/puck/blocks/general/StatsParagraph/render.js";const A={fields:{_gContent:t("Content"),eyebrow:d("Eyebrow",r.eyebrow),title:l("Heading",r.title),desc:l("Body",r.desc),stats:{type:"array",label:"Stats",arrayFields:{value:e("Number"),prefix:e("Prefix"),suffix:e("Unit"),supSuffix:e("Superscript"),emphasizeAll:n("Whole number Theme Color",!1,i(p,{})),label:e("Label"),sub:f("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:a=>a.label||a.value||"Stat"},_gStyle:t("Style"),background:m("Background",c.StatsParagraph),...b("StatsParagraph")},resolveFields:(a,{fields:o,parent:s})=>S(g(o,s,x),a.props.headPlacement,u.StatsParagraph.headRows)};export{A as StatsParagraphFields};

package/dist/editor/lib/puck/blocks/general/Testimonials/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TestimonialsFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Testimonials/fields.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ColumnsIcon as a,StylesIcon as i}from"efficient-easel/icons";import{group as t,plainText as r,plainTextarea as n,select as p,slider as d,text as y,textarea as T}from"../../../controls.js";import{SPLITTABLE_SECTIONS as u,headFieldsForPlacement as S,widthFieldsForParent as I}from"../../../../../../format/lib/sections/section-head-placement.js";import{SECTION_EYEBROW_LOOK_OPTIONS as f,eyebrowLookFor as _}from"../../../../../../format/lib/sections/section-eyebrow-look.js";import{WIDTH_ROW_KEYS as E}from"../../shared-fields.js";import{TESTIMONIALS_PH as l}from"../../../../../../render/lib/puck/blocks/general/Testimonials/render.js";const C={fields:{_gContent:t("Content"),eyebrow:y("Eyebrow",l.eyebrow),eyebrowLook:p("Eyebrow style",o(i,{}),[...f],_("Testimonials")),title:T("Heading",l.title),items:{type:"array",label:"Quotes",arrayFields:{quote:n("Quote"),name:r("Name"),role:r("Role · location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:t("Style"),columns:d("Columns",o(a,{}),1,3,1,3)},resolveFields:(e,{fields:m,parent:s})=>S(I(m,s,E),e.props.headPlacement,u.Testimonials.headRows)};export{C as TestimonialsFields};

package/dist/editor/lib/puck/blocks/general/Text/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TextFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Text/fields.js

@@ -0,0 +1 @@
+import{textarea as o}from"../../../controls.js";import{PH as t}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{alignField as e,toneField as i}from"../../shared-fields.js";const m={fields:{text:o("Body",t.body),align:e(),tone:i()}};export{m as TextFields};

package/dist/editor/lib/puck/blocks/general/Ticker/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TickerFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Ticker/fields.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{ClockIcon as n,DirectionIcon as l,GapIcon as I,LineBetweenIcon as s,SquareIcon as a,StylesIcon as S,TextSizeIcon as T}from"efficient-easel/icons";import{EDGE_ARROWS as _,edgePad as c,group as o,segmented as r,select as t,slider as E,textList as m,TICKER_ITEMS_ROW as i,toggle as R,withScaffold as O}from"../../../controls.js";import{DEFAULT_TICKER_SEPARATOR as C,DEFAULT_TICKER_SIZE as p,TICKER_SEPARATOR_OPTIONS as d,TICKER_SIZE_OPTIONS as A}from"../../../../../../format/lib/sections/ticker-style.js";import{DEFAULT_TICKER_SCROLL as L,TICKER_SCROLL_OPTIONS as f}from"../../../../../../format/lib/sections/ticker-scroll.js";import{DEFAULT_TICKER_JOIN as K,TICKER_JOIN_OPTIONS as u}from"../../../../../../format/lib/sections/ticker-join.js";import{TICKER_SCAFFOLD_ITEMS as g}from"../../../../../../render/lib/puck/blocks/general/Ticker/render.js";const U={fields:{_gContent:o("Content"),items:O(m(i.label,i.icon,"item","markup"),g),_gStyle:o("Style"),tone:r("Style",e(S,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:R("Hairline borders",!0,e(a,{})),size:r("Text size",e(T,{}),[...A],p),separator:t("Separator",e(s,{}),d,C),scrollDirection:c("Scroll direction",f,L,"A marquee cannot run diagonally, so the corners are not answers.",e(l,{}),_),speed:E("Scroll duration",e(n,{}),20,90,5,50,"s"),join:t("Join",e(I,{}),u,K)}};export{U as TickerFields};

package/dist/editor/lib/puck/blocks/general/Timeline/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TimelineFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/Timeline/fields.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{EyeIcon as m}from"efficient-easel/icons";import{copyText as s,group as l,plainTextarea as r,section as t,select as p,text as i,textarea as o,upload as g}from"../../../controls.js";import{ctaField as d,innerSpacingFields as y}from"../../shared-fields.js";import{TIMELINE_PH as e}from"../../../../../../render/lib/puck/blocks/general/Timeline/render.js";const x={fields:{_dLayout:t("Layout"),layout:p("Display",n(m,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),...y("Timeline"),_sHeader:t("Header"),_gContent:l("Content"),eyebrow:i("Eyebrow",e.eyebrow),title:o("Heading",e.title),intro:o("Intro",e.intro),imageSrc:g("Image","image/*"),imageCaption:i("Image caption",e.imageCaption),imageMeta:i("Image meta",e.imageMeta),_gButton:l("Button"),...d,_sEntries:t("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:s("Sub-title"),title:r("Title"),body:r("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:a=>a?.date||a?.title||"Entry"}}};export{x as TimelineFields};

package/dist/editor/lib/puck/blocks/general/TimelineTrack/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TimelineTrackFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/TimelineTrack/fields.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{ClockIcon as s}from"efficient-easel/icons";import{backgroundField as d,plainText as m,plainTextarea as i,section as e,text as T,textarea as o,toggle as c}from"../../../controls.js";import{SPLITTABLE_SECTIONS as p,headFieldsForPlacement as u,widthFieldsForParent as f}from"../../../../../../format/lib/sections/section-head-placement.js";import{ctaField as _,innerSpacingFields as g,WIDTH_ROW_KEYS as y}from"../../shared-fields.js";import{SECTION_BG_BUILT_IN as I}from"../../../../../../format/lib/puck/blocks/general/section-bg-built-in.js";import{TIMELINE_TRACK_PH as r}from"../../../../../../render/lib/puck/blocks/general/TimelineTrack/render.js";const L={fields:{_sHeader:e("Header"),eyebrow:T("Eyebrow",r.eyebrow),title:o("Heading",r.title),intro:o("Body",r.intro),_sEntries:e("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:m("Year"),title:i("Title"),blurb:i("Body"),future:c("Upcoming",!1,n(s,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:t=>t?.date||t?.title||"Milestone"},_sButton:e("Button"),..._,_dDesign:e("Design"),background:d("Background",I.TimelineTrack),_dLayout:e("Layout"),...g("TimelineTrack")},resolveFields:(t,{fields:a,parent:l})=>u(f(a,l,y),t.props.headPlacement,p.TimelineTrack.headRows)};export{L as TimelineTrackFields};

package/dist/editor/lib/puck/blocks/general/TitleWithButtons/fields.d.ts

@@ -0,0 +1,2 @@
+import type { BlockFields } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TitleWithButtonsFields: BlockFields;

package/dist/editor/lib/puck/blocks/general/TitleWithButtons/fields.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{AlignLeftIcon as a,StylesIcon as s}from"efficient-easel/icons";import{group as n,plainText as r,readHidable as u,segmented as m,select as d,textarea as g,withOffPage as f}from"../../../controls.js";import{innerSpacingFields as p}from"../../shared-fields.js";import{TITLE_WITH_BUTTONS_PH as b}from"../../../../../../render/lib/puck/blocks/general/TitleWithButtons/render.js";const _={fields:{_gContent:n("Content"),title:g("Heading",b.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:r("Button"),href:f(r("Button link")),variant:d("Style",i(s,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:t=>t?.label||"Button"},_gStyle:n("Style"),buttonsAlign:m("Alignment",i(a,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...p("TitleWithButtons")},resolveFields:(t,{fields:e})=>{const l=u(t.props.title);if(!(!l.hidden&&!!l.text.trim()))return e;const{buttonsAlign:y,...o}=e;return o}};export{_ as TitleWithButtonsFields};

package/dist/editor/lib/puck/blocks/general/index.js

@@ -0,0 +1 @@
+import{assembleBlocks as o}from"../../../../../format/lib/puck/blocks/block-types.js";import{BannerFields as i}from"./Banner/fields.js";import{BreadcrumbFields as t}from"./Breadcrumb/fields.js";import{ButtonBlockFields as m}from"./ButtonBlock/fields.js";import{CardsFields as s}from"./Cards/fields.js";import{CategoryBarFields as d}from"./CategoryBar/fields.js";import{ChartFields as l}from"./Chart/fields.js";import{ContactLocationsFields as a}from"./ContactLocations/fields.js";import{CountdownFields as p}from"./Countdown/fields.js";import{CustomHTMLFields as F}from"../../../../../format/lib/puck/blocks/general/CustomHTML/fields.js";import{DividerFields as f}from"./Divider/fields.js";import{DocBodyFields as n}from"./DocBody/fields.js";import{DocMastheadFields as c}from"./DocMasthead/fields.js";import{DocMetaCardsFields as S}from"./DocMetaCards/fields.js";import{DocTabsFields as B}from"./DocTabs/fields.js";import{EyebrowFields as g}from"./Eyebrow/fields.js";import{FAQFields as u}from"./FAQ/fields.js";import{FeaturedCoverFields as C}from"./FeaturedCover/fields.js";import{FlexFields as T}from"./Flex/fields.js";import{FootprintFields as k}from"./Footprint/fields.js";import{GridFields as H}from"./Grid/fields.js";import{HeadingFields as L}from"./Heading/fields.js";import{HeroFields as h}from"./Hero/fields.js";import{HeroGroupFields as y}from"./HeroGroup/fields.js";import{HeroSingleFields as D}from"./HeroSingle/fields.js";import{HeroSlideFields as M}from"./HeroSlide/fields.js";import{ImageBlockFields as P}from"./ImageBlock/fields.js";import{IntegrationsFields as E}from"./Integrations/fields.js";import{IntroBleedFields as b}from"./IntroBleed/fields.js";import{KeyFeaturesFields as G}from"./KeyFeatures/fields.js";import{LogoBlockFields as I}from"./LogoBlock/fields.js";import{LogosFields as x}from"./Logos/fields.js";import{LongReadFields as A}from"./LongRead/fields.js";import{ManifestoFields as R}from"./Manifesto/fields.js";import{MastheadFields as v}from"./Masthead/fields.js";import{MockupFields as w}from"./Mockup/fields.js";import{OrderSummaryFields as N}from"./OrderSummary/fields.js";import{ParagraphsAFields as K}from"./ParagraphsA/fields.js";import{PaymentBadgesFields as O}from"./PaymentBadges/fields.js";import{PostCardFields as Q}from"./PostCard/fields.js";import{ProcessStepsFields as W}from"./ProcessSteps/fields.js";import{ProseFields as _}from"./Prose/fields.js";import{SectionHeaderFields as j}from"./SectionHeader/fields.js";import{SeriesFields as q}from"./Series/fields.js";import{SpacerFields as z}from"../../../../../format/lib/puck/blocks/general/Spacer/fields.js";import{SpecStripFields as J}from"./SpecStrip/fields.js";import{SplitFields as U}from"./Split/fields.js";import{StatsFields as V}from"./Stats/fields.js";import{StatsParagraphFields as X}from"./StatsParagraph/fields.js";import{TestimonialsFields as Y}from"./Testimonials/fields.js";import{TextFields as Z}from"./Text/fields.js";import{TickerFields as $}from"./Ticker/fields.js";import{TimelineFields as oo}from"./Timeline/fields.js";import{TimelineTrackFields as ro}from"./TimelineTrack/fields.js";import{TitleWithButtonsFields as eo}from"./TitleWithButtons/fields.js";import{GENERAL_RENDERS as r}from"../../../../../render/lib/puck/blocks/general/renders.js";const e={Banner:i,Breadcrumb:t,ButtonBlock:m,Cards:s,CategoryBar:d,Chart:l,ContactLocations:a,Countdown:p,CustomHTML:F,Divider:f,DocBody:n,DocMasthead:c,DocMetaCards:S,DocTabs:B,Eyebrow:g,FAQ:u,FeaturedCover:C,Flex:T,Footprint:k,Grid:H,Heading:L,Hero:h,HeroGroup:y,HeroSingle:D,HeroSlide:M,ImageBlock:P,Integrations:E,IntroBleed:b,KeyFeatures:G,LogoBlock:I,Logos:x,LongRead:A,Manifesto:R,Masthead:v,Mockup:w,OrderSummary:N,ParagraphsA:K,PaymentBadges:O,PostCard:Q,ProcessSteps:W,Prose:_,SectionHeader:j,Series:q,Spacer:z,SpecStrip:J,Split:U,Stats:V,StatsParagraph:X,Testimonials:Y,Text:Z,Ticker:$,Timeline:oo,TimelineTrack:ro,TitleWithButtons:eo},sr=o(r,e),dr=()=>o(r,e);export{dr as assembleGeneralBlocks,sr as generalBlocks};

package/dist/editor/lib/puck/blocks/shared-fields.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{SECTION_PAD_INNER_DEFAULTS as n}from"../../../../render/lib/puck/passes/section-padding.js";import i,{SlotNoticeField as p}from"../../../components/SlotChildRows.js";import{SECTION_HEIGHT as r}from"../../../../format/lib/content/section-height.js";import{usePreviewHeader as a}from"../../../../render/components/PreviewHeaderContext.js";import{IMAGE_GRAYSCALE_LABEL as c}from"../../../../format/lib/content/image-treatment.js";import{AlignLeftIcon as m,BlackAndWhiteIcon as d,ContrastIcon as s,HeightIcon as u,TypeIcon as f}from"efficient-easel/icons";import{linkField as g,segmented as l,slider as h,spacingFields as x,text as F,toggle as y,widthField as T}from"../controls.js";import{deviceField as I}from"../device-fields.js";import{FieldGlyph as A}from"../../../components/FieldGlyph.js";import{fieldNoun as _}from"../../../../format/lib/puck/field-noun.js";import{CTA_PH as b}from"../../../../format/lib/puck/blocks/placeholders.js";const O=e=>I(e,h("Height",t(u,{}),r.min,r.max,r.step,r.fallback,r.unit)),P={ctaText:F("Button",b.text),ctaHref:g("Button link")},j=()=>l("Alignment",t(m,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),W=()=>l("Tone",t(s,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),K=e=>x({...n[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),M=(e,o)=>({type:"custom",render:()=>t(i,{parentType:e,label:o})}),Y=e=>({type:"custom",render:()=>t(p,{parentType:e})});function E(e){const{photographyGrayscale:o}=a();return y(c,o===!0,t(d,{})).render(e)}function U(){return{type:"custom",render:e=>t(E,{...e})}}const q=Object.keys(T("full"));function z(e){const o=_(e);return o?t(A,{noun:o}):t(f,{})}export{q as WIDTH_ROW_KEYS,j as alignField,P as ctaField,O as heightField,K as innerSpacingFields,U as photographyToggle,Y as slotNoticeField,M as slotRowsField,z as textKindGlyph,W as toneField};

package/dist/editor/lib/puck/build-config.js

@@ -0,0 +1 @@
+import{resolveBlockOffer as k}from"./block-offer.js";import{applyBlockPasses as j,registryPassContext as O}from"../../../render/lib/puck/passes/index.js";import{PASS_INSPECTOR as S}from"./passes/inspector.js";function w(i,f,a){if(!i)return i;let h=!1;const p={};for(const[g,e]of Object.entries(i)){let o=e;if(e&&typeof e=="object")if(e.type==="slot")if(e.allow){const s=e.allow.filter(f);s.length!==e.allow.length&&(o={...e,allow:s})}else{const s=new Set(e.disallow??[]),d=a.filter(u=>!s.has(u));d.length>0&&(o={...e,disallow:[...e.disallow??[],...d]})}else{const s=w(e.arrayFields,f,a),d=w(e.objectFields,f,a);(s!==e.arrayFields||d!==e.objectFields)&&(o={...e,...s?{arrayFields:s}:null,...d?{objectFields:d}:null})}o!==e&&(h=!0),p[g]=o}return h?p:i}function F(i,f,a){const h={};for(const[o,s]of Object.entries(f.fields??{}))h[o]=s&&typeof s=="object"&&s.type==="slot"?{...s}:s;const p={...f,...f.fields?{fields:h}:null},g=j(i,p,a),e=Object.keys(h).filter(o=>g.fields?.[o]!==h[o]);if(e.length>0)throw new Error(`efficient-web-builder: blocks.host["${i}"] declares ${e.map(o=>`"${o}"`).join(", ")}, ${e.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return g}function B(i,f){const a=Object.entries(f?.host??{}),h=f?.categories??[],p=k(f);if(!p&&a.length===0&&h.length===0)return i;const g=i.components,e=a.map(([t])=>t).filter(t=>t in g);if(e.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${e.map(t=>`"${t}"`).join(", ")}, which ${e.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);const o=t=>p?p.offers(t):!0,s=Object.keys(g).filter(t=>!o(t)),d={};for(const[t,n]of Object.entries(g)){const c=p?w(n?.fields,o,s):n?.fields;d[t]=c===n?.fields?n:{...n,fields:c}}if(a.length>0){const t=new Set(a.map(([r])=>r)),n=i.categories?.structure?.components??[],c=O(Object.keys(g),n),m={...c,isSection:r=>t.has(r)||c.isSection(r),isHostBlock:r=>t.has(r),inspector:S};for(const[r,l]of a){const b=F(r,l,m),y=w(b.fields,o,s);d[r]=y===b.fields?b:{...b,fields:y}}}const u=[];for(const[t,n]of Object.entries(i.categories??{})){const c=n?.components??[],m=c.filter(o);m.length===c.length?u.push([t,n]):m.length>0&&u.push([t,{...n,components:m}])}for(const t of h){const n=t.components.filter(l=>l in d&&o(l));if(n.length===0)continue;const c=u.find(([l])=>l===t.key);if(c){const[,l]=c,b=new Set(l.components??[]);c[1]={...l,components:[...l.components??[],...n.filter(y=>!b.has(y))]};continue}const m=[t.key,{title:t.title,components:n}],r=t.before?u.findIndex(([l])=>l===t.before):-1;r===-1?u.push(m):u.splice(r,0,m)}return{...i,components:d,categories:Object.fromEntries(u)}}export{B as buildConfig};

package/dist/editor/lib/puck/canvas-typing.d.ts

@@ -0,0 +1,30 @@
+import { SHOP_MARKUP, type MarkStyle } from "../../../format/lib/markup.js";
+import type { TreeItem } from "efficient-easel/draw";
+import { type ReplacePart } from "./part-typing.js";
+export declare function partTextTools(markup: boolean, multiline: boolean): MarkStyle[];
+export type PartTypingDeps = {
+    getItemById: (id: string) => TreeItem | undefined;
+    getSelectorForId: (id: string) => {
+        zone: string;
+        index: number;
+    } | undefined;
+    components: Record<string, {
+        fields?: Record<string, unknown>;
+    } | undefined>;
+    replace: ReplacePart;
+};
+export type PartTyping = {
+    partId: string;
+    value: string;
+    rules: typeof SHOP_MARKUP;
+    multiline: boolean;
+    offered: MarkStyle[];
+    write: (next: string) => void;
+};
+export declare function partTypingTarget(partId: string, deps: PartTypingDeps): PartTyping | null;
+export declare function partElement(last: Pick<HTMLElement, "isConnected" | "getAttribute"> | null, doc: Pick<Document, "querySelector"> | null, partId: string): HTMLElement | null;
+export declare function keysOnCanvas(doc: Pick<Document, "activeElement">): boolean;
+export declare function canvasTypingPart(): string | null;
+export declare function setCanvasTypingPart(partId: string | null): void;
+export declare function subscribeCanvasTypingPart(listener: () => void): () => void;
+export declare function useCanvasTypingPart(): string | null;

package/dist/editor/lib/puck/canvas-typing.js

@@ -0,0 +1 @@
+import{useSyncExternalStore as T}from"react";import{SHOP_MARKUP as P}from"../../../format/lib/markup.js";import{readHidable as S,textFieldOffPage as k}from"./controls.js";import{decodePartId as v}from"efficient-easel/draw";import{PART_ATTR as y}from"../../../render/lib/puck/text-parts.js";import{partRowField as b}from"./part-row-field.js";import{decodePartKey as K,partRowValue as O}from"../../../render/lib/puck/part-rows.js";import{isMultilineKind as A,typeInPlaceKind as R}from"../../../render/lib/puck/part-text.js";import{commitPartText as w}from"./part-typing.js";const C=["bold","italic","underline","strike","link","sup","sub"],F=["bullet","number"];function E(e,t){return e?[...C,...t?F:[]]:[]}function g(e,t){const r=v(e);if(!r?.propKey)return null;const{nodeId:l,propKey:u}=r,o=t.getItemById(l),s=t.getSelectorForId(l);if(!o||!s)return null;const{key:n,row:i}=K(u),p=t.components[o.type]?.fields?.[n],d=i?b(p,i):p,m=R(d);if(!m)return null;const c=o.props??{};if(i&&!(Array.isArray(c[n])&&i.index<c[n].length))return null;const x=i?O(c[n],i):c[n];return{node:o,selector:s,propKey:u,kind:m,stored:x,offPage:k(d)}}function U(e,t){const r=g(e,t);if(!r||r.offPage)return null;const{text:l,hidden:u}=S(r.stored);if(u)return null;const o=A(r.kind);return{partId:e,value:l,rules:P,multiline:o,offered:E(r.kind!=="plainText",o),write:s=>{const n=g(e,t);n&&w({node:n.node,propKey:n.propKey,kind:n.kind,zone:n.selector.zone,index:n.selector.index},s,t.replace)}}}function V(e,t,r){return e?.isConnected&&e.getAttribute(y)===r?e:t?.querySelector(`[${y}="${I(r)}"]`)??null}function I(e){return e.replace(/["\\]/g,"\\$&")}function W(e){const t=e.activeElement;return t?t.tagName==="IFRAME"||!!t.closest(".es-canvas"):!1}let a=null;const f=new Set;function _(){return a}function j(e){if(e!==a){a=e;for(const t of f)t()}}function L(e){return f.add(e),()=>{f.delete(e)}}function G(){return T(L,_,()=>null)}export{_ as canvasTypingPart,W as keysOnCanvas,V as partElement,E as partTextTools,U as partTypingTarget,j as setCanvasTypingPart,L as subscribeCanvasTypingPart,G as useCanvasTypingPart};

package/dist/editor/lib/puck/controls.d.ts

@@ -0,0 +1,416 @@
+import { type ReactElement, type ReactNode } from "react";
+import { readHidable, hidableText, type HidableValue } from "efficient-easel/draw";
+import { FOLD_FIELD_MARKER, LINK_FIELD_MARKER, MEDIA_FIELD_MARKER, SCAFFOLD_FIELD_MARKER, TEXT_FIELD_MARKER, foldMetaOf, textFieldIdentifier, type EdgeCell, type FoldFieldMeta, type TextFieldMeta, type TextListRendering } from "efficient-easel/draw";
+import type { ShowWhenRule } from "../../../render/lib/puck/show-when.js";
+import { type HeroGroupPlacement } from "../../../format/lib/hero-group-placement.js";
+import { type SettingsSidesValue, type SettingsBorderValue } from "efficient-easel/panel";
+import { type AlignmentPoint, FOCAL_DEFAULT } from "efficient-shell/ui";
+import type { GeocodeState } from "../../../format/lib/content/contact.js";
+import { type DirectionContainer } from "../../../format/lib/content/container-direction.js";
+import { GAP_FIELD_CONTAINER, type GapContainer } from "../../../format/lib/content/container-gap.js";
+import { type SectionBackground } from "../../../format/lib/content/section-background.js";
+import { type TypeRole, type TypeSizeValue } from "../../../format/lib/content/section-type-size.js";
+import { type WidthMode } from "../../../format/lib/content/section-width.js";
+import type { Bucket, DesignGroup } from "./field-groups.js";
+type SelectData = {
+    options: readonly SelectOption[];
+    fallback: string;
+    note?: string;
+};
+type Render<V> = (p: {
+    value: V;
+    onChange: (v: V) => void;
+    field: {
+        label?: string;
+        currentValue?: string;
+        inherited?: boolean;
+        siteGap?: number | null;
+        tabs?: readonly Bucket[] | null;
+    } & Partial<SelectData>;
+    storedValue?: unknown;
+    id?: string;
+    name?: string;
+}) => ReactElement;
+export type CustomField<V> = {
+    type: "custom";
+    render: Render<V>;
+    [GAP_FIELD_CONTAINER]?: GapContainer;
+    showWhen?: ShowWhenRule;
+};
+export declare function Label({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function noGlyph(reason: string): ReactElement;
+export declare function isNoGlyph(icon: ReactElement): boolean;
+export declare function iconOf(icon: ReactElement): ReactElement | undefined;
+export declare function backTo(value: string, from: string): string;
+type MarkProps = {
+    changed?: boolean;
+    onReset?: () => void;
+};
+export declare function usePageWidthDetail(): string;
+export declare function useSiteGapDetail(): string;
+export declare function SiteGapDefaultReset({ inherited, onReset, label, }: {
+    inherited: boolean;
+    onReset: () => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function WidthDefaultReset({ inherited, onReset, label, }: {
+    inherited: boolean;
+    onReset: () => void;
+    label: string;
+}): import("react").JSX.Element;
+export { readHidable, hidableText, type HidableValue };
+export declare function HidableTextField({ value, onChange, label, placeholder, hint, multiline, hideable, markup, }: {
+    value: HidableValue;
+    onChange: (v: HidableValue) => void;
+    label: string;
+    placeholder?: string;
+    hint?: string;
+    multiline?: boolean;
+    hideable?: boolean;
+    markup?: boolean;
+}): import("react").JSX.Element;
+export { TEXT_FIELD_MARKER, LINK_FIELD_MARKER, SCAFFOLD_FIELD_MARKER };
+export { MEDIA_FIELD_MARKER, FOLD_FIELD_MARKER, foldMetaOf, textFieldIdentifier };
+export type { FoldFieldMeta };
+export declare function withScaffold<F extends object>(field: F, scaffold: unknown): F;
+export declare function withOffPage<F extends object>(field: F): F;
+export declare function textFieldOffPage(field: unknown): boolean;
+export declare function withPanelOnly<F extends object>(field: F): F;
+export declare function textFieldPanelOnly(field: unknown): boolean;
+export declare function withIdentifier<F extends object>(field: F): F;
+export { TEXT_CONTROL_KINDS, SCALAR_TEXT_CONTROLS, type TextControlKind, type ScalarTextControlKind } from "efficient-easel/draw";
+export type { TextFieldMeta };
+export declare function inOwnBox<F extends object>(field: F, render: (props: {
+    value?: unknown;
+    onChange: (v: string) => void;
+}) => ReactElement): F;
+export declare const BOUND_TO_POST_NOTE = "Everything else on this block comes from the linked post. Unlink it to edit by hand.";
+export declare const BOUND_TO_POST: ShowWhenRule;
+export declare const NOT_BOUND_TO_POST: ShowWhenRule;
+export declare const HIGHLIGHT_HINT = "Select a word, then press the highlighter.";
+export declare const ANCHOR_HINT = "A short name so a link can jump straight to this section, like yoursite.com/page#about.";
+export declare const hintIsWhileTyping: (hint: string) => boolean;
+export declare function text(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function textarea(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function plainText(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function copyText(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare function linkField(label: string): CustomField<HidableValue>;
+export declare function plainTextarea(label: string, placeholder?: string, hint?: string): CustomField<HidableValue>;
+export declare const BUCKET_ICONS: Record<Bucket, (props: {
+    size?: number;
+}) => ReactElement>;
+export declare function entriesHiddenForTab(buckets: readonly Bucket[], active: string): boolean | null;
+export declare function SectionHeading({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function group(label: string): CustomField<undefined>;
+export declare function panelNote(text: string): CustomField<undefined>;
+export declare function PanelNoteLine({ text }: {
+    text: string;
+}): import("react").JSX.Element;
+export declare function section(label: string): CustomField<undefined>;
+export declare function isBucketHeader(field: unknown): boolean;
+export declare function bucketHeader(bucket: Bucket, tabs: readonly Bucket[] | null): CustomField<undefined>;
+export declare function isDesignGroupHeader(field: unknown): boolean;
+export declare function designGroupHeader(group: DesignGroup): CustomField<undefined>;
+export declare function foldTitleOf(field: unknown): string | null;
+export declare function foldMarker<F>(field: F, title: string): F;
+export declare function quietMarker<F>(field: F): F;
+export declare function GroupLabel({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function Swatches({ swatches, current, onPick, names, }: {
+    swatches: readonly string[];
+    current: string;
+    onPick: (next: string) => void;
+    names?: Readonly<Record<string, string>>;
+}): import("react").JSX.Element;
+export declare function backgroundField(label: string, builtIn: SectionBackground): CustomField<SectionBackground>;
+export declare function cardImageBackgroundField(label: string, builtIn: string): CustomField<unknown>;
+export declare function sectionThemeFields(readValue?: (v: unknown) => unknown, followLabel?: string): Record<string, CustomField<unknown>>;
+export declare function Slider({ min, max, step, value, onChange, suffix, readout, notch, ariaLabel, disabled, }: {
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    onChange: (next: number) => void;
+    suffix?: string;
+    readout?: boolean;
+    notch?: number;
+    ariaLabel?: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare function slider(label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string, action?: (value: unknown, onChange: (v: unknown) => void) => ReactNode): CustomField<number>;
+export declare function pxField(label: string, opts: {
+    min: number;
+    max: number;
+    step?: number;
+    unsetLabel?: string;
+    icon?: ReactElement;
+    hint?: ReactNode;
+    unsetMark?: ReactElement<MarkProps>;
+    restTrack?: (p: {
+        min: number;
+        max: number;
+        step: number;
+        px: number | null;
+        label: string;
+        onChange: (v: number) => void;
+    }) => ReactElement;
+}): CustomField<number | null>;
+export declare function gapField(container: GapContainer): CustomField<number | string>;
+interface CornersRowTier {
+    sidesKey: string;
+    step?: number;
+    useFollowed: () => number;
+    useClosedReason?: () => string | null;
+    mark: ReactElement<MarkProps>;
+    hint: ReactNode;
+}
+export declare function cornersRowField(tier: CornersRowTier): CustomField<number | null>;
+export declare function cornerSidesField(): CustomField<string[] | null>;
+export declare function sectionCornersField(): CustomField<number | null>;
+export declare const SECTION_BLEEDS_HINT = "This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";
+export declare function sectionShapeFields(): Record<string, unknown>;
+export declare function sectionBorderField(tier: "desktop" | "mobile"): CustomField<SettingsBorderValue | undefined>;
+export declare function sectionAnimationFields(): Record<string, unknown>;
+export declare function cardCornersField(): CustomField<number | null>;
+export declare function templateField<V>(inner: CustomField<V>): CustomField<V>;
+export declare function cardShapeFields(): Record<string, unknown>;
+export declare function boxJustifyField(): SelectField;
+export declare function boxAlignField(): SelectField;
+export declare function boxWrapField(): SelectField;
+export declare function boxShareField(): CustomField<string>;
+export declare function boxBlockSpacingField(): SelectField;
+export declare function boxPhoneRowField(): CustomField<number>;
+export declare function directionField(container: DirectionContainer): CustomField<string>;
+export declare function sizeField(label: string, min: number, max: number, step: number, fallback: number, role: TypeRole): CustomField<TypeSizeValue>;
+export declare function cellWidthFields(): Record<string, unknown>;
+export declare function phoneOverrideField(opts: {
+    label: string;
+    desktopKey: string;
+    icon: ReactElement;
+    min: number;
+    max: number;
+    step: number;
+    fallback: number;
+}): CustomField<number | null>;
+export declare function phoneChoiceField<V extends string>(opts: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    desktopKey: string;
+    resolve: (stored: unknown, desktop: unknown) => V;
+}): CustomField<V | undefined>;
+export declare function PhoneChoiceStrip<V extends string>({ label, icon, options, value, resolved, restWord, onChange, }: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    value: V | undefined;
+    resolved: V;
+    restWord: string;
+    onChange: (next: V | undefined) => void;
+}): import("react").JSX.Element;
+export declare function PhoneChoiceRow<V extends string>({ label, icon, options, desktopKey, resolve, value, onChange, }: {
+    label: string;
+    icon: ReactElement;
+    options: {
+        label: string;
+        value: V;
+        picture?: ReactElement;
+    }[];
+    desktopKey: string;
+    resolve: (stored: unknown, desktop: unknown) => V;
+    value: V | undefined;
+    onChange: (next: V | undefined) => void;
+}): import("react").JSX.Element;
+export declare function spacingFields(opts?: {
+    top?: number;
+    bottom?: number;
+    keys?: {
+        top: string;
+        bottom: string;
+    };
+    group?: boolean;
+    only?: "top";
+    phone?: boolean;
+    sides?: boolean;
+    side?: number;
+    sidePhone?: number;
+    sideBounds?: {
+        min: number;
+        max: number;
+        step: number;
+    };
+}): Record<string, CustomField<undefined> | CustomField<number>>;
+type PadSide = "top" | "right" | "bottom" | "left";
+export declare const SIDE_PAD_KEYS: Record<PadSide, string>;
+export declare function sidesPaddingPatch(keys: Record<PadSide, string>, before: SettingsSidesValue, next: SettingsSidesValue): Record<string, number | undefined>;
+export type SidesPaddingOptions = {
+    keys?: Partial<Record<PadSide, string>>;
+    phone?: boolean;
+    fallback?: Partial<Record<PadSide, number>>;
+    group?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export declare function sidesPaddingFields(opts?: SidesPaddingOptions): Record<string, CustomField<undefined> | CustomField<number>>;
+export declare function widthField(defaultMode: WidthMode, modes?: readonly WidthMode[], inheritable?: boolean): Record<string, CustomField<undefined> | CustomField<string> | CustomField<number>>;
+export declare function heightFields(): Record<string, CustomField<undefined> | CustomField<string> | CustomField<number>>;
+export declare function stickFields(): Record<string, CustomField<undefined> | CustomField<boolean> | CustomField<number>>;
+export declare function anchorFields(): Record<string, CustomField<undefined> | CustomField<HidableValue>>;
+export declare function dateTime(label: string, icon?: ReactNode, hint?: string): CustomField<string>;
+export declare function toggle(label: string, fallback: boolean, icon?: ReactNode): CustomField<boolean>;
+export declare function pageBackgroundField(): CustomField<string>;
+export declare function checkbox(label: string, fallback: boolean): CustomField<boolean>;
+export declare function colorInput(label: string, fallback: string): CustomField<string>;
+export declare const FOCAL_POINTS: {
+    value: string;
+    label: string;
+}[];
+export { FOCAL_DEFAULT };
+export declare function FocalPicker({ label, value, onChange, points, }: {
+    label: string;
+    value: string;
+    onChange: (next: string) => void;
+    points?: readonly AlignmentPoint[];
+}): import("react").JSX.Element;
+export declare function focusKeptField(): CustomField<string>;
+export interface PlacementFieldOptions {
+    stacking: boolean;
+    fallback?: HeroGroupPlacement;
+}
+export declare function placementField(label: string, { stacking, fallback }: PlacementFieldOptions): CustomField<string>;
+export declare function PlacementGridView({ label, value, onChange, points, }: {
+    label: string;
+    value: string;
+    onChange: (next: string) => void;
+    points: readonly {
+        value: string;
+        label: string;
+        disabled?: boolean;
+        title?: string;
+    }[];
+}): import("react").JSX.Element;
+export type { EdgeCell };
+export declare const EDGE_ARROWS: Record<EdgeCell, ReactNode>;
+export declare function edgePad(label: string, options: readonly {
+    label: string;
+    value: string;
+    cell: EdgeCell;
+}[], fallback: string, hint: string, glyph: ReactNode, icons?: Partial<Record<EdgeCell, ReactNode>>): CustomField<string>;
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export type SelectField = CustomField<string> & SelectData;
+export declare function select(label: string, icon: ReactElement, options: readonly SelectOption[], fallback: string, note?: string): SelectField;
+export type MultiSelectFieldType = CustomField<string[]> & {
+    options: readonly SelectOption[];
+};
+export declare function multiSelect(label: string, options: readonly SelectOption[], emptyLabel?: string): MultiSelectFieldType;
+export declare function searchSelect(label: string, options: readonly SelectOption[], fallback: string, placeholder?: string): SelectField;
+export declare function sourceField<V, E extends object = Record<never, never>>(Component: (props: {
+    value: V;
+    onChange: (v: V) => void;
+} & E) => ReactElement, extra?: E): CustomField<V>;
+export declare function Segmented<V = string>({ options, value, onChange, ariaLabel, disabled, }: {
+    options: readonly {
+        label: string;
+        value: V;
+        title?: string;
+        picture?: ReactElement;
+    }[];
+    value: V;
+    onChange: (next: V) => void;
+    ariaLabel: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare const MEDIA_TYPE_OPTIONS: {
+    label: string;
+    value: "image" | "video";
+}[];
+export declare function segmented(label: string, icon: ReactElement, options: (string | {
+    label: string;
+    value: string;
+    picture?: ReactElement;
+})[], fallback: string): CustomField<string>;
+export declare function segmented<V>(label: string, icon: ReactElement, options: {
+    label: string;
+    value: V;
+    picture?: ReactElement;
+}[], fallback: V): CustomField<V>;
+export declare function upload(label: string, accept: string, placeholder?: string, opts?: {
+    focus?: string;
+    focusWhen?: (props: Record<string, unknown>) => boolean;
+}): CustomField<string>;
+export declare const CUSTOM_FIELD_MEDIA: Record<string, string[]>;
+export declare function CoordsField({ value, onChange, label, }: {
+    value: GeocodeState | undefined;
+    onChange: (v: GeocodeState) => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function rowText(items: {
+    text?: string;
+}[], focused: number | null): string;
+export declare function setRowText(items: {
+    text?: string;
+}[], focused: number | null, text: string): {
+    text: string;
+}[];
+export declare function focusAfterRemove(focused: number | null, removed: number): number | null;
+export declare function aimAfterListChange(prev: readonly object[], next: readonly object[], focused: number | null): number | null;
+export type { TextListRendering };
+export declare const TICKER_ITEMS_ROW: {
+    readonly label: "Ticker items";
+    readonly icon: import("react").JSX.Element;
+};
+export declare function textList(label: string, icon: ReactElement, placeholder: string, rendering: TextListRendering): CustomField<{
+    text?: string;
+}[]>;
+export declare function TextListField({ label, icon, items, placeholder, onChange, markup, }: {
+    label: string;
+    icon?: ReactNode;
+    items: {
+        text?: string;
+    }[];
+    placeholder: string;
+    onChange: (next: {
+        text: string;
+    }[]) => void;
+    markup?: boolean;
+}): import("react").JSX.Element;
+export declare function textListRowField(meta: TextFieldMeta, index: number): CustomField<HidableValue>;
+export declare function cardMediaFields(opts?: {
+    coverHint?: string;
+    spinDefault?: boolean;
+}): Record<string, CustomField<unknown>>;
+export declare function cardStyleFields(): Record<string, CustomField<unknown>>;
+export interface CardShowDefaults {
+    showCardSizes: boolean;
+    showCardBuy: boolean;
+    showCardPage: boolean;
+}
+export declare function cardShowFields(opts?: {
+    bottomDefault: boolean;
+} | {
+    defaults: CardShowDefaults;
+}): Record<string, CustomField<unknown>>;
+export declare function displayFields(parts: readonly {
+    id: string;
+    label: string;
+}[], key?: string): Record<string, CustomField<unknown>>;
+export declare function cardImageField(): CustomField<number | null>;
+export declare function imageCornersField(): CustomField<number | null>;
+export declare function galleryLayoutField(): CustomField<string>;