efficient-web-builder 0.10.0 → 2.0.0

package/dist/lib/puck/blocks/scaffold.d.ts

@@ -0,0 +1,22 @@
+export declare function phPrev(value: string | undefined, placeholder: string, puck?: {
+    isEditing?: boolean;
+}): string | undefined;
+export declare function phRows<T>(rows: unknown, scaffold: T[], puck?: {
+    isEditing?: boolean;
+}): T[];
+export type HidableProp = {
+    text?: string;
+    hidden?: boolean;
+} | string | undefined;
+export declare function phHide(value: HidableProp, placeholder: string, puck?: {
+    isEditing?: boolean;
+}): string | undefined;
+export declare function phHideDefault(value: HidableProp, placeholder: string, puck?: {
+    isEditing?: boolean;
+}): string | undefined;
+export declare function ctaHide(text: HidableProp, href: string | undefined, puck?: {
+    isEditing?: boolean;
+}): {
+    text: string | undefined;
+    href: string;
+};

package/dist/lib/puck/blocks/scaffold.js

@@ -0,0 +1 @@
+import{readHidable as i}from"../hidable.js";import{CTA_PH as o}from"./placeholders.js";function f(t,r,e){return t||(e?.isEditing?r:void 0)}function h(t,r,e){const n=Array.isArray(t)?t:[];return n.length?n:e?.isEditing?r:[]}function d(t,r,e){const n=i(t);if(!n.hidden)return f(n.text,r,e)}function c(t,r,e){return i(t).hidden?"":d(t,r,e)}function x(t,r,e){return{text:d(t,o.text,e),href:r||o.href}}export{x as ctaHide,d as phHide,c as phHideDefault,f as phPrev,h as phRows};

package/dist/lib/puck/blocks/shared-fields.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from "react";
+import { toggle } from "../controls.js";
+export declare const heightField: (tier: "desktop" | "mobile") => import("../controls.js").CustomField<number>;
+export declare const ctaField: {
+    ctaText: import("../controls.js").CustomField<import("../controls.js").HidableValue>;
+    ctaHref: import("../controls.js").CustomField<import("../controls.js").HidableValue>;
+};
+export declare const alignField: () => import("../controls.js").CustomField<string>;
+export declare const toneField: () => import("../controls.js").CustomField<string>;
+export declare const innerSpacingFields: (key: string) => Record<string, import("../controls.js").CustomField<undefined> | import("../controls.js").CustomField<number>>;
+export declare const slotRowsField: (parentType: string, label?: string) => never;
+export declare function photographyToggle(): ReturnType<typeof toggle>;
+export declare const WIDTH_ROW_KEYS: readonly string[];
+export declare function textKindGlyph(label: string): ReactElement;

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

package/dist/lib/puck/booking-preview.d.ts

@@ -0,0 +1,3 @@
+export declare function setBookingPreview(sectionId: string | null): void;
+export declare function useBookingPreview(): string | null;
+export declare function sectionIdOfBoxZone(zone: string | undefined): string | null;

package/dist/lib/puck/booking-preview.js

@@ -0,0 +1 @@
+"use client";import{useSyncExternalStore as o}from"react";let t=null;const r=new Set;function l(e){if(t!==e){t=e;for(const n of r)n()}}function u(e){return r.add(e),()=>{r.delete(e)}}function s(){return o(u,()=>t,()=>null)}function c(e){if(!e)return null;const n=e.lastIndexOf(":");return n>0?e.slice(0,n):null}export{c as sectionIdOfBoxZone,l as setBookingPreview,s as useBookingPreview};

package/dist/lib/puck/box-footer.d.ts

@@ -0,0 +1,9 @@
+type Props = Record<string, unknown>;
+type Node = {
+    type: string;
+    props: Props;
+};
+export type MakeNode = (type: string, props?: Props) => Node;
+export declare function pageBlocksFromFooterBlock(node: Node, make: MakeNode): Node[];
+export declare function boxFooterFromFooter(footer: Node | null, make: MakeNode, groupId: string): Node;
+export {};

package/dist/lib/puck/box-footer.js

@@ -0,0 +1 @@
+import{buildSectionGroup as F,SITE_FOOTER_TYPE as g}from"./section-groups.js";const c="Flex",d={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},f=r=>{const{id:t,...o}=r;return o},l=r=>typeof r=="string"?r:"";function u(r,t){const o=r.props??{},i=d[r.type];if(i)return[t(i,f(o))];switch(r.type){case"FooterLogo":{const e=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),n=l(o.tagline).trim();return n?[e,t("Text",{text:n,tone:"dim",align:o.align==="center"?"center":"left"})]:[e]}case"FooterText":return[t("Text",{text:l(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{const e=Array.isArray(o.blocks)?o.blocks:[];return[t(c,{direction:o.direction==="horizontal"?"row":"column",content:e.flatMap(n=>u(n,t))})]}default:return[]}}function b(r,t,o){const e=(r&&Array.isArray(r.props?.blocks)?r.props.blocks:[]).flatMap(a=>{const s=u(a,t);return s.length<=1?s:[t(c,{direction:"column",content:s})]}),n=t(c,{direction:"row",wrap:!0,share:"equal",content:e}),p=t(c,{direction:"column",content:[t("LegalLineBlock")]});return F(g,o,[n,p])}export{b as boxFooterFromFooter,u as pageBlocksFromFooterBlock};

package/dist/lib/puck/build-config.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from "efficient-easel/blocks";
+import type { EditorBlocks } from "../editor-blocks.js";
+export declare function buildConfig(config: Config, blocks: EditorBlocks | null | undefined): Config;

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

@@ -0,0 +1 @@
+import{resolveBlockOffer as k}from"./block-offer.js";import{applyBlockPasses as j,registryPassContext as O}from"./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/lib/puck/cap-hero-groups.d.ts

@@ -0,0 +1 @@
+export declare function capHeroGroups<T>(data: T): T;

package/dist/lib/puck/cap-hero-groups.js

@@ -0,0 +1 @@
+import{HERO_GROUP_TYPE as a,HERO_SLIDE_TYPE as l,publishableGroups as m}from"../hero-group-placement.js";function b(t){return Array.isArray(t)&&t.length>0&&t.every(e=>!!e&&typeof e=="object"&&typeof e.type=="string")}function u(t){const e=t.props;if(!e)return t;let r=e,p=!1;for(const[c,o]of Object.entries(e)){if(!b(o))continue;const n=o.map(u),s=t.type===l&&n.every(f=>f.type===a)?m(n):n;(s.length!==o.length||s.some((f,i)=>f!==o[i]))&&(r===e&&(r={...e}),r[c]=s,p=!0)}return p?{...t,props:r}:t}function g(t){const e=t;if(!e||typeof e!="object")return t;let r=!1;const p={...t};if(Array.isArray(e.content)){const c=e.content.map(u);c.some((o,n)=>o!==e.content[n])&&(p.content=c,r=!0)}if(e.zones&&typeof e.zones=="object"){let c=!1;const o=Object.fromEntries(Object.entries(e.zones).map(([n,s])=>{if(!Array.isArray(s))return[n,s];const f=s.map(u);return f.some((i,y)=>i!==s[y])&&(c=!0),[n,f]}));c&&(p.zones=o,r=!0)}return r?p:t}export{g as capHeroGroups};

package/dist/lib/puck/container-blocks.d.ts

@@ -0,0 +1,10 @@
+import type { BlockChoice } from "./footer-blocks.js";
+export declare const CONTAINER_BLOCKS_SLOT = "content";
+export declare const BOX_TYPE = "Flex";
+export declare const CONTAINER_BLOCK_CHOICES: BlockChoice[];
+export declare const HERO_GROUP_BLOCK_TYPES: string[];
+export declare const HERO_GROUP_NEST_DEPTH = 1;
+export declare function containerBlocksFor(parentType: string, nestDepth?: number): {
+    slot: string;
+    choices: BlockChoice[];
+} | null;

package/dist/lib/puck/container-blocks.js

@@ -0,0 +1 @@
+import{BOX_LABEL as r,SECTION_CATALOG as p}from"./section-catalog.js";const t="content",C="Flex",n="Text & media",y="Layout & structure",s=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"Form",label:"Form"},{type:"PostCard",label:"Post Card"},{type:"Stats",label:"Stats"},{type:"MenuBlock",label:"Menu"},{type:"EmailFormBlock",label:"Email Form"},{type:"SocialLogosBlock",label:"Social Logos"},{type:"LegalLineBlock",label:"Legal Line"},{type:"SearchBlock",label:"Search"},{type:"CartBlock",label:"Cart"},{type:"CountrySwitchBlock",label:"Country Switch"}].map(e=>({...e,group:n})),b=(p.find(e=>e.key==="structure")?.sections??[]).map(e=>({type:e.type,label:e.label,group:y})),a=[...s,...b],l=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"HeroGroup",label:r}],_=l.map(e=>e.type),i=1,E=l.filter(e=>e.type!=="HeroGroup");function O(e){return e<i?l:E}const B={Flex:{slot:t,choices:()=>a},Grid:{slot:t,choices:()=>a},HeroGroup:{slot:t,choices:O}};function T(e,c=0){const o=B[e];return o?{slot:o.slot,choices:o.choices(c)}:null}export{C as BOX_TYPE,t as CONTAINER_BLOCKS_SLOT,a as CONTAINER_BLOCK_CHOICES,_ as HERO_GROUP_BLOCK_TYPES,i as HERO_GROUP_NEST_DEPTH,T as containerBlocksFor};

package/dist/lib/puck/content-tree.d.ts

@@ -0,0 +1,2 @@
+export { childSlotsOf, FOOTER_TYPE, HEADER_TYPE, locateNode, missingPinnedTypes, nestsInTree, newNodeId, pinnedDuplicateIds, pinnedDuplicateIndices, ROOT_ZONE, slotFieldsOf, TREE_MAX_DEPTH } from "efficient-easel/screen/lib/puck/content-tree";
+export type { NodeLocation, SlotChild, SlotConfigView, TreeItem } from "efficient-easel/screen/lib/puck/content-tree";

package/dist/lib/puck/content-tree.js

@@ -0,0 +1 @@
+import{childSlotsOf as d,FOOTER_TYPE as i,HEADER_TYPE as s,locateNode as E,missingPinnedTypes as T,nestsInTree as l,newNodeId as o,pinnedDuplicateIds as t,pinnedDuplicateIndices as O,ROOT_ZONE as p,slotFieldsOf as c,TREE_MAX_DEPTH as _}from"efficient-easel/screen/lib/puck/content-tree";export{i as FOOTER_TYPE,s as HEADER_TYPE,p as ROOT_ZONE,_ as TREE_MAX_DEPTH,d as childSlotsOf,E as locateNode,T as missingPinnedTypes,l as nestsInTree,o as newNodeId,t as pinnedDuplicateIds,O as pinnedDuplicateIndices,c as slotFieldsOf};

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

@@ -0,0 +1,335 @@
+import { type ReactElement, type ReactNode } from "react";
+import { readHidable, hidableText, type HidableValue } from "./hidable.js";
+import { FOCAL_DEFAULT } from "../image-focus.js";
+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 "./field-markers.js";
+import { type HeroGroupPlacement } from "../hero-group-placement.js";
+import type { GeocodeState } from "../content/contact.js";
+import { type DirectionContainer } from "../content/container-direction.js";
+import { GAP_FIELD_CONTAINER, type GapContainer } from "../content/container-gap.js";
+import { type SectionBackground } from "../content/section-background.js";
+import { type TypeRole, type TypeSizeValue } from "../content/section-type-size.js";
+import { type WidthMode } from "../content/section-width.js";
+import type { Bucket } 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;
+};
+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 withIdentifier<F extends object>(field: F): F;
+export { TEXT_CONTROL_KINDS, SCALAR_TEXT_CONTROLS, type TextControlKind, type ScalarTextControlKind, } from "./text-control-kinds.js";
+export type { TextFieldMeta };
+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 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 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 SliderValue({ value, min, max, step, onChange, suffix, ariaLabel, children, }: {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    onChange: (next: number) => void;
+    suffix?: string;
+    ariaLabel?: string;
+    children?: ReactNode;
+}): 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;
+    hint?: ReactNode;
+    restAtSite?: boolean;
+    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>;
+export declare function sectionCornerSidesField(): 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 sectionAnimationFields(): Record<string, unknown>;
+export declare function cardCornersField(): CustomField<number | null>;
+export declare function cardCornerSidesField(): CustomField<string[] | null>;
+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;
+    min: number;
+    max: number;
+    step: number;
+    fallback: number;
+}): CustomField<number | null>;
+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>>;
+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 anchorFields(): Record<string, CustomField<undefined> | CustomField<HidableValue>>;
+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 {
+        value: string;
+        label: string;
+        disabled?: boolean;
+        title?: string;
+    }[];
+}): import("react").JSX.Element;
+export declare function focalPicker(label: string, fallback?: string, imageProp?: string): 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;
+    }[];
+    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;
+})[], fallback: string): CustomField<string>;
+export declare function segmented<V>(label: string, icon: ReactElement, options: {
+    label: string;
+    value: V;
+}[], fallback: V): CustomField<V>;
+export declare function upload(label: string, accept: string, placeholder?: string): 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 declare function cardShowFields(opts?: {
+    bottomDefault: boolean;
+}): Record<string, CustomField<unknown>>;
+export declare function cardImageField(): CustomField<number | null>;
+export declare function imageCornersField(): CustomField<number | null>;
+export declare function galleryLayoutField(): CustomField<string>;

package/dist/lib/puck/controls.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as S,Fragment as I}from"react/jsx-runtime";import{cloneElement as qe,useId as Je,useRef as j,useState as q}from"react";import{useEasel as O}from"efficient-easel/easel";import{readHidable as ue,hidableText as de}from"./hidable.js";import{FOCAL_DEFAULT as pe}from"../image-focus.js";import{FOLD_FIELD_MARKER as J,LINK_FIELD_MARKER as fe,MEDIA_FIELD_MARKER as me,SCAFFOLD_FIELD_MARKER as he,TEXT_FIELD_MARKER as T,foldMetaOf as Z,textFieldIdentifier as Ze}from"./field-markers.js";import Qe from"../../components/ApplyCornersToSiblings.js";import{CARD_IMAGE_RADIUS_STEP as et,CORNER_RADIUS_MAX as W,CORNER_RADIUS_MIN as H}from"../content/card-image-shape.js";import{IMAGE_CORNER_STEP as tt,IMAGE_CORNERS_LABEL as nt}from"../content/image-corners.js";import{GRID_MAX_COLUMNS as ot}from"../content/grid-span.js";import{GALLERY_ACROSS_BUCKETS as rt,GALLERY_LAYOUTS as A,GALLERY_LAYOUT_KEYS as ge}from"../content/gallery-layout.js";import{anchorSiblingsOf as it,HERO_GROUP_PLACEMENTS as lt,HERO_GROUP_PLACEMENT_DEFAULT as at,normalisePlacement as st,placementPoints as be}from"../hero-group-placement.js";import ct from"../../components/KeepHint.js";import{AlignLeftIcon as ut,AlignSeparateIcon as dt,AnimationIcon as xe,BackgroundIcon as pt,BlockSectionIcon as ft,CartIcon as mt,ColumnWidthsIcon as Ce,ColumnsIcon as ht,CornerIcon as Se,DirectionDownIcon as gt,DirectionLeftIcon as bt,DirectionRightIcon as xt,DirectionUpIcon as Ct,DollarIcon as St,FinishIcon as _t,GapIcon as _e,GridIcon as It,GroundIcon as yt,HashIcon as Ie,ImageIcon as Et,LayoutIcon as Tt,ListIcon as Rt,LocationIcon as Q,PaddingBottomIcon as vt,PaddingLeftIcon as Lt,PaddingRightIcon as Nt,PaddingTopIcon as Ot,PageIcon as ye,PhoneIcon as At,PlacementIcon as Ft,ProductSizeIcon as Pt,RotateIcon as wt,SquareIcon as kt,StylesIcon as Dt,TextLinesIcon as Bt,TypeIcon as Ht,WidthIcon as Mt,WrapIcon as Gt}from"efficient-easel/icons";import{FieldGlyph as Ee}from"../../components/FieldGlyph.js";import{resolvePageBackground as $t}from"../content/page-background.js";import{CORNER_SIDES as F,CORNER_SIDE_POINTS as ee,CORNER_SIDES_LABEL as P,cornerSidesSummary as Te,hasOwnSectionCorners as Wt,normalizeCornerSides as U}from"../content/section-corners.js";import{hasOwnCardCorners as Ut}from"../content/card-corners.js";import{SECTION_MOTION_NONE as Kt,SECTION_MOTION_OPTIONS as Xt}from"../content/section-animation.js";import{enclosingSectionProps as Re}from"./enclosing-section.js";import{SettingsCorners as ve,SettingsDefaultReset as g,SettingsField as m,SettingsGroupHead as Vt,SettingsGroupSub as zt,SettingsPlacement as Yt,SettingsSegmented as jt,SettingsSwitch as qt}from"efficient-easel/panel";import{FieldSelect as Jt,ListField as Zt}from"efficient-easel/fields";import{ColourControl as Le}from"./ColourControl.js";import Ne from"./MarkupToolbar.js";import{deviceField as R}from"./device-fields.js";import{noControlField as Qt}from"./panel-no-control-mark.js";import{phoneKey as K,resolvePhoneValue as te}from"./phone-override.js";import{SuppressibleText as en}from"./section-text-suppress.js";import{TYPED_NUMBER_COMMIT as tn,typedNumberKey as Oe}from"./slider-typing.js";import{CARD_INDEX_OPTIONS as nn,CARD_OUTLINE_OPTIONS as on,DEFAULT_CARD_INDEX_FORMAT as rn,DEFAULT_CARD_OUTLINE as ln}from"../sections/product-card-style.js";import{COVER_INDEX_OPTIONS as an,DEFAULT_COVER_INDEX as sn}from"../sections/card-cover-index.js";import{SCALAR_TEXT_CONTROLS as cn}from"./text-control-kinds.js";import un from"../../components/ImageFocusRow.js";import dn from"../../components/MediaUploadField.js";import pn from"../../components/MultiSelectField.js";import fn from"../../components/SectionThemePicker.js";import mn from"../../components/SearchSelectField.js";import hn from"../../components/StorefrontLinkField.js";import Ae from"../../components/UiIcon.js";import{SECTION_PADDING as _}from"../content/section-padding.js";import{hasPhoneHeight as gn,resolveSectionMinHeight as bn}from"../content/section-min-height.js";import{VIEW_TIER_LABEL as ne}from"../content/view-tiers.js";import{SECTION_MIN_HEIGHT as xn,SECTION_MIN_HEIGHT_GROUP_LABEL as M,SECTION_SCREEN_PCT as Cn}from"../content/section-min-height.js";import{CONTAINER_DIRECTION_LABEL as Sn,containerDirectionPoints as _n,resolveContainerDirection as Fe}from"../content/container-direction.js";import{BOX_ALIGN_POINTS as In,BOX_BLOCK_SPACING_LABEL as yn,BOX_BLOCK_SPACING_POINTS as Pe,BOX_JUSTIFY_POINTS as we,BOX_PHONE_ROW_LABEL as En,BOX_PHONE_ROW_MAX as Tn,BOX_PHONE_ROW_MIN as ke,BOX_SHARE_LABEL as De,BOX_SHARE_POINTS as oe,BOX_WRAP_LABEL as Rn,BOX_WRAP_POINTS as Be}from"../content/box-layout.js";import{usePreviewHeader as X}from"../../components/PreviewHeaderContext.js";import{CONTAINER_GAP as re,CONTAINER_GAP_BUILT_IN as vn,GAP_FIELD_CONTAINER as Ln,hasOwnContainerGap as Nn,resolveContainerGap as On}from"../content/container-gap.js";import{CARD_IMAGE_BG_INHERIT as An,CARD_IMAGE_BG_OFF as Fn,CARD_IMAGE_BG_SWATCH_NAMES as Pn,CARD_IMAGE_BG_SWATCHES as wn,isCardImageBackgroundInheriting as kn,resolveCardImageBackground as Dn,THEME_CARD_IMAGE_BG as Bn}from"../content/card-image-background.js";import{SECTION_BG_INHERIT as Hn,SECTION_BG_SWATCHES as Mn,SECTION_BG_SWATCH_NAMES as Gn,THEME_SECTION_BG as $n,isSectionBackgroundInheriting as Wn}from"../content/section-background.js";import{SECTION_THEME_GROUP_LABEL as Un}from"../content/section-surface.js";import{TYPE_SIZE_FIXED as Kn,TYPE_SIZE_INHERIT as Xn,isTypeSizeInheriting as Vn}from"../content/section-type-size.js";import{SECTION_WIDTH_CHOICES as zn,WIDTH_CHOICE_LABEL as Yn,WIDTH_INHERIT as jn,resolveWidth as qn,sectionRunsFullWidth as He}from"../content/section-width.js";import{useFoldHeadingLevel as Me}from"./panel-heading-scope.js";import{withStyleKind as Jn}from"efficient-easel/style-clipboard";function G(e){for(const[t,n]of Object.entries(e))n&&typeof n=="object"&&!Z(n)&&Jn(n,`section:${t}`);return e}function Yr({children:e}){return r("div",{className:"sf-field-label",children:e})}function Ge(){return null}function Zn(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return r(Ge,{},e)}function Qn(e){return e.type===Ge}function V(e){return Qn(e)?void 0:e}function w(e,t){return`${e} from ${t}`}function eo(){const{appState:e}=O(i=>i),t=e.data.root?.props??{},{mode:n,pageWidth:o}=qn(t,"full");return w(n==="page"?`${o}px`:n==="contained"?"Contained":"Full","the page")}function to(){const{blockGap:e}=X();return e===null?"this container's own spacing":w(`${e}px`,"Site styles")}function no({inherited:e,onReset:t,label:n}){return r(g,{label:n,changed:!e,detail:to(),onReset:t})}function oo({inherited:e,onReset:t,label:n}){return r(g,{label:n,changed:!e,detail:eo(),onReset:t})}function k({value:e,onChange:t,label:n,placeholder:o,hint:i,multiline:l,hideable:a=!0,markup:s=!0}){const{text:u,hidden:d}=ue(e),f=j(null),c=j(null),p=E=>t(a?{text:E,hidden:d}:E),h=()=>t({text:u,hidden:!d}),b=a&&d,y=Je(),x=i?so(i)?r("span",{className:"sf-hint-keep sf-hint-while-typing",children:i}):r(ct,{children:i}):void 0;return r(m,{label:n,icon:r(Ht,{}),htmlFor:y,className:b?"is-hidden":void 0,hint:x,action:a?r("button",{type:"button",className:"sf-field-eye","aria-pressed":d,"aria-label":d?`Show ${n} on the slide`:`Hide ${n} on the slide`,title:d?`Show ${n} on the slide`:`Hide ${n} on the slide`,onClick:h,children:d?r(Ae,{name:"eye-off",size:14}):r(Ae,{name:"eye",size:14})}):void 0,children:S("div",{className:"sf-copybox",children:[s&&r(Ne,{target:l?c:f,value:u,onChange:p}),l?r("textarea",{id:y,ref:c,value:u,placeholder:o,onChange:E=>p(E.target.value)}):r("input",{id:y,ref:f,type:"text",value:u,placeholder:o,onChange:E=>p(E.target.value)})]})})}function jr(e,t){return{...e,[he]:t}}function qr(e){const t=e[T];if(!t)throw new Error("withOffPage: the field holds no authored text");return{...e,[T]:{...t,offPage:!0}}}function Jr(e){return!e||typeof e!="object"?!1:e[T]?.offPage===!0}function Zr(e){const t=e[T];if(!t)throw new Error("withIdentifier: the field holds no authored text");return{...e,[T]:{...t,identifier:!0}}}import{TEXT_CONTROL_KINDS as tl,SCALAR_TEXT_CONTROLS as nl}from"./text-control-kinds.js";const ro=new Set(cn),D=(e,t)=>{const n={...t,[T]:e};if(!ro.has(e.control))return n;const o=t.render;return{...Qt(n,"authored-copy"),render:i=>r(en,{name:i.name,children:o(i)})}},Qr="Everything else on this block comes from the linked post. Unlink it to edit by hand.",io="Select a word, then press the highlighter.",lo="A short name so a link can jump straight to this section, like yoursite.com/page#about.",ao=new Set([io]),so=e=>ao.has(e);function ei(e,t,n){return D({control:"text",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:e,placeholder:t,hint:n})})}function ti(e,t,n){return D({control:"textarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0})})}function co(e,t,n){return D({control:"plainText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1,markup:!1})})}function ni(e,t,n){return D({control:"copyText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1})})}function oi(e){return{type:"custom",[fe]:{label:e},render:({value:t,onChange:n})=>r(hn,{value:de(t),onChange:n,label:e})}}function ri(e,t,n){return D({control:"plainTextarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0,hideable:!1})})}const ii={Content:Bt,Style:Dt,Layout:Tt,Animation:xe};function li(e,t){return e.includes("Content")?t!=="Content":null}function uo({label:e}){return r(Vt,{title:e,level:Me(1)})}function po({level:e,label:t}){return e===1?r(uo,{label:t}):r(mo,{label:t})}function $e(e,t){return{type:"custom",[J]:{label:e,level:t},render:()=>r(po,{level:t,label:e})}}function C(e){return $e(e,2)}function ai(e){return{type:"custom",render:()=>r(fo,{text:e})}}function fo({text:e}){return r("p",{className:"sf-note",children:e})}function si(e){return $e(e,1)}function ci(e){return Z(e)!==null&&e?.tabs!==void 0}const We=new Map;function ui(e,t){const n=`${e}\0${t?t.join("
"):""}`,o=We.get(n)??{type:"custom",tabs:t,[J]:{label:e,level:1},bucket:e,marker:!0,render:()=>r(I,{})};return We.set(n,o),o}function mo({label:e}){return r(zt,{title:e,level:Me(2)})}function Ue({swatches:e,current:t,onPick:n,names:o}){const i=e.find(a=>a.toLowerCase()===t.toLowerCase()),l=(i?o?.[i]:void 0)??t;return S("div",{className:"sf-swatches",children:[e.map(a=>{const s=o?.[a]??a;return r("button",{type:"button","aria-pressed":t.toLowerCase()===a.toLowerCase(),className:`sf-swatch ${t.toLowerCase()===a.toLowerCase()?"is-active":""}`,style:{background:a},onClick:()=>n(a),"aria-label":s,title:s},a)}),r("span",{className:"sf-swatch-hex",children:l})]})}function di(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=Wn(n,t);return r(m,{label:e,icon:r(pt,{}),changed:!i,action:r(g,{label:e,changed:!i,detail:"the theme's section background",onReset:()=>o(Hn)}),children:Ue({swatches:Mn,current:i?$n:n??t??"",onPick:o,names:Gn})})}}}function ho(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=n,l=kn(i,t);return r(m,{label:e,icon:r(yt,{}),changed:!l,action:r(g,{label:e,changed:!l,detail:"the theme's image stage",onReset:()=>o(An)}),children:Ue({swatches:wn,current:l?Bn:Dn(i,t),onPick:o,names:Pn})})}}}function pi(e=n=>n,t){return G({_gSectionTheme:C(Un),sectionAccent:{type:"custom",render:({value:n,onChange:o})=>r(fn,{value:e(n),onChange:o,followLabel:t})}})}function L({min:e,max:t,step:n,value:o,onChange:i,suffix:l="",readout:a=!0,notch:s,ariaLabel:u,disabled:d=!1}){const f=s!==void 0&&Number.isFinite(s)&&s>=e&&s<=t;return S("div",{className:f?"sf-slider has-notch":"sf-slider",style:f?{"--sf-notch":(s-e)/(t-e)}:void 0,children:[r("input",{type:"range",min:e,max:t,step:n,value:o,"aria-label":u,disabled:d||void 0,onChange:c=>i(Number(c.target.value))}),a&&r(go,{value:o,min:e,max:t,step:n,suffix:l,ariaLabel:u,onChange:i})]})}function go({value:e,min:t,max:n,step:o,onChange:i,suffix:l="",ariaLabel:a,children:s}){const[u,d]=q(null),f=c=>{c.editing||d(null),c.commit!==null&&c.commit!==e&&i(c.commit)};return u===null?r("button",{type:"button",className:"sf-slider-val",title:"Click to type a value","aria-label":a?`${a}: type a value`:"Type a value",onClick:()=>d(String(e)),children:s??S(I,{children:[e,l]})}):r("input",{autoFocus:!0,type:"text",inputMode:"decimal",className:"sf-slider-val sf-slider-typed",value:u,"aria-label":a,onChange:c=>d(c.target.value),onFocus:c=>c.currentTarget.select(),onKeyDown:c=>{const p=Oe(c.key,u,t,n,o);p.handled&&(c.preventDefault(),c.stopPropagation(),f(p))},onBlur:()=>f(Oe(tn,u,t,n,o))})}function B(e,t,n,o,i,l,a="",s){return{type:"custom",render:u=>r(m,{label:e,icon:V(t),action:s?s("storedValue"in u?u.storedValue:u.value,u.onChange):void 0,children:L({min:n,max:o,step:i,value:typeof u.value=="number"?u.value:l,suffix:a,onChange:u.onChange})})}}function Ke({min:e,max:t,step:n,px:o,label:i,onChange:l,disabled:a=!1}){const{cornerRadiusPx:s}=X();return r(I,{children:L({min:e,max:t,step:n,value:o??(typeof s=="number"?s:e),readout:!1,ariaLabel:i,disabled:a,onChange:l})})}function $(e,t){const{min:n,max:o,step:i=1,unsetLabel:l,hint:a,restAtSite:s=!1,restTrack:u,unsetMark:d}=t;return{type:"custom",render:({value:f,onChange:c})=>{const p=typeof f=="number"?f:null,h=p===null;return r(m,{label:e,value:h?d?void 0:l:`${p}px`,changed:!h,action:d?qe(d,{changed:!h,onReset:()=>c(null)}):r(g,{label:e,changed:!h,onReset:()=>c(null)}),hint:a,children:u?u({min:n,max:o,step:i,px:p,label:e,onChange:c}):s?r(Ke,{min:n,max:o,step:i,px:p,label:e,onChange:c}):L({min:n,max:o,step:i,value:p??n,readout:!1,ariaLabel:e,onChange:c})})}}}function fi(e){const t=B("Gap",r(_e,{}),re.min,re.max,re.step,vn[e],"px",(n,o)=>r(no,{inherited:!Nn(e,n),onReset:()=>o(void 0),label:"Gap"}));return{type:"custom",[Ln]:e,render:n=>t.render({...n,value:On(e,n.value,n.field?.siteGap),storedValue:n.value,onChange:o=>n.onChange(o)})}}function bo(){return{type:"custom",render:({value:e,onChange:t})=>{const o=U(e)??[...F],i=o.length===F.length;return r(m,{label:P,icon:r(Se,{}),value:Te(o),changed:!i,action:r(g,{label:P,changed:!i,onReset:()=>t(null)}),hint:"Corners left off stay square. The row above sets how round the others are.",children:r(Io,{value:o,onChange:l=>{const a=U(l)??[];t(a.length===F.length?null:a)}})})}}}function xo({label:e,changed:t=!1,onReset:n=()=>{}}){const{cornerRadiusPx:o}=X(),i=typeof o=="number"?`${o}px`:"not set";return r(g,{label:e,changed:t,detail:o==null?"the built-in corners":w(i,"Site styles"),onReset:n})}function Co(){return $("Corners",{min:H,max:W,unsetLabel:"Follows the site",unsetMark:r(xo,{label:"Corners"}),restTrack:e=>r(So,{...e}),hint:r(_o,{})})}const Xe="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function ie(){return He(z())}function So(e){return r(Ke,{...e,disabled:ie()})}function _o(){return r(I,{children:ie()?Xe:"Follows Site styles \u25B8 Basics \u25B8 Corners until you set a number here."})}function Io({value:e,onChange:t}){const n=ie();return r(ve,{label:P,value:e,corners:n?ee.map(o=>({...o,disabled:!0,title:Xe})):ee,onChange:t})}function mi(){return G({_gShape:C("Shape"),sectionCorners:Co(),sectionCornerSides:bo()})}function hi(){return{_gMotion:C("Motion"),sectionAnimation:ce("Entrance",r(xe,{}),[...Xt],Kt)}}function le(){let e=null;try{const{appState:t,selectedItem:n}=O(i=>i),o=n?.props?.id?String(n.props.id):void 0;e=o?Re(t?.data,o):null}catch{e=null}return e!==null&&He(e)}function Ve(e){const{cornerRadiusPx:t}=X(),n=le(),o=typeof t=="number"?t:e;let i=null;try{const{appState:a,selectedItem:s}=O(d=>d),u=s?.props?.id?String(s.props.id):void 0;i=u?Re(a?.data,u):null}catch{i=null}if(n||!i)return o;const l=i.sectionCorners;return Wt(l)?l:o}function yo({min:e,max:t,step:n,px:o,label:i,onChange:l}){const a=Ve(e);return r(I,{children:L({min:e,max:t,step:n,value:o??a,readout:!1,ariaLabel:i,onChange:l})})}function Eo({label:e,changed:t=!1,onReset:n=()=>{}}){const o=le(),i=Ve(H),l=o?"Site":"Section";return r(g,{label:e,changed:t,detail:w(`${i}px`,o?"Site styles":"the section"),onReset:n})}function To(){return r(I,{children:le()?"The section is full width, so this card follows Site styles \u25B8 Basics \u25B8 Corners.":"Follows the section's Corners until you set a number here."})}function Ro(){return $("Corners",{min:H,max:W,unsetLabel:"Follows the section",unsetMark:r(Eo,{label:"Corners"}),restTrack:e=>r(yo,{...e}),hint:r(To,{})})}function vo({value:e,onChange:t}){return r(ve,{label:P,value:e,corners:ee,onChange:t})}function Lo({unset:e}){return r(I,{children:e?"Set a number above first \u2014 there is nothing to shape yet.":"Corners left off stay square. The row above sets how round the others are."})}function No(){return{type:"custom",render:({value:e,onChange:t})=>{const o=U(e)??[...F],i=o.length===F.length;return r(m,{label:P,icon:r(Se,{}),value:Te(o),changed:!i,action:r(g,{label:P,changed:!i,onReset:()=>t(null)}),hint:r(Lo,{unset:!Ut(e)}),children:r(vo,{value:o,onChange:l=>{const a=U(l)??[];t(a.length===F.length?null:a)}})})}}}function Oo(){return{type:"custom",render:()=>r(Qe,{})}}function gi(){return{_gShape:C("Shape"),cardCorners:Ro(),cardCornerSides:No(),cardCornersApplyAll:Oo()}}function bi(){return v("Justify",r(dt,{}),we,we[0].value)}function xi(){return v("Item alignment",r(ut,{}),In,"stretch")}function Ci(){return v(Rn,r(Gt,{}),Be,Be[0].value)}function Si(){return{type:"custom",render:({value:e,onChange:t})=>{const n=oe.find(o=>o.value===e)??oe[0];return r(m,{label:De,icon:r(Ce,{}),value:n.label,children:r("div",{className:"sf-gallery-layouts",role:"group","aria-label":De,children:oe.map(o=>r("button",{type:"button","aria-pressed":n.value===o.value,"aria-label":o.label,title:o.label,onClick:()=>t(o.value),children:r("span",{className:"sf-gallery-pic",children:Ao(o.weights).map((i,l)=>r("i",{style:{gridColumn:`span ${i}`}},l))})},o.value))})})}}}function Ao(e){if(!e)return[3,4];const t=e.reduce((n,o)=>n+o,0);return e.map(n=>Math.round(n/t*12))}function _i(){return v(yn,r(_e,{}),Pe,Pe[0].value)}function Ii(){return B(En,r(At,{}),ke,Tn,1,ke)}function yi(e){const t=ce(Sn,Zn("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),_n(e),Fe(e,void 0));return{type:"custom",render:n=>t.render({...n,value:Fe(e,n.value),onChange:o=>n.onChange(o)})}}function Ei(e,t,n,o,i,l){return{type:"custom",render:({value:a,onChange:s})=>r(m,{label:e,icon:r(Ee,{noun:l}),action:r(g,{label:e,changed:!Vn(a),detail:"the Text style in Site styles",onReset:()=>s(Xn),defaultAction:{onPress:()=>s(Kn),title:"Keep this section's own built-in size",icon:r(ft,{})}}),children:L({min:t,max:n,step:o,value:typeof a=="number"?a:i,suffix:"px",onChange:s})})}}function Ti(){return{_gCellWidth:C("Cell width"),gridSpan:v("Positions",r(Ce,{}),[{label:"Auto",value:""},...Array.from({length:ot},(e,t)=>({label:t===0?"1 position":`${t+1} positions`,value:String(t+1)}))],"")}}function z(){let e=null;try{e=O(t=>t).selectedItem}catch{e=null}return e?.props??{}}function Fo({min:e,max:t,step:n,px:o,label:i,onChange:l,desktopKey:a,fallback:s}){const u=z()[a],d=te(void 0,u,s);return r(I,{children:L({min:e,max:t,step:n,value:te(o,u,s),readout:!1,ariaLabel:i,notch:d,onChange:l})})}function Po({label:e,desktopKey:t,fallback:n,changed:o=!1,onReset:i=()=>{}}){const l=z()[t],a=te(void 0,l,n);return r(g,{label:e,changed:o,detail:`${a}px on ${ne.desktop.toLowerCase()}`,onReset:i})}function wo(e){return $(e.label,{min:e.min,max:e.max,step:e.step,unsetLabel:`Follows ${ne.desktop}`,unsetMark:r(Po,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:t=>r(Fo,{...t,desktopKey:e.desktopKey,fallback:e.fallback})})}function Ri(e={}){const t=e.keys?.top??"sectionPaddingTop",n=e.keys?.bottom??"sectionPaddingBottom",o=e.group!==!1,i=x=>o?x:`Padding ${x.toLowerCase()}`,l=x=>B(i("Top"),r(Ot,{}),_.min,_.max,_.step,x,"px"),a=(x,E,je,Y=_)=>R("mobile",wo({label:i(x),desktopKey:E,min:Y.min,max:Y.max,step:Y.step,fallback:je})),s=e.top??_.min,u=e.bottom??_.min,d="sectionPaddingLeft",f="sectionPaddingRight",c=e.sideBounds??_,p=e.side??c.min,h=e.sidePhone??p,b=e.phone===!0,y=x=>b?R("desktop",x):x;return G({...o?{_gSpacing:C("Padding")}:{},[t]:y(l(s)),...b?{[K(t)]:a("Top",t,s)}:{},...e.only==="top"?{}:{[n]:y(B(i("Bottom"),r(vt,{}),_.min,_.max,_.step,u,"px")),...b?{[K(n)]:a("Bottom",n,u)}:{}},...e.sides?{[d]:y(B(i("Left"),r(Lt,{}),c.min,c.max,c.step,p,"px")),...b?{[K(d)]:a("Left",d,h,c)}:{},[f]:y(B(i("Right"),r(Nt,{}),c.min,c.max,c.step,p,"px")),...b?{[K(f)]:a("Right",f,h,c)}:{}}:{}})}const ko={contained:"Contained",page:"Page",full:"Full"},ae="Width";function vi(e,t=zn,n=!0){const o=t.map(i=>({label:Yn[i]??ko[i],value:i}));return G({...n?{_gWidth:C(ae)}:{},widthMode:{type:"custom",render:({onChange:i,field:l})=>r(m,{label:"Width",icon:r(Mt,{}),action:n?r(oo,{inherited:l?.inherited??!1,onReset:()=>i(jn),label:ae}):void 0,children:se({options:o,value:l?.currentValue||e,onChange:i,ariaLabel:ae})})}})}function Li(){const e=o=>({type:"custom",render:({value:i,onChange:l})=>S("div",{className:"sf-field",children:[o?S("div",{className:"sf-field-head",children:[r("span",{className:"sf-field-label sf-field-label--inline",children:M}),o(l)]}):null,r("div",{children:se({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(i)?i:"auto",onChange:l,ariaLabel:M})})]})}),t=()=>({type:"custom",render:({value:o,onChange:i,field:l})=>{const a=l?.unit==="%"?"%":"px",s=a==="%"?Cn:xn;return r("div",{className:"sf-field",children:L({min:s.min,max:s.max,step:s.step,value:typeof o=="number"?o:s.fallback,suffix:a,ariaLabel:M,onChange:i})})}}),n=()=>ce("Unit",r(Ie,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return G({_gHeight:C(M),sectionHeightMode:R("desktop",e()),sectionHeightValue:R("desktop",t()),sectionHeightUnit:R("desktop",n()),sectionHeightModePhone:R("mobile",e(o=>r(Do,{onClear:()=>o(void 0)}))),sectionHeightValuePhone:R("mobile",t()),sectionHeightUnitPhone:R("mobile",n())})}function Do({onClear:e}){const t=z(),n=gn(t),o=bn(t),i=`${o.mode==="auto"?"Auto":`${o.value}${o.unit}`} on ${ne.desktop.toLowerCase()}`;return r(g,{label:M,changed:n,detail:i,onReset:e})}function Ni(){return{_gAnchor:C("Anchor"),anchor:co("Anchor name","e.g. about",lo)}}function N(e,t,n){return{type:"custom",render:({value:o,onChange:i,id:l,name:a})=>{const s=typeof o=="boolean"?o:t,u=`${l??a??e}-label`;return r(m,{label:e,labelId:u,icon:n,action:r(qt,{checked:s,onChange:i,ariaLabelledBy:u})})}}}function Oi(){return{type:"custom",render:({value:e,onChange:t,id:n,name:o})=>{const i=`${String(n??o??"pageBackground")}-colour`;return r(m,{label:"Background",icon:r(ye,{}),htmlFor:i,action:r(Le,{id:i,label:"Background",value:$t(e),onChange:t})})}}}function Ai(e,t){return{type:"custom",render:({value:n,onChange:o,id:i})=>{const l=typeof n=="boolean"?n:t,a=`${i??e}-checkbox`;return r(m,{label:e,htmlFor:a,className:"sf-checkbox",action:r("input",{id:a,type:"checkbox",checked:l,onChange:s=>o(s.target.checked)})})}}}function Fi(e,t){return{type:"custom",render:({value:n,onChange:o})=>r(m,{label:e,action:Le({value:n||t,onChange:o,label:e})})}}const Bo=[{value:"0% 0%",label:"Top left"},{value:"50% 0%",label:"Top"},{value:"100% 0%",label:"Top right"},{value:"0% 50%",label:"Left"},{value:"50% 50%",label:"Center"},{value:"100% 50%",label:"Right"},{value:"0% 100%",label:"Bottom left"},{value:"50% 100%",label:"Bottom"},{value:"100% 100%",label:"Bottom right"}];function ze({label:e,value:t,onChange:n,points:o=Bo}){return r(Yt,{label:e,value:t,points:o,onChange:n})}function Pi(e,t=pe,n="mediaImage"){return{type:"custom",render:({value:o,onChange:i})=>r("div",{className:"sf-focal-row",children:r(Ho,{label:e,value:o||t,onChange:i,imageProp:n})})}}function Ho({label:e,value:t,onChange:n,imageProp:o}){const{selectedItem:i}=O(a=>a),l=i?.props?.[o];return r(un,{label:e,value:t,onChange:n,image:typeof l=="string"?l:void 0})}const Mo=be([]);function wi(e,{stacking:t,fallback:n=at}){return{type:"custom",render:({value:o,onChange:i})=>{const l=lt.includes(o)?o:n;return t?r(Go,{label:e,value:l,onChange:i}):Ye({label:e,value:l,onChange:i,points:Mo})}}}function Go({label:e,value:t,onChange:n}){const{appState:o,selectedItem:i}=O(s=>s),l=i?.props?.id?String(i.props.id):void 0,a=l?it(o?.data,l):[];return Ye({label:e,value:t,onChange:n,points:be(a,l)})}function Ye({label:e,value:t,onChange:n,points:o}){const i=o.find(l=>l.disabled);return r(m,{label:e,icon:r(Ft,{}),hint:i?i.title:void 0,children:ze({label:e,value:st(t),onChange:n,points:o})})}const ki={top:r(Ct,{}),right:r(xt,{}),bottom:r(gt,{}),left:r(bt,{})};function Di(e,t,n,o,i,l){const a=f=>t.find(c=>c.value===f),s=f=>({value:f,label:"",disabled:!0,title:o}),u=f=>{const c=t.find(h=>h.cell===f);if(!c)return s(`missing-${f}`);const p=l?.[f];return p?{value:c.value,label:c.label,icon:p}:{value:c.value,label:c.label}},d=[s("corner-top-left"),u("top"),s("corner-top-right"),u("left"),s("centre"),u("right"),s("corner-bottom-left"),u("bottom"),s("corner-bottom-right")];return{type:"custom",render:({value:f,onChange:c})=>{const p=t.some(h=>h.value===f)?f:n;return r(m,{label:e,icon:i,value:a(p)?.label??"",children:ze({label:e,value:p,onChange:c,points:d})})}}}const $o="\0note";function v(e,t,n,o,i){return{type:"custom",options:n,fallback:o,...i?{note:i}:{},render:({value:l,onChange:a,field:s})=>{const u=s.options??n,d=s.fallback??o,f=u.some(c=>c.value===l)?l:d;return r(m,{label:e,icon:V(t),children:r(Jt,{value:f,ariaLabel:e,onChange:a,options:[...i?[{label:i,value:$o,disabled:!0}]:[],...u.map(c=>({label:c.label,value:c.value}))]})})}}}function Bi(e,t,n){return{type:"custom",options:t,render:({value:o,onChange:i,field:l})=>r(pn,{label:e,options:l.options??t,value:Array.isArray(o)?o:[],onChange:i,...n?{emptyLabel:n}:{}})}}function Hi(e,t,n,o){return{type:"custom",options:t,fallback:n,render:({value:i,onChange:l,field:a})=>r(mn,{label:e,options:a.options??t,fallback:a.fallback??n,value:i,onChange:l,placeholder:o})}}function Mi(e,t={}){return{type:"custom",render:({value:n,onChange:o})=>{const i={value:n,onChange:o,...t};return r(e,{...i})}}}function se({options:e,value:t,onChange:n,ariaLabel:o,disabled:i=!1}){return r(jt,{options:e.map(l=>({id:l.value,label:l.label,title:l.title})),value:t,onChange:n,ariaLabel:o,disabled:i})}const Gi=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function ce(e,t,n,o){const i=n.map(l=>typeof l=="string"?{label:l,value:l}:l);return{type:"custom",render:({value:l,onChange:a,field:s})=>r(m,{label:e,icon:V(t),children:se({options:i,value:i.some(u=>u.value===l)?l:l||s?.currentValue||o,onChange:a,ariaLabel:e})})}}function $i(e,t,n){return{type:"custom",[me]:!0,render:({value:o,onChange:i})=>r(dn,{value:o||"",onChange:i,label:e,accept:t,placeholder:n})}}const Wi={HeroSingle:["imageFocal"],ContactLocations:["locations[].photo"],ProcessSteps:["steps[].image"]};function Ui({value:e,onChange:t,label:n}){const o=e||{},i=!!o.pending,l=i?"var(--fg-dim, #888)":o.ok?"#1d9e75":"#d85a30",a=(s,u)=>t({...o,[s]:u===""?void 0:Number(u)});return S(m,{label:n,icon:r(Q,{}),children:[r("button",{type:"button",disabled:i,onClick:()=>t({...o,pending:!0,ok:!1,status:"Finding\u2026"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:i?"default":"pointer",opacity:i?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:i?"Finding\u2026":"Find coordinates"}),o.status&&r("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:l},children:o.status}),r("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:"Coordinates from OpenStreetMap"}),r("button",{type:"button",onClick:()=>t({...o,manual:!o.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:o.manual?"Hide manual coordinates":"Enter coordinates manually"}),o.manual&&S("div",{style:{marginTop:8,display:"grid",gap:8},children:[r(m,{label:"Latitude",icon:r(Q,{}),children:r("input",{type:"number",step:"any",placeholder:"e.g. 34.0990198",value:typeof o.lat=="number"?o.lat:"",onChange:s=>a("lat",s.target.value)})}),r(m,{label:"Longitude",icon:r(Q,{}),children:r("input",{type:"number",step:"any",placeholder:"e.g. -117.9842833",value:typeof o.lng=="number"?o.lng:"",onChange:s=>a("lng",s.target.value)})})]})]})}function Wo(e,t){return t===null||t<0||t>=e.length?"":e[t]?.text??""}function Uo(e,t,n){const o=e.map(i=>({text:i?.text??""}));return t===null||t<0||t>=e.length?o:o.map((i,l)=>l===t?{text:n}:i)}function Ki(e,t){return e===null?null:t>e?e:null}function Ko(e,t,n){if(n===null||n>=t.length)return null;for(let o=0;o<n;o+=1)if(e[o]!==t[o])return null;return e[n]!==t[n]&&t.includes(e[n])||e[n]!==t[n]&&t.length!==e.length?null:n}const Xi={label:"Ticker items",icon:r(Rt,{})};function Vi(e,t,n,o){return{type:"custom",[T]:{control:"textList",label:e,placeholder:n,itemKey:"text",rendering:o},render:({value:i,onChange:l})=>r(Xo,{label:e,icon:V(t),items:Array.isArray(i)?i:[],placeholder:n,onChange:l,markup:o==="markup"})}}function Xo({label:e,icon:t,items:n,placeholder:o,onChange:i,markup:l=!1}){const a=j(null),[s,u]=q(null),d=c=>c.map(p=>({text:p?.text??""}));return r(Zt,{label:e,icon:t,noun:"item",items:n,onChange:c=>{const p=Ko(n,c,s);p===null&&(a.current=null),u(p),i(d(c))},newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:l?r(Ne,{target:a,value:Wo(n,s),onChange:c=>i(Uo(n,s??-1,c)),disabled:s===null,label:s===null?"Formatting \u2014 click a row first":`Formatting \u2014 row ${s+1}`}):void 0,renderRow:(c,p,h)=>r("input",{type:"text",className:l&&s===p?"sf-list-marking":void 0,value:c?.text??"",placeholder:o,"aria-label":`${e} ${p+1}`,onChange:b=>h({text:b.target.value}),onFocus:b=>{a.current=b.currentTarget,u(p)}})})}function zi(e,t){const n=`${e.label} \u2014 row ${t+1}`;return D({control:"plainText",label:n,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:o,onChange:i})=>r(k,{value:o,onChange:i,label:n,placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function Yi(e){return{_gCards:C("Cards"),coverIndex:v("Cover image",r(Et,{}),an,String(sn),e?.coverHint??"A card's opening picture \u2014 a card pinned to a finish keeps its own."),imageBackground:ho("Image background",Fn),cardImage:Vo(),spinOnHover:N("Rotate on hover",e?.spinDefault??!0,r(wt,{}))}}function ji(){return{outline:v("Card outline",r(kt,{}),on,ln),indexBadge:v("Card number",r(Ie,{}),nn,rn),showBadge:N("Product badge",!0,r(Ee,{noun:"tag"}))}}function qi(e){const t=e?.bottomDefault??!0;return{_gShowOnCard:C("Show on a card"),showCardPrice:N("Price",!0,r(St,{})),showCardFinishes:N("Finish swatches",!0,r(_t,{})),showCardSizes:N("Sizes",t,r(Pt,{})),showCardBuy:N("Buy button",t,r(mt,{})),showCardPage:N("Page button",t,r(ye,{}))}}function Vo(){return $("Card image",{min:H,max:W,step:et,hint:"Rounds the picture. The card's own corner is in Site styles."})}function Ji(){return $(nt,{min:H,max:W,step:tt,unsetLabel:"Square",hint:"Rounds the picture. Left alone it stays square."})}function Zi(){return{type:"custom",render:({value:e,onChange:t})=>r(zo,{value:typeof e=="string"?e:"",onChange:t})}}function zo({value:e,onChange:t}){const[n,o]=q(null),i=ge.filter(a=>n===null||A[a].across===n),l=e&&e in A?A[e]:null;return S(I,{children:[r(m,{label:"Photos in a row",icon:r(ht,{}),children:S("div",{className:"sf-gallery-filter",children:[r("button",{type:"button","aria-pressed":n===null,onClick:()=>o(null),children:"All"}),rt.map(a=>r("button",{type:"button","aria-pressed":n===a,onClick:()=>o(a),children:a},a))]})}),r(m,{label:"Layout",icon:r(It,{}),value:l?l.label:"Not chosen",hint:`${i.length} of ${ge.length} layouts`,children:r("div",{className:"sf-gallery-layouts",children:i.map(a=>r("button",{type:"button","aria-pressed":e===a,"aria-label":A[a].label,title:A[a].label,onClick:()=>t(e===a?"":a),children:r("span",{className:"sf-gallery-pic",children:A[a].desktop.map(([s,u],d)=>r("i",{style:{gridColumn:`span ${s}`,gridRow:`span ${u}`}},d))})},a))})})]})}export{lo as ANCHOR_HINT,Qr as BOUND_TO_POST_NOTE,ii as BUCKET_ICONS,Wi as CUSTOM_FIELD_MEDIA,Ui as CoordsField,ki as EDGE_ARROWS,pe as FOCAL_DEFAULT,Bo as FOCAL_POINTS,J as FOLD_FIELD_MARKER,ze as FocalPicker,mo as GroupLabel,io as HIGHLIGHT_HINT,k as HidableTextField,fe as LINK_FIELD_MARKER,Yr as Label,me as MEDIA_FIELD_MARKER,Gi as MEDIA_TYPE_OPTIONS,fo as PanelNoteLine,Ye as PlacementGridView,he as SCAFFOLD_FIELD_MARKER,nl as SCALAR_TEXT_CONTROLS,Xe as SECTION_BLEEDS_HINT,uo as SectionHeading,se as Segmented,no as SiteGapDefaultReset,L as Slider,go as SliderValue,Ue as Swatches,tl as TEXT_CONTROL_KINDS,T as TEXT_FIELD_MARKER,Xi as TICKER_ITEMS_ROW,Xo as TextListField,oo as WidthDefaultReset,Ko as aimAfterListChange,Ni as anchorFields,w as backTo,di as backgroundField,xi as boxAlignField,_i as boxBlockSpacingField,bi as boxJustifyField,Ii as boxPhoneRowField,Si as boxShareField,Ci as boxWrapField,ui as bucketHeader,No as cardCornerSidesField,Ro as cardCornersField,ho as cardImageBackgroundField,Vo as cardImageField,Yi as cardMediaFields,gi as cardShapeFields,qi as cardShowFields,ji as cardStyleFields,Ti as cellWidthFields,Ai as checkbox,Fi as colorInput,ni as copyText,yi as directionField,Di as edgePad,li as entriesHiddenForTab,Pi as focalPicker,Ki as focusAfterRemove,Z as foldMetaOf,Zi as galleryLayoutField,fi as gapField,C as group,Li as heightFields,de as hidableText,so as hintIsWhileTyping,V as iconOf,Ji as imageCornersField,ci as isBucketHeader,Qn as isNoGlyph,oi as linkField,Bi as multiSelect,Zn as noGlyph,Oi as pageBackgroundField,ai as panelNote,wo as phoneOverrideField,wi as placementField,co as plainText,ri as plainTextarea,$ as pxField,ue as readHidable,Wo as rowText,Hi as searchSelect,si as section,hi as sectionAnimationFields,bo as sectionCornerSidesField,Co as sectionCornersField,mi as sectionShapeFields,pi as sectionThemeFields,ce as segmented,v as select,Uo as setRowText,Ei as sizeField,B as slider,Mi as sourceField,Ri as spacingFields,ei as text,Ze as textFieldIdentifier,Jr as textFieldOffPage,Vi as textList,zi as textListRowField,ti as textarea,N as toggle,$i as upload,eo as usePageWidthDetail,to as useSiteGapDetail,vi as widthField,Zr as withIdentifier,qr as withOffPage,jr as withScaffold};

package/dist/lib/puck/device-fields.d.ts

@@ -0,0 +1,2 @@
+export { DEVICE_FIELD_MARKER, DEVICE_HIDDEN_ATTR, DEVICE_NOTE, deviceField, deviceMetaOf, deviceNote, shownTier, withoutDeviceGate } from "efficient-easel/screen/lib/puck/device-fields";
+export type { DeviceFieldMeta, DeviceTier } from "efficient-easel/screen/lib/puck/device-fields";

package/dist/lib/puck/device-fields.js

@@ -0,0 +1 @@
+"use client";import{DEVICE_FIELD_MARKER as i,DEVICE_HIDDEN_ATTR as t,DEVICE_NOTE as D,deviceField as c,deviceMetaOf as o,deviceNote as I,shownTier as _,withoutDeviceGate as d}from"efficient-easel/screen/lib/puck/device-fields";export{i as DEVICE_FIELD_MARKER,t as DEVICE_HIDDEN_ATTR,D as DEVICE_NOTE,c as deviceField,o as deviceMetaOf,I as deviceNote,_ as shownTier,d as withoutDeviceGate};

package/dist/lib/puck/editor-page-context.d.ts

@@ -0,0 +1,6 @@
+import { type TemplateProductKind } from "../content/product-page.js";
+export declare function setEditorPage(slug: string | null, kind: string | null): void;
+export declare function setEditorPageSlug(slug: string | null): void;
+export declare function getEditorPageSlug(): string | null;
+export declare function isEditorOnDynamicPage(): boolean;
+export declare function editorTemplateProductKind(rootProps?: Record<string, unknown> | null): TemplateProductKind;

package/dist/lib/puck/editor-page-context.js

@@ -0,0 +1 @@
+import{PRODUCT_PAGE_SLUG as r,templateProductKind as i}from"../content/product-page.js";let e=null,n=null;function l(t,o){e=t,n=o}function d(t){l(t,null)}function a(){return e}function g(){return n==="dynamic"||e===r}function P(t){return i(e??"",t)??"alloy-wheel"}export{P as editorTemplateProductKind,a as getEditorPageSlug,g as isEditorOnDynamicPage,l as setEditorPage,d as setEditorPageSlug};

package/dist/lib/puck/enclosing-section.d.ts

@@ -0,0 +1 @@
+export declare function enclosingSectionProps(data: unknown, id: string): Record<string, unknown> | null;

package/dist/lib/puck/enclosing-section.js

@@ -0,0 +1 @@
+function f(r,n){const t=r?.content;if(!Array.isArray(t))return null;for(const o of t){if(!o||typeof o!="object")continue;const e=o.props;if(e?.id===n)return null;if(s(o,n,0))return e??{}}return null}function s(r,n,t){if(t>12||!r||typeof r!="object")return!1;if(Array.isArray(r))return r.some(e=>s(e,n,t+1));const o=r.props;return o&&typeof o=="object"&&o.id===n?!0:Object.values(r).some(e=>s(e,n,t+1))}export{f as enclosingSectionProps};

package/dist/lib/puck/field-buckets.d.ts

@@ -0,0 +1,2 @@
+export { BUCKET_KEY } from "efficient-easel/screen/lib/puck/field-buckets";
+export type { Bucket } from "efficient-easel/screen/lib/puck/field-buckets";

package/dist/lib/puck/field-buckets.js

@@ -0,0 +1 @@
+import{BUCKET_KEY as E}from"efficient-easel/screen/lib/puck/field-buckets";export{E as BUCKET_KEY};

package/dist/lib/puck/field-groups.d.ts

@@ -0,0 +1,23 @@
+import { BUCKET_KEY, type Bucket } from "./field-buckets.js";
+export declare const BUCKETS: readonly ["Content", "Style", "Layout", "Animation"];
+export type { Bucket };
+export { BUCKET_KEY };
+export declare const LAYOUT_FIELD_KEYS: readonly string[];
+export declare const SECTION_THEME_FIELD_KEYS: readonly string[];
+export declare const SECTION_SHAPE_FIELD_KEYS: readonly string[];
+export declare const SECTION_ANIM_FIELD_KEYS: readonly string[];
+export declare const CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const BOUND_CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const CARD_STYLE_FIELD_KEYS: readonly string[];
+export declare const CARD_SHOW_FIELD_KEYS: readonly string[];
+export declare const EDITOR_ONLY_GROUP = "Editor only \u2014 not shown live";
+export declare const LABEL_BUCKET: Record<string, Bucket>;
+export declare const KEY_BUCKET: Readonly<Record<string, Bucket>>;
+export declare function bucketOf(where: string, key: string, label: string): Bucket | undefined;
+export declare const RETIRED: Readonly<Record<string, string>>;
+export declare function foldTopTier(fields: Record<string, unknown>): 1 | 2;
+export declare function retiredHeadings(where: string): string[];
+export declare function assignSectionGroups<T extends Record<string, unknown>>(fields: T, where: string): T;
+export declare function seatContentBucket<T extends Record<string, unknown>>(fields: T): T;
+export declare function hasBucketTabs(fields: Record<string, unknown>): boolean;
+export declare function reseatBucketTabs<T extends Record<string, unknown>>(fields: T): T;