efficient-web-builder 23.2.0 → 25.0.0

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

@@ -1,416 +0,0 @@
-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 "./show-when.js";
-import { type HeroGroupPlacement } from "../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 "../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, 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>;

package/dist/lib/puck/controls.js

@@ -1 +0,0 @@
-"use client";import{jsx as r,jsxs as k,Fragment as T}from"react/jsx-runtime";import{cloneElement as pe,useId as ft,useRef as ne,useState as z}from"react";import{useEasel as K,useSelectedFields as fe}from"efficient-easel/easel";import{say as l,editorEaselWords as x}from"../editor-words.js";import{readHidable as me,hidableText as he}from"efficient-easel/draw";import{FOLD_FIELD_MARKER as V,LINK_FIELD_MARKER as ge,MEDIA_FIELD_MARKER as be,SCAFFOLD_FIELD_MARKER as xe,TEXT_FIELD_MARKER as I,foldMetaOf as Y,textFieldIdentifier as mt}from"efficient-easel/draw";import ht from"../../components/ApplyCornersToSiblings.js";import gt from"../../components/TemplateFieldRow.js";import{CARD_IMAGE_RADIUS_STEP as bt,CORNER_RADIUS_MAX as Se,CORNER_RADIUS_MIN as A}from"../content/card-image-shape.js";import{IMAGE_CORNER_STEP as xt,IMAGE_CORNERS_LABEL as St}from"../content/image-corners.js";import{GRID_MAX_COLUMNS as yt}from"../content/grid-span.js";import{GALLERY_ACROSS_BUCKETS as Ct,GALLERY_LAYOUTS as W,GALLERY_LAYOUT_KEYS as ye}from"../content/gallery-layout.js";import{anchorSiblingsOf as _t,HERO_GROUP_PLACEMENTS as It,HERO_GROUP_PLACEMENT_DEFAULT as Et,normalisePlacement as Tt,placementPoints as Ce}from"../hero-group-placement.js";import Rt from"../../components/KeepHint.js";import{AdjustIcon as Ot,AlignLeftIcon as wt,EyeIcon as Pt,AlignSeparateIcon as kt,AnimationIcon as _e,BackgroundIcon as Nt,BorderAllIcon as Lt,BlockSectionIcon as At,CartIcon as vt,ColumnWidthsIcon as Ie,ColumnsIcon as Ft,CornerIcon as Dt,DirectionDownIcon as Bt,DirectionLeftIcon as Ht,DirectionRightIcon as Gt,DirectionUpIcon as Mt,DollarIcon as Kt,FinishIcon as Wt,GapIcon as Ee,GridIcon as Ut,GroundIcon as Xt,HashIcon as Te,HeightIcon as $t,ImageIcon as jt,ListIcon as zt,LocationIcon as oe,PaddingAllIcon as Vt,PaddingBottomIcon as Re,PaddingLeftIcon as Oe,PaddingRightIcon as we,PaddingTopIcon as Pe,PageIcon as ke,PhoneIcon as Yt,PlacementIcon as qt,ProductSizeIcon as Jt,StickyIcon as Zt,RotateIcon as Qt,SquareIcon as en,TypeIcon as tn,WidthIcon as nn,WrapIcon as on}from"efficient-easel/icons";import{FieldGlyph as Ne}from"../../components/FieldGlyph.js";import{resolvePageBackground as rn}from"../content/page-background.js";import{CORNER_SIDES as Le,CORNER_SIDE_POINTS as ln,hasOwnSectionCorners as an,normalizeCornerSides as Ae}from"../content/section-corners.js";import{SECTION_MOTION_NONE as sn,SECTION_MOTION_OPTIONS as cn}from"../content/section-animation.js";import{enclosingSectionProps as ve}from"./enclosing-section.js";import{SettingsDefaultReset as S,SettingsField as m,SettingsGroupHead as dn,SettingsGroupSub as un,SettingsBorder as pn,SettingsSegmented as fn,SettingsSides as mn,SettingsSidesEach as Fe,sidesStartEach as hn,SettingsSwitch as De,borderSides as gn,borderStartEach as bn}from"efficient-easel/panel";import{FieldSelect as xn,ListField as Sn}from"efficient-easel/fields";import{DisplayChips as yn}from"efficient-shell/ui";import{desktopDisplayChanged as Cn,partShownOnDesktop as _n,partShownOnPhone as In,phoneDisplayChanged as En,withDesktopPart as Tn,withPhonePart as Rn}from"../content/part-display.js";import{AlignmentGrid as On,Checkbox as wn,CornersInput as Pn,DateTimePicker as kn,FOCAL_DEFAULT as Nn,PictureTiles as Be,Slider as Ln,Tooltip as He}from"efficient-shell/ui";import{ColourControl as Ge}from"./ColourControl.js";import Me from"./MarkupToolbar.js";import{deviceField as g}from"./device-fields.js";import{NO_CONTROL_FIELD as An,NoControlMark as re,noControlField as q}from"./panel-no-control-mark.js";import{OWN_BOX_FIELD as vn}from"./own-box.js";import{PHONE_CLEAR as Fn,phoneKey as v,resolvePhoneValue as ie}from"./phone-override.js";import{SuppressibleText as Dn}from"./section-text-suppress.js";import{CARD_INDEX_OPTIONS as Bn,CARD_OUTLINE_OPTIONS as Hn,DEFAULT_CARD_INDEX_FORMAT as Gn,DEFAULT_CARD_OUTLINE as Mn}from"../sections/product-card-style.js";import{COVER_INDEX_OPTIONS as Kn,DEFAULT_COVER_INDEX as Wn}from"../sections/card-cover-index.js";import{SCALAR_TEXT_CONTROLS as Un}from"efficient-easel/draw";import Xn from"../../components/MediaUploadField.js";import $n from"../../components/MultiSelectField.js";import jn from"../../components/SectionThemePicker.js";import zn from"../../components/SearchSelectField.js";import Vn from"../../components/StorefrontLinkField.js";import{UiIcon as Ke}from"efficient-easel/draw/client";import{SECTION_PADDING as E}from"../content/section-padding.js";import{hasPhoneHeight as Yn,resolveSectionMinHeight as qn}from"../content/section-min-height.js";import{SECTION_STICK_DISTANCE as J,SECTION_STICK_LABEL as le,hasPhoneStick as Jn,resolveSectionStick as Zn}from"../content/section-sticky.js";import{SECTION_MIN_HEIGHT as Qn,SECTION_MIN_HEIGHT_GROUP_LABEL as U,SECTION_SCREEN_PCT as eo}from"../content/section-min-height.js";import{CONTAINER_DIRECTION_LABEL as to,containerDirectionPoints as no,resolveContainerDirection as We}from"../content/container-direction.js";import{BOX_ALIGN_POINTS as oo,BOX_BLOCK_SPACING_LABEL as ro,BOX_BLOCK_SPACING_POINTS as Ue,BOX_JUSTIFY_POINTS as Xe,BOX_PHONE_ROW_LABEL as io,BOX_PHONE_ROW_MAX as lo,BOX_PHONE_ROW_MIN as $e,BOX_SHARE_LABEL as je,BOX_SHARE_POINTS as ae,BOX_WRAP_LABEL as ao,BOX_WRAP_POINTS as ze}from"../content/box-layout.js";import{usePreviewHeader as X}from"../../components/PreviewHeaderContext.js";import{BORDER_MAX as so}from"../content/borders.js";import{DEFAULT_SURFACES as co,normalizeTheme as uo}from"../theme.js";import{CONTAINER_GAP as se,CONTAINER_GAP_BUILT_IN as po,GAP_FIELD_CONTAINER as fo,hasOwnContainerGap as mo,resolveContainerGap as ho}from"../content/container-gap.js";import{CARD_IMAGE_BG_INHERIT as go,CARD_IMAGE_BG_OFF as bo,CARD_IMAGE_BG_SWATCH_NAMES as xo,CARD_IMAGE_BG_SWATCHES as So,isCardImageBackgroundInheriting as yo,cardImageBackgroundChoice as Co,THEME_CARD_IMAGE_BG as _o}from"../content/card-image-background.js";import{SECTION_BG_INHERIT as Io,SECTION_BG_SWATCHES as Eo,SECTION_BG_SWATCH_NAMES as To,THEME_SECTION_BG as Ro,isSectionBackgroundInheriting as Oo}from"../content/section-background.js";import{SECTION_THEME_GROUP_LABEL as wo}from"../content/section-surface.js";import{TYPE_SIZE_FIXED as Po,TYPE_SIZE_INHERIT as ko,isTypeSizeInheriting as No}from"../content/section-type-size.js";import{SECTION_WIDTH_CHOICES as Lo,WIDTH_CHOICE_LABEL as Ao,WIDTH_INHERIT as vo,resolveWidth as Fo,sectionRunsFullWidth as Ve}from"../content/section-width.js";import{useFoldHeadingLevel as Ye}from"./panel-heading-scope.js";import{withStyleKind as Do}from"efficient-easel/style-clipboard";function F(e){for(const[t,n]of Object.entries(e))n&&typeof n=="object"&&!Y(n)&&Do(n,`section:${t}`);return e}function ji({children:e}){return r("div",{className:"sf-field-label",children:typeof e=="string"?l(e):e})}function qe(){return null}function Bo(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return r(qe,{},e)}function Ho(e){return e.type===qe}function w(e){return Ho(e)?void 0:e}function D(e,t){return l("{value} from {from}",{value:e,from:t})}function Go(){const{appState:e}=K(i=>i),t=e.data.root?.props??{},{mode:n,pageWidth:o}=Fo(t,"full");return n==="page"?D(`${o}px`,l("the page")):n==="contained"?D(l("Contained"),l("the page")):D(l("Full"),l("the page"))}function Mo(){const{blockGap:e}=X();return e===null?l("this container's own spacing"):D(`${e}px`,l("Site styles"))}function Ko({inherited:e,onReset:t,label:n}){return r(S,{words:x()?.panel,label:l(n),changed:!e,detail:Mo(),onReset:t})}function Wo({inherited:e,onReset:t,label:n}){return r(S,{words:x()?.panel,label:l(n),changed:!e,detail:Go(),onReset:t})}function B({value:e,onChange:t,label:n,placeholder:o,hint:i,multiline:a,hideable:c=!0,markup:s=!0}){const{text:d,hidden:u}=me(e),f=ne(null),p=ne(null),h=O=>t(c?{text:O,hidden:u}:O),b=()=>t({text:d,hidden:!u}),C=c&&u,R=ft(),_=i?Vo(i)?r("span",{className:"sf-hint-keep sf-hint-while-typing",children:l(i)}):r(Rt,{children:l(i)}):void 0,j=u?l("Show {label} on the slide",{label:l(n)}):l("Hide {label} on the slide",{label:l(n)});return r(m,{label:l(n),icon:r(tn,{}),htmlFor:R,className:C?"is-hidden":void 0,hint:_,action:c?r(He,{content:j,children:r("button",{type:"button",className:"sf-field-eye","aria-pressed":u,"aria-label":j,onClick:b,children:u?r(Ke,{name:"eye-off",size:14}):r(Ke,{name:"eye",size:14})})}):void 0,children:k("div",{className:"sf-copybox",children:[s&&r(Me,{target:a?p:f,value:d,onChange:h}),a?r("textarea",{id:R,ref:p,value:d,placeholder:o===void 0?void 0:l(o),onChange:O=>h(O.target.value)}):r("input",{id:R,ref:f,type:"text",value:d,placeholder:o===void 0?void 0:l(o),onChange:O=>h(O.target.value)})]})})}function zi(e,t){return{...e,[xe]:t}}function Vi(e){const t=e[I];if(!t)throw new Error("withOffPage: the field holds no authored text");return{...e,[I]:{...t,offPage:!0}}}function Yi(e){return!e||typeof e!="object"?!1:e[I]?.offPage===!0}const Je="sfPanelOnly";function qi(e){if(!e[I])throw new Error("withPanelOnly: the field holds no authored text");return{...e,[Je]:!0}}function Ji(e){return!!e&&typeof e=="object"&&e[Je]===!0}function Zi(e){const t=e[I];if(!t)throw new Error("withIdentifier: the field holds no authored text");return{...e,[I]:{...t,identifier:!0}}}import{TEXT_CONTROL_KINDS as fa,SCALAR_TEXT_CONTROLS as ma}from"efficient-easel/draw";function Qi(e,t){if(!e[I])throw new Error("inOwnBox: the field holds no authored text");const{[An]:o,...i}=e;return{...i,[vn]:!0,render:t}}const Uo=new Set(Un),H=(e,t)=>{const n={...t,[I]:e};if(!Uo.has(e.control))return n;const o=t.render;return{...q(n,"authored-copy"),render:i=>r(Dn,{name:i.name,children:o(i)})}},el="Everything else on this block comes from the linked post. Unlink it to edit by hand.",Xo={field:"source.slug",set:!0},tl={not:Xo},$o="Select a word, then press the highlighter.",jo="A short name so a link can jump straight to this section, like yoursite.com/page#about.",zo=new Set([$o]),Vo=e=>zo.has(e);function nl(e,t,n){return H({control:"text",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:e,placeholder:t,hint:n})})}function ol(e,t,n){return H({control:"textarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0})})}function Yo(e,t,n){return H({control:"plainText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1,markup:!1})})}function rl(e,t,n){return H({control:"copyText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1})})}function il(e){return{type:"custom",[ge]:{label:e},render:({value:t,onChange:n})=>r(Vn,{value:he(t),onChange:n,label:e})}}function ll(e,t,n){return H({control:"plainTextarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0,hideable:!1})})}const al={Design:Ot,Animation:_e};function sl(e,t){return e.includes("Design")?t!=="Design":null}function qo({label:e}){return r(dn,{title:l(e),level:Ye(1)})}function Jo({level:e,label:t}){return e===1?r(qo,{label:t}):r(er,{label:t})}function Ze(e,t){return{type:"custom",[V]:{label:e,level:t},render:()=>r(Jo,{level:t,label:e})}}function y(e){return Ze(e,2)}function cl(e){return{type:"custom",render:()=>r(Zo,{text:e})}}function Zo({text:e}){return r("p",{className:"sf-note",children:l(e)})}function dl(e){return Ze(e,1)}function ul(e){return Y(e)!==null&&e?.tabs!==void 0}const Qe=new Map;function pl(e,t){const n=`${e}\0${t?t.join("
"):""}`,o=Qe.get(n)??{type:"custom",tabs:t,[V]:{label:e,level:1},bucket:e,marker:!0,render:()=>r(T,{})};return Qe.set(n,o),o}function fl(e){return Y(e)!==null&&e?.designGroup!==void 0}const et=new Map;function ml(e){const t=et.get(e)??{type:"custom",[V]:{label:e,level:1},designGroup:e,marker:!0,...e==="Content"?{}:{fold:e},render:()=>r(T,{})};return et.set(e,t),t}function Qo(e){const t=e;return t?.marker===!0&&typeof t.fold=="string"?t.fold:null}function hl(e,t){return Qo(e)===t?e:{...e,marker:!0,fold:t,render:()=>r(T,{})}}function gl(e){const t=e;if(t.marker===!0&&t.fold===void 0)return e;const{fold:n,...o}=e;return{...o,marker:!0,render:()=>r(T,{})}}function er({label:e}){return r(un,{title:l(e),level:Ye(2)})}function tt({swatches:e,current:t,onPick:n,names:o}){const i=e.find(s=>s.toLowerCase()===t.toLowerCase()),a=i?o?.[i]:void 0,c=a?l(a):t;return k("div",{className:"sf-swatches",children:[e.map(s=>{const d=o?.[s]?l(o[s]):s;return r(He,{content:d,children:r("button",{type:"button","aria-pressed":t.toLowerCase()===s.toLowerCase(),className:`sf-swatch ${t.toLowerCase()===s.toLowerCase()?"is-active":""}`,style:{background:s},onClick:()=>n(s),"aria-label":d})},s)}),r("span",{className:"sf-swatch-hex",children:c})]})}function bl(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=Oo(n,t);return r(m,{label:l(e),icon:r(Nt,{}),changed:!i,action:r(S,{words:x()?.panel,label:l(e),changed:!i,detail:l("the theme's section background"),onReset:()=>o(Io)}),children:tt({swatches:Eo,current:i?Ro:n??t??"",onPick:o,names:To})})}}}function tr(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=n,a=yo(i,t);return r(m,{label:l(e),icon:r(Xt,{}),changed:!a,action:r(S,{words:x()?.panel,label:l(e),changed:!a,detail:l("the theme's image stage"),onReset:()=>o(go)}),children:tt({swatches:So,current:a?_o:Co(i,t),onPick:o,names:xo})})}}}function xl(e=n=>n,t){return F({_gSectionTheme:y(wo),sectionAccent:{type:"custom",render:({value:n,onChange:o})=>r(jn,{value:e(n),onChange:o,followLabel:t})}})}function G({min:e,max:t,step:n,value:o,onChange:i,suffix:a="",readout:c=!0,notch:s,ariaLabel:d,disabled:u=!1}){const f=s!==void 0&&Number.isFinite(s)&&s>=e&&s<=t;return r("div",{className:f?"sf-slider has-notch":"sf-slider",style:f?{"--sf-notch":(s-e)/(t-e)}:void 0,children:r(Ln,{min:e,max:t,step:n,value:o,suffix:a||void 0,showInput:c,label:d===void 0?void 0:l(d),disabled:u,size:"sm",className:"sf-slider-track",onChange:p=>{p!==null&&p!==o&&i(p)}})})}function M(e,t,n,o,i,a,c="",s){return{type:"custom",render:d=>r(m,{label:l(e),icon:w(t),action:s?s("storedValue"in d?d.storedValue:d.value,d.onChange):void 0,children:G({min:n,max:o,step:i,value:typeof d.value=="number"?d.value:a,suffix:c,ariaLabel:e,onChange:d.onChange})})}}function nt(e,t){const{min:n,max:o,step:i=1,unsetLabel:a,hint:c,restTrack:s,unsetMark:d,icon:u}=t;return{type:"custom",render:({value:f,onChange:p})=>{const h=typeof f=="number"?f:null,b=h===null;return r(m,{label:l(e),icon:u?w(u):void 0,value:b?d||a===void 0?void 0:l(a):`${h}px`,changed:!b,action:d?pe(d,{changed:!b,onReset:()=>p(null)}):r(S,{words:x()?.panel,label:l(e),changed:!b,onReset:()=>p(null)}),hint:typeof c=="string"?l(c):c,children:s?s({min:n,max:o,step:i,px:h,label:e,onChange:p}):G({min:n,max:o,step:i,value:h??n,readout:!1,ariaLabel:e,onChange:p})})}}}function Sl(e){const t=M("Gap",r(Ee,{}),se.min,se.max,se.step,po[e],"px",(n,o)=>r(Ko,{inherited:!mo(e,n),onReset:()=>o(void 0),label:"Gap"}));return{type:"custom",[fo]:e,render:n=>t.render({...n,value:ho(e,n.value,n.field?.siteGap),storedValue:n.value,onChange:o=>n.onChange(o)})}}const Z="Corners";function ce(e){return{type:"custom",render:({value:t,onChange:n})=>{const o=typeof t=="number"&&Number.isFinite(t)?t:null,i=o!==null;return r(m,{label:l(Z),icon:r(Dt,{}),changed:i,action:pe(e.mark,{changed:i,onReset:()=>n(null)}),hint:e.hint,children:r(nr,{tier:e,px:o,onRadius:n})})}}}function ot(e){let t=null;try{t=fe()}catch{t=null}return[t?.values?.[e],n=>t?.onChange(e,n)]}function nr({tier:e,px:t,onRadius:n}){const o=e.useFollowed(),i=e.useClosedReason?e.useClosedReason():null,[a,c]=ot(e.sidesKey),s=Ae(a)??[...Le];return r(Pn,{label:l(Z),value:s,corners:ln,onChange:d=>{const u=Ae(d)??[];c(u.length===Le.length?null:u)},radius:t,onRadiusChange:n,radiusMin:A,radiusMax:Se,radiusStep:e.step??1,radiusPlaceholder:String(o),disabled:i!==null,disabledReason:i??void 0})}function rt(){return q({type:"custom",render:()=>r(re,{})},"always")}function or({label:e,changed:t=!1,onReset:n=()=>{}}){const{cornerRadiusPx:o}=X(),i=typeof o=="number"?`${o}px`:l("not set");return r(S,{words:x()?.panel,label:l(e),changed:t,detail:o==null?l("the built-in corners"):D(i,l("Site styles")),onReset:n})}function rr(){const{cornerRadiusPx:e}=X();return typeof e=="number"?e:A}function ir(){return ce({sidesKey:"sectionCornerSides",useFollowed:rr,useClosedReason:()=>lt()?l(it):null,mark:r(or,{label:Z}),hint:r(lr,{})})}const it="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function lt(){return Ve(N())}function lr(){return r(T,{children:lt()?it:"Follows Site styles ▸ Basics ▸ Corners until you set a number here."})}function yl(){return F({_gShape:y("Shape"),sectionCorners:ir(),sectionCornerSides:rt(),sectionBorder:at("desktop"),sectionBorderPhone:at("mobile")})}const ar=()=>({width:l("Border width"),sides:{top:l("Border top"),right:l("Border right"),bottom:l("Border bottom"),left:l("Border left")},style:l("Border style"),styles:{solid:l("Solid"),dashed:l("Dashed"),dotted:l("Dotted")},color:l("Border color"),unit:"px"});function sr(e){const t=Object.fromEntries(Object.entries(e).filter(([,n])=>n!=null&&n!==""));return Object.keys(t).length?t:void 0}function cr(){let e;try{const t=uo(X().theme);e=t.themes[t.selected]?.line}catch{e=void 0}return e||co.line}function dr({value:e,onChange:t,tier:n}){const[o]=ot("sectionBorder"),i=cr(),a=e&&typeof e=="object"?e:{},c=n==="mobile"?o&&typeof o=="object"?o:{}:{},[s,d]=z(()=>bn(a,c)),u=ar();return r(m,{label:l("Border"),icon:r(Lt,{}),action:r(Fe,{each:s,label:l("Each side"),onChange:d}),children:r(pn,{label:l("Border"),value:a,each:s,onChange:f=>t(sr(f)),placeholder:{sides:gn(c),style:c.style??"solid",color:c.color||i},presets:[i],words:u,max:so})})}function at(e){return g(e,{type:"custom",render:({value:t,onChange:n})=>r(dr,{value:t,onChange:n,tier:e})})}function Cl(){return{_gMotion:y("Motion"),sectionAnimation:ue("Entrance",r(_e,{}),[...cn],sn)}}function de(){let e=null;try{const{appState:t,selectedItem:n}=K(i=>i),o=n?.props?.id?String(n.props.id):void 0;e=o?ve(t?.data,o):null}catch{e=null}return e!==null&&Ve(e)}function st(e){const{cornerRadiusPx:t}=X(),n=de(),o=typeof t=="number"?t:e;let i=null;try{const{appState:c,selectedItem:s}=K(u=>u),d=s?.props?.id?String(s.props.id):void 0;i=d?ve(c?.data,d):null}catch{i=null}if(n||!i)return o;const a=i.sectionCorners;return an(a)?a:o}function ur({label:e,changed:t=!1,onReset:n=()=>{}}){const o=de(),i=st(A),a=o?"Site":"Section";return r(S,{words:x()?.panel,label:l(e),changed:t,detail:D(`${i}px`,o?l("Site styles"):l("the section")),onReset:n})}function pr(){return r(T,{children:de()?l("The section is full width, so this card follows Site styles ▸ Basics ▸ Corners."):l("Follows the section's Corners until you set a number here.")})}function fr(){return ce({sidesKey:"cardCornerSides",useFollowed:()=>st(A),mark:r(ur,{label:Z}),hint:r(pr,{})})}function mr(){return{type:"custom",render:()=>r(ht,{})}}function _l(e){return{...e,render:t=>r(gt,{render:e.render,props:t})}}function Il(){return{_gShape:y("Shape"),cardCorners:fr(),cardCornerSides:rt(),cardCornersApplyAll:mr()}}function El(){return P("Justify",r(kt,{}),Xe,Xe[0].value)}function Tl(){return P("Item alignment",r(wt,{}),oo,"stretch")}function Rl(){return P(ao,r(on,{}),ze,ze[0].value)}function Ol(){return{type:"custom",render:({value:e,onChange:t})=>{const n=ae.find(o=>o.value===e)??ae[0];return r(m,{label:l(je),icon:r(Ie,{}),value:l(n.label),children:r(Be,{className:"sf-gallery-layouts",label:l(je),value:n.value,onChange:t,options:ae.map(o=>({value:o.value,label:l(o.label),picture:r("span",{className:"sf-gallery-pic",children:hr(o.weights).map((i,a)=>r("i",{style:{gridColumn:`span ${i}`}},a))})}))})})}}}function hr(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 wl(){return P(ro,r(Ee,{}),Ue,Ue[0].value)}function Pl(){return M(io,r(Yt,{}),$e,lo,1,$e)}function kl(e){const t=ue(to,Bo("`Direction` names how a container's children run — 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)."),no(e),We(e,void 0));return{type:"custom",render:n=>t.render({...n,value:We(e,n.value),onChange:o=>n.onChange(o)})}}function Nl(e,t,n,o,i,a){return{type:"custom",render:({value:c,onChange:s})=>r(m,{label:l(e),icon:r(Ne,{noun:a}),action:r(S,{words:x()?.panel,label:l(e),changed:!No(c),detail:l("the Text style in Site styles"),onReset:()=>s(ko),defaultAction:{onPress:()=>s(Po),title:l("Keep this section's own built-in size"),icon:r(At,{})}}),children:G({min:t,max:n,step:o,value:typeof c=="number"?c:i,suffix:"px",ariaLabel:e,onChange:s})})}}function Ll(){return{_gCellWidth:y("Cell width"),gridSpan:P("Positions",r(Ie,{}),[{label:"Auto",value:""},...Array.from({length:yt},(e,t)=>({label:t===0?"1 position":`${t+1} positions`,value:String(t+1)}))],"")}}function N(){let e=null;try{e=K(t=>t).selectedItem}catch{e=null}return e?.props??{}}function gr({min:e,max:t,step:n,px:o,label:i,onChange:a,desktopKey:c,fallback:s}){const d=N()[c],u=ie(void 0,d,s);return r(T,{children:G({min:e,max:t,step:n,value:ie(o,d,s),readout:!1,ariaLabel:i,notch:u,onChange:a})})}function br({label:e,desktopKey:t,fallback:n,changed:o=!1,onReset:i=()=>{}}){const a=N()[t],c=ie(void 0,a,n);return r(S,{words:x()?.panel,label:l(e),changed:o,detail:l("{value} on desktop",{value:`${c}px`}),onReset:i})}function xr(e){return nt(e.label,{icon:e.icon,min:e.min,max:e.max,step:e.step,unsetLabel:"Follows Desktop",unsetMark:r(br,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:t=>r(gr,{...t,desktopKey:e.desktopKey,fallback:e.fallback})})}function Al(e){return{type:"custom",render:({value:t,onChange:n})=>r(yr,{...e,value:t,onChange:n})}}function Sr({label:e,icon:t,options:n,value:o,resolved:i,restWord:a,onChange:c}){const s=n.some(d=>d.value===o);return r(m,{label:l(e),icon:w(t),action:r(S,{words:x()?.panel,label:l(e),changed:s,detail:l("{value} on desktop",{value:l(a)}),onReset:()=>c(void 0)}),children:ee({options:n,value:s?o:i,onChange:d=>c(d),ariaLabel:e})})}function yr({label:e,icon:t,options:n,desktopKey:o,resolve:i,value:a,onChange:c}){const s=N()[o],d=i(void 0,s),u=n.find(f=>f.value===d)?.label??"";return r(Sr,{label:e,icon:t,options:n,value:a,resolved:d,restWord:u,onChange:c})}const Cr={Top:"Padding top",Bottom:"Padding bottom",Left:"Padding left",Right:"Padding right"},_r={Top:Pe,Bottom:Re,Left:Oe,Right:we},Ir=e=>{const t=_r[e];return r(t,{})};function vl(e={}){const t=e.keys?.top??"sectionPaddingTop",n=e.keys?.bottom??"sectionPaddingBottom",o=e.group!==!1,i=_=>Cr[_],a=_=>M(i("Top"),r(Pe,{}),E.min,E.max,E.step,_,"px"),c=(_,j,O,te=E)=>g("mobile",xr({label:i(_),icon:Ir(_),desktopKey:j,min:te.min,max:te.max,step:te.step,fallback:O})),s=e.top??E.min,d=e.bottom??E.min,u="sectionPaddingLeft",f="sectionPaddingRight",p=e.sideBounds??E,h=e.side??p.min,b=e.sidePhone??h,C=e.phone===!0,R=_=>C?g("desktop",_):_;return F({...o?{_gSpacing:y("Padding")}:{},[t]:R(a(s)),...C?{[v(t)]:c("Top",t,s)}:{},...e.only==="top"?{}:{[n]:R(M(i("Bottom"),r(Re,{}),E.min,E.max,E.step,d,"px")),...C?{[v(n)]:c("Bottom",n,d)}:{}},...e.sides?{[u]:R(M(i("Left"),r(Oe,{}),p.min,p.max,p.step,h,"px")),...C?{[v(u)]:c("Left",u,b,p)}:{},[f]:R(M(i("Right"),r(we,{}),p.min,p.max,p.step,h,"px")),...C?{[v(f)]:c("Right",f,b,p)}:{}}:{}})}const $=["top","right","bottom","left"],Er={top:"sectionPaddingTop",right:"sectionPaddingRight",bottom:"sectionPaddingBottom",left:"sectionPaddingLeft"},ct=e=>typeof e=="number"?e:null;function Tr(e,t,n){const o={};for(const i of $)n[i]!==t[i]&&(o[e[i]]=n[i]??void 0);return o}function Rr({tier:e,o:t}){let n=null;try{n=fe()}catch{n=null}const o=n?.values??{},i=e==="mobile"?t.phoneKeys:t.keys,a=Object.fromEntries($.map(u=>[u,ct(o[i[u]])])),c=Object.fromEntries($.map(u=>[u,String(e==="mobile"?ct(o[t.keys[u]])??t.fallback[u]:t.fallback[u])])),[s,d]=z(()=>hn(a,c));return r(m,{label:l("Padding"),icon:r(Vt,{}),action:r(Fe,{each:s,label:l("Each side"),onChange:d}),children:r(mn,{label:l("Padding"),each:s,value:a,placeholder:c,min:t.min,max:t.max,step:t.step,onChange:u=>{const f=Tr(i,a,u);Object.keys(f).length&&n?.onChangeMany(f)},words:{sides:{top:l("Padding top"),right:l("Padding right"),bottom:l("Padding bottom"),left:l("Padding left")},vertical:l("Top and bottom"),horizontal:l("Left and right"),unit:"px"}})})}function Fl(e={}){const t={...Er,...e.keys},n={keys:t,phoneKeys:Object.fromEntries($.map(s=>[s,v(t[s])])),fallback:{top:0,right:0,bottom:0,left:0,...e.fallback},min:e.min??0,max:e.max??200,step:e.step??4},o=e.phone!==!1,i=s=>{const d={type:"custom",render:()=>r(Rr,{tier:s,o:n})};return o?g(s,d):d},a=()=>q({type:"custom",render:()=>r(re,{})},"always"),c=$.filter(s=>s!=="top");return F({...e.group===!1?{}:{_gSpacing:y("Padding")},[n.keys.top]:i("desktop"),...o?{[n.phoneKeys.top]:i("mobile")}:{},...Object.fromEntries(c.map(s=>[n.keys[s],{...a(),reachedBy:n.keys.top}])),...o?Object.fromEntries(c.map(s=>[n.phoneKeys[s],g("mobile",a())])):{}})}const Or={contained:"Contained",page:"Page",full:"Full"},Q="Width";function Dl(e,t=Lo,n=!0){const o=t.map(i=>({label:Ao[i]??Or[i],value:i}));return F({...n?{_gWidth:y(Q)}:{},widthMode:{type:"custom",render:({onChange:i,field:a})=>r(m,{label:l(Q),icon:r(nn,{}),action:n?r(Wo,{inherited:a?.inherited??!1,onReset:()=>i(vo),label:Q}):void 0,children:ee({options:o,value:a?.currentValue||e,onChange:i,ariaLabel:Q})})}})}function Bl(){const e=o=>({type:"custom",render:({value:i,onChange:a})=>r(m,{label:U,icon:w(r($t,{})),action:o?o(a):void 0,children:ee({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(i)?i:"auto",onChange:a,ariaLabel:U})})}),t=()=>({type:"custom",render:({value:o,onChange:i,field:a})=>{const c=a?.unit==="%"?"%":"px",s=c==="%"?eo:Qn;return r("div",{className:"sf-field",children:G({min:s.min,max:s.max,step:s.step,value:typeof o=="number"?o:s.fallback,suffix:c,ariaLabel:U,onChange:i})})}}),n=()=>ue("Unit",r(Te,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return F({_gHeight:y(U),sectionHeightMode:g("desktop",e()),sectionHeightValue:g("desktop",t()),sectionHeightUnit:g("desktop",n()),sectionHeightModePhone:g("mobile",e(o=>r(wr,{onClear:()=>o(void 0)}))),sectionHeightValuePhone:g("mobile",t()),sectionHeightUnitPhone:g("mobile",n())})}function wr({onClear:e}){const t=N(),n=Yn(t),o=qn(t),i=l("{value} on desktop",{value:o.mode==="auto"?l("Auto"):`${o.value}${o.unit}`});return r(S,{words:x()?.panel,label:l(U),changed:n,detail:i,onReset:e})}function Hl(){const e=n=>({type:"custom",render:({value:o,onChange:i,id:a,name:c})=>r(Pr,{value:o,onChange:i,labelId:`${a??c??"stickTop"}-label`,phone:n})}),t=()=>({type:"custom",render:({value:n,onChange:o})=>r("div",{className:"sf-field",children:G({min:J.min,max:J.max,step:J.step,value:typeof n=="number"?n:J.fallback,suffix:"px",ariaLabel:l("Distance from top"),onChange:o})})});return{_gStick:y(le),stickTop:g("desktop",e(!1)),stickTopDistance:g("desktop",t()),stickTopPhone:g("mobile",e(!0)),stickTopDistancePhone:g("mobile",t())}}function Pr({value:e,onChange:t,labelId:n,phone:o}){const i=N(),a=Zn(i),c=o?a.phone:e===!0;return r(m,{label:l(le),labelId:n,icon:w(r(Zt,{})),action:k(T,{children:[o?r(S,{words:x()?.panel,label:l(le),changed:Jn(i),detail:l("{value} on desktop",{value:a.desktop?`${a.desktopDistance}px`:l("Off")}),onReset:()=>t(void 0)}):null,r(De,{checked:c,onChange:t,ariaLabelledBy:n})]})})}function Gl(){return{_gAnchor:y("Anchor"),anchor:Yo("Anchor name","e.g. about",jo)}}function Ml(e,t,n){return{type:"custom",render:({value:o,onChange:i,id:a,name:c})=>{const s=`${a??c??e}-datetime`,d=Date.parse(typeof o=="string"?o:"");return r(m,{label:l(e),icon:t,htmlFor:s,hint:n===void 0?void 0:l(n),children:r(kn,{id:s,value:Number.isFinite(d)?new Date(d):null,onChange:u=>i(u?u.toISOString():"")})})}}}function L(e,t,n){return{type:"custom",render:({value:o,onChange:i,id:a,name:c})=>{const s=typeof o=="boolean"?o:t,d=`${a??c??e}-label`;return r(m,{label:l(e),labelId:d,icon:n,action:r(De,{checked:s,onChange:i,ariaLabelledBy:d})})}}}function Kl(){return{type:"custom",render:({value:e,onChange:t,id:n,name:o})=>{const i=`${String(n??o??"pageBackground")}-colour`;return r(m,{label:l("Background"),icon:r(ke,{}),htmlFor:i,action:r(Ge,{id:i,label:"Background",value:rn(e),onChange:t})})}}}function Wl(e,t){return{type:"custom",render:({value:n,onChange:o,id:i})=>{const a=typeof n=="boolean"?n:t,c=`${i??e}-checkbox`;return r(m,{label:l(e),htmlFor:c,className:"sf-checkbox",action:r(wn,{id:c,checked:a,onChange:o})})}}}function Ul(e,t){return{type:"custom",render:({value:n,onChange:o})=>r(m,{label:l(e),action:Ge({value:n||t,onChange:o,label:e})})}}const kr=[{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 dt({label:e,value:t,onChange:n,points:o=kr}){const i=o.map(a=>({...a,label:l(a.label),...a.title?{title:l(a.title)}:null}));return r(On,{label:l(e),value:t,points:i,onChange:n})}function Xl(){return q({type:"custom",render:()=>r(re,{})},"always")}const Nr=Ce([]);function $l(e,{stacking:t,fallback:n=Et}){return{type:"custom",render:({value:o,onChange:i})=>{const a=It.includes(o)?o:n;return t?r(Lr,{label:e,value:a,onChange:i}):ut({label:e,value:a,onChange:i,points:Nr})}}}function Lr({label:e,value:t,onChange:n}){const{appState:o,selectedItem:i}=K(s=>s),a=i?.props?.id?String(i.props.id):void 0,c=a?_t(o?.data,a):[];return ut({label:e,value:t,onChange:n,points:Ce(c,a)})}function ut({label:e,value:t,onChange:n,points:o}){const i=o.find(a=>a.disabled);return r(m,{label:l(e),icon:r(qt,{}),hint:i?.title?l(i.title):void 0,children:dt({label:e,value:Tt(t),onChange:n,points:o})})}const jl={top:r(Mt,{}),right:r(Gt,{}),bottom:r(Bt,{}),left:r(Ht,{})};function zl(e,t,n,o,i,a){const c=f=>t.find(p=>p.value===f),s=f=>({value:f,label:"",disabled:!0,title:o}),d=f=>{const p=t.find(b=>b.cell===f);if(!p)return s(`missing-${f}`);const h=a?.[f];return h?{value:p.value,label:p.label,icon:h}:{value:p.value,label:p.label}},u=[s("corner-top-left"),d("top"),s("corner-top-right"),d("left"),s("centre"),d("right"),s("corner-bottom-left"),d("bottom"),s("corner-bottom-right")];return{type:"custom",render:({value:f,onChange:p})=>{const h=t.some(b=>b.value===f)?f:n;return r(m,{label:l(e),icon:i,value:c(h)?.label?l(c(h).label):"",children:dt({label:e,value:h,onChange:p,points:u})})}}}const Ar="\0note";function P(e,t,n,o,i){return{type:"custom",options:n,fallback:o,...i?{note:i}:{},render:({value:a,onChange:c,field:s})=>{const d=s.options??n,u=s.fallback??o,f=d.some(p=>p.value===a)?a:u;return r(m,{label:l(e),icon:w(t),children:r(xn,{value:f,ariaLabel:l(e),onChange:c,options:[...i?[{label:l(i),value:Ar,disabled:!0}]:[],...d.map(p=>({label:l(p.label),value:p.value}))]})})}}}function Vl(e,t,n){return{type:"custom",options:t,render:({value:o,onChange:i,field:a})=>r($n,{label:e,options:(a.options??t).map(c=>({...c,label:l(c.label)})),value:Array.isArray(o)?o:[],onChange:i,...n?{emptyLabel:l(n)}:{}})}}function Yl(e,t,n,o){return{type:"custom",options:t,fallback:n,render:({value:i,onChange:a,field:c})=>r(zn,{label:e,options:(c.options??t).map(s=>({...s,label:l(s.label)})),fallback:c.fallback??n,value:i,onChange:a,placeholder:o===void 0?void 0:l(o)})}}function ql(e,t={}){return{type:"custom",render:({value:n,onChange:o})=>{const i={value:n,onChange:o,...t};return r(e,{...i})}}}function ee({options:e,value:t,onChange:n,ariaLabel:o,disabled:i=!1}){return r(fn,{options:e.map(a=>a.picture?{id:a.value,label:a.picture,title:l(a.title??a.label)}:{id:a.value,label:l(a.label),title:a.title===void 0?void 0:l(a.title)}),value:t,onChange:n,ariaLabel:l(o),disabled:i})}const Jl=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function ue(e,t,n,o){const i=n.map(a=>typeof a=="string"?{label:a,value:a}:a);return{type:"custom",render:({value:a,onChange:c,field:s})=>r(m,{label:l(e),icon:w(t),children:ee({options:i,value:i.some(d=>d.value===a)?a:a||s?.currentValue||o,onChange:c,ariaLabel:e})})}}function Zl(e,t,n,o={}){return{type:"custom",[be]:!0,render:({value:i,onChange:a})=>r(Xn,{value:i||"",onChange:a,label:e,accept:t,placeholder:n,focusKey:o.focus,focusWhen:o.focusWhen})}}const Ql={HeroSingle:["imageFocal"],ContactLocations:["locations[].photo"],ProcessSteps:["steps[].image"]};function ea({value:e,onChange:t,label:n}){const o=e||{},i=!!o.pending,a=i?"var(--fg-dim, #888)":o.ok?"#1d9e75":"#d85a30",c=(s,d)=>t({...o,[s]:d===""?void 0:Number(d)});return k(m,{label:l(n),icon:r(oe,{}),children:[r("button",{type:"button",disabled:i,onClick:()=>t({...o,pending:!0,ok:!1,status:"Finding…"}),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?l("Finding…"):l("Find coordinates")}),o.status&&r("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:a},children:l(o.status)}),r("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:l("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?l("Hide manual coordinates"):l("Enter coordinates manually")}),o.manual&&k("div",{style:{marginTop:8,display:"grid",gap:8},children:[r(m,{label:l("Latitude"),icon:r(oe,{}),children:r("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"34.0990198"}),value:typeof o.lat=="number"?o.lat:"",onChange:s=>c("lat",s.target.value)})}),r(m,{label:l("Longitude"),icon:r(oe,{}),children:r("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"-117.9842833"}),value:typeof o.lng=="number"?o.lng:"",onChange:s=>c("lng",s.target.value)})})]})]})}function vr(e,t){return t===null||t<0||t>=e.length?"":e[t]?.text??""}function Fr(e,t,n){const o=e.map(i=>({text:i?.text??""}));return t===null||t<0||t>=e.length?o:o.map((i,a)=>a===t?{text:n}:i)}function ta(e,t){return e===null?null:t>e?e:null}function Dr(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 na={label:"Ticker items",icon:r(zt,{})};function oa(e,t,n,o){return{type:"custom",[I]:{control:"textList",label:e,placeholder:n,itemKey:"text",rendering:o},render:({value:i,onChange:a})=>r(Br,{label:e,icon:w(t),items:Array.isArray(i)?i:[],placeholder:n,onChange:a,markup:o==="markup"})}}function Br({label:e,icon:t,items:n,placeholder:o,onChange:i,markup:a=!1}){const c=ne(null),[s,d]=z(null),u=p=>p.map(h=>({text:h?.text??""})),f=p=>{const h=Dr(n,p,s);h===null&&(c.current=null),d(h),i(u(p))};return r(Sn,{label:l(e),icon:t,noun:l("item"),items:n,onChange:f,newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:a?r(Me,{target:c,value:vr(n,s),onChange:p=>i(Fr(n,s??-1,p)),disabled:s===null,label:s===null?l("Formatting — click a row first"):l("Formatting — row {n}",{n:s+1})}):void 0,renderRow:(p,h,b)=>r("input",{type:"text",className:a&&s===h?"sf-list-marking":void 0,value:p?.text??"",placeholder:l(o),"aria-label":l("{label} {n}",{label:l(e),n:h+1}),onChange:C=>b({text:C.target.value}),onFocus:C=>{c.current=C.currentTarget,d(h)}})})}function ra(e,t){const n=`${e.label} — row ${t+1}`;return H({control:"plainText",label:n,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:o,onChange:i})=>r(B,{value:o,onChange:i,label:l("{label} — row {n}",{label:l(e.label),n:t+1}),placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function ia(e){return{_gCards:y("Cards"),coverIndex:P("Cover image",r(jt,{}),Kn,String(Wn),e?.coverHint??"A card's opening picture — a card pinned to a finish keeps its own."),imageBackground:tr("Image background",bo),cardImage:Gr(),spinOnHover:L("Rotate on hover",e?.spinDefault??!0,r(Qt,{}))}}function la(){return{outline:P("Card outline",r(en,{}),Hn,Mn),indexBadge:P("Card number",r(Te,{}),Bn,Gn),showBadge:L("Product badge",!0,r(Ne,{noun:"tag"}))}}function aa(e){const t=e&&"bottomDefault"in e?e.bottomDefault:!0,n=e&&"defaults"in e?e.defaults:{showCardSizes:t,showCardBuy:t,showCardPage:t};return{_gShowOnCard:y("Show on a card"),showCardPrice:L("Price",!0,r(Kt,{})),showCardFinishes:L("Finish swatches",!0,r(Wt,{})),showCardSizes:L("Sizes",n.showCardSizes,r(Jt,{})),showCardBuy:L("Buy button",n.showCardBuy,r(vt,{})),showCardPage:L("Page button",n.showCardPage,r(ke,{}))}}function sa(e,t="display"){const n=v(t);return{[t]:g("desktop",{type:"custom",render:({value:o,onChange:i})=>r(pt,{parts:e,changed:Cn(o),shown:a=>_n(o,a),onPress:(a,c)=>i(Tn(o,a,c)),onReset:()=>i(void 0)})}),[n]:g("mobile",{type:"custom",render:({value:o,onChange:i})=>r(Hr,{parts:e,desktopKey:t,value:o,onChange:i})})}}function pt({parts:e,changed:t,shown:n,onPress:o,onReset:i,detail:a}){const c=l("Display");return r(m,{label:c,icon:r(Pt,{}),changed:t,action:r(S,{words:x()?.panel,label:c,changed:t,detail:a,onReset:i}),children:r(yn,{label:c,items:e.map(s=>({id:s.id,label:l(s.label),shown:n(s.id)})),onChange:o})})}function Hr({parts:e,desktopKey:t,value:n,onChange:o}){const i=N()[t];return r(pt,{parts:e,changed:En(n),shown:a=>In(i,n,a),onPress:(a,c)=>o(Rn(n,a,c)),onReset:()=>o(Fn),detail:l("the same as Desktop")})}function Gr(){return nt("Card image",{min:A,max:Se,step:bt,hint:"Rounds the picture. The card's own corner is in Site styles."})}function ca(){return ce({sidesKey:"cornerSides",step:xt,useFollowed:()=>A,mark:r(Mr,{label:St}),hint:l("Rounds the picture. Left alone it stays square.")})}function Mr({label:e,changed:t=!1,onReset:n=()=>{}}){return r(S,{words:x()?.panel,label:l(e),changed:t,onReset:n})}function da(){return{type:"custom",render:({value:e,onChange:t})=>r(Kr,{value:typeof e=="string"?e:"",onChange:t})}}function Kr({value:e,onChange:t}){const[n,o]=z(null),i=ye.filter(c=>n===null||W[c].across===n),a=e&&e in W?W[e]:null;return k(T,{children:[r(m,{label:l("Photos in a row"),icon:r(Ft,{}),children:k("div",{className:"sf-gallery-filter",children:[r("button",{type:"button","aria-pressed":n===null,onClick:()=>o(null),children:l("All")}),Ct.map(c=>r("button",{type:"button","aria-pressed":n===c,onClick:()=>o(c),children:c},c))]})}),r(m,{label:l("Layout"),icon:r(Ut,{}),value:a?l(a.label):l("Not chosen"),hint:l("{n} of {total} layouts",{n:i.length,total:ye.length}),children:r(Be,{className:"sf-gallery-layouts",label:l("Layout"),value:e,onChange:t,onClear:()=>t(""),options:i.map(c=>({value:c,label:l(W[c].label),picture:r("span",{className:"sf-gallery-pic",children:W[c].desktop.map(([s,d],u)=>r("i",{style:{gridColumn:`span ${s}`,gridRow:`span ${d}`}},u))})}))})})]})}export{jo as ANCHOR_HINT,Xo as BOUND_TO_POST,el as BOUND_TO_POST_NOTE,al as BUCKET_ICONS,Ql as CUSTOM_FIELD_MEDIA,ea as CoordsField,jl as EDGE_ARROWS,Nn as FOCAL_DEFAULT,kr as FOCAL_POINTS,V as FOLD_FIELD_MARKER,dt as FocalPicker,er as GroupLabel,$o as HIGHLIGHT_HINT,B as HidableTextField,ge as LINK_FIELD_MARKER,ji as Label,be as MEDIA_FIELD_MARKER,Jl as MEDIA_TYPE_OPTIONS,tl as NOT_BOUND_TO_POST,Zo as PanelNoteLine,yr as PhoneChoiceRow,Sr as PhoneChoiceStrip,ut as PlacementGridView,xe as SCAFFOLD_FIELD_MARKER,ma as SCALAR_TEXT_CONTROLS,it as SECTION_BLEEDS_HINT,Er as SIDE_PAD_KEYS,qo as SectionHeading,ee as Segmented,Ko as SiteGapDefaultReset,G as Slider,tt as Swatches,fa as TEXT_CONTROL_KINDS,I as TEXT_FIELD_MARKER,na as TICKER_ITEMS_ROW,Br as TextListField,Wo as WidthDefaultReset,Dr as aimAfterListChange,Gl as anchorFields,D as backTo,bl as backgroundField,Tl as boxAlignField,wl as boxBlockSpacingField,El as boxJustifyField,Pl as boxPhoneRowField,Ol as boxShareField,Rl as boxWrapField,pl as bucketHeader,fr as cardCornersField,tr as cardImageBackgroundField,Gr as cardImageField,ia as cardMediaFields,Il as cardShapeFields,aa as cardShowFields,la as cardStyleFields,Ll as cellWidthFields,Wl as checkbox,Ul as colorInput,rl as copyText,rt as cornerSidesField,ce as cornersRowField,Ml as dateTime,ml as designGroupHeader,kl as directionField,sa as displayFields,zl as edgePad,sl as entriesHiddenForTab,ta as focusAfterRemove,Xl as focusKeptField,hl as foldMarker,Y as foldMetaOf,Qo as foldTitleOf,da as galleryLayoutField,Sl as gapField,y as group,Bl as heightFields,he as hidableText,Vo as hintIsWhileTyping,w as iconOf,ca as imageCornersField,Qi as inOwnBox,ul as isBucketHeader,fl as isDesignGroupHeader,Ho as isNoGlyph,il as linkField,Vl as multiSelect,Bo as noGlyph,Kl as pageBackgroundField,cl as panelNote,Al as phoneChoiceField,xr as phoneOverrideField,$l as placementField,Yo as plainText,ll as plainTextarea,nt as pxField,gl as quietMarker,me as readHidable,vr as rowText,Yl as searchSelect,dl as section,Cl as sectionAnimationFields,at as sectionBorderField,ir as sectionCornersField,yl as sectionShapeFields,xl as sectionThemeFields,ue as segmented,P as select,Fr as setRowText,Fl as sidesPaddingFields,Tr as sidesPaddingPatch,Nl as sizeField,M as slider,ql as sourceField,vl as spacingFields,Hl as stickFields,_l as templateField,nl as text,mt as textFieldIdentifier,Yi as textFieldOffPage,Ji as textFieldPanelOnly,oa as textList,ra as textListRowField,ol as textarea,L as toggle,Zl as upload,Go as usePageWidthDetail,Mo as useSiteGapDetail,Dl as widthField,Zi as withIdentifier,Vi as withOffPage,qi as withPanelOnly,zi as withScaffold};

package/dist/lib/puck/every-page.js

@@ -1 +0,0 @@
-import{say as e}from"../editor-words.js";import{FOOTER_TYPE as p,HEADER_TYPE as h}from"./footer-blocks.js";import{duplicateBlocked as c}from"../hero-group-placement.js";import{groupDuplicateRefusal as d,SITE_FOOTER_TYPE as l,SITE_HEADER_TYPE as s}from"./section-groups.js";function i(o){switch(o?.type){case s:return e("Header · on every page");case l:return e("Footer · on every page");case h:return e("Header · on every page · old style");case p:return e("Footer · on every page · old style");default:return null}}const E=()=>e("Every page"),T=()=>e("Changed on every page");function v(o,r){const n=c(o,r);if(n)return n;const t=d(o,r);if(!t)return null;const a=t.group===s;return t.why==="type"?a?e("The header cannot take another one of these"):e("The footer cannot take another one of these"):a?e("The header holds at most 3 sections"):e("The footer holds at most 6 sections")}const m=["Header · on every page","Footer · on every page","Header · on every page · old style","Footer · on every page · old style","Every page","Changed on every page","The header cannot take another one of these","The footer cannot take another one of these","The header holds at most 3 sections","The footer holds at most 6 sections"];export{m as EVERY_PAGE_PHRASES,E as everyPageBadge,T as everyPageNotice,i as pinnedGroupTab,v as websiteDuplicateBlocked};

package/dist/lib/puck/general-registry.d.ts

@@ -1,4 +0,0 @@
-import type { Config } from "efficient-easel/blocks";
-export { GENERAL_REGISTRATION_ORDER } from "./general-order.js";
-export declare const generalRegistry: Config;
-export default generalRegistry;

package/dist/lib/puck/general-registry.js

@@ -1 +0,0 @@
-import{jsx as f}from"react/jsx-runtime";import{assembleGeneralBlocks as a}from"./blocks/general/index.js";import{drawPublishedRoot as c}from"./page-frame.js";import{EditorThemedBody as l,suppressPreviewNav as u}from"./page-root.js";import{GENERAL_ROOT_FIELDS as E}from"./page-root-fields.js";import{finishRegistry as R}from"./registry.js";import{GENERAL_REGISTRATION_ORDER as g,generalCategories as h}from"./general-order.js";import{GENERAL_REGISTRATION_ORDER as I}from"./general-order.js";function O(e){const t=Object.fromEntries(Object.entries(e.fields??{}).map(([o,r])=>[o,r&&typeof r=="object"&&r.type==="slot"?{...r}:r]));return{...e,...e.fields?{fields:t}:null}}const N=a(),i={root:{fields:{...E},render:e=>{const{children:t,puck:o,widthMode:r,fullWidth:n,pageWidth:p,pageBackground:s,theme:m,fonts:d}=e;return o?.isEditing?f(l,{propsTheme:m,propsFonts:d,widthMode:r,fullWidth:n,pageWidth:p,pageBackground:typeof s=="string"?s:void 0,suppressPreviewNav:u,children:t}):c(e)}},categories:h(),components:Object.fromEntries(g.map(e=>[e,O(N[e])]))};R(i);var y=i;export{I as GENERAL_REGISTRATION_ORDER,y as default,i as generalRegistry};

package/dist/lib/puck/geocode-resolve.d.ts

@@ -1,14 +0,0 @@
-import { type GeocodeResult } from "../geocode.js";
-import type { GeocodeState } from "../content/contact.js";
-export interface Geocodable {
-    lat: number;
-    lng: number;
-    geocode?: GeocodeState;
-}
-type Geocoder = (query: string) => Promise<GeocodeResult | null>;
-export declare function needsGeocodeWork(rows: readonly Geocodable[]): boolean;
-export declare function resolveGeocodeRows<T extends Geocodable>(rows: readonly T[], toQuery: (row: T) => string, { geocode, courtesyGapMs }?: {
-    geocode?: Geocoder;
-    courtesyGapMs?: number;
-}): Promise<T[]>;
-export {};

package/dist/lib/puck/header-ink.js

@@ -1 +0,0 @@
-import{parseIntroBleedLayout as o}from"../sections/intro-bleed-layout.js";import{leadSection as n,pageLeadsWithFullBleed as a}from"./header-clearance.js";const E="data-lead-ink",c="data-header-ink",I=["auto","light","dark"],l="auto",_=!0;function u(t){return t.type==="IntroBleed"?o(t.props?.layout)!=="stacked":!0}function d(t){const e=n(t);return e&&a(t)&&u(e)?"light":null}function s(t){return t==="light"||t==="dark"?t:l}function A(t,e){const r=s(t);return r==="auto"?d(e):r}export{l as DEFAULT_HEADER_INK,_ as DEFAULT_TRANSPARENT_TOP,E as HEADER_INK_ATTR,I as HEADER_INK_MODES,c as HEADER_INK_OVERRIDE_ATTR,d as leadSectionInk,A as resolveHeaderInk,s as resolveHeaderInkMode};

package/dist/lib/puck/hero-media-parts.js

@@ -1 +0,0 @@
-import{withShowWhen as s}from"./show-when.js";import{heroPictureCount as c}from"../hero-media-layout.js";const f=["media","image","image2"],u={media:"Media",image:"Image",image2:"Image 2"},P={media:"heroMedia",image:"heroImage",image2:"heroImage2"};function l(e,t){return e==="image"&&c(t)>1?"Image 1":u[e]}const I="Video file",O="Upload a video file";function d(e,t){return{field:"mediaType",is:e,default:t}}const g=new Set(["HeroSingle"]),m="heroPart";function h(e,t){return{...t,[m]:e}}function R(e,{parts:t={},onlyFor:i,fallback:p,rules:a}){const n={...e};for(const r of["image","video"])for(const o of i[r])n[o]=s(n[o],d(r,p));for(const[r,o]of Object.entries(a??{}))o&&(n[r]=s(n[r],o));for(const r of f)for(const o of t[r]??[])n[o]=h(r,n[o]);return n}function E(e){const t=e?.[m];return f.includes(t)?t:null}function T(e,t){const i={};for(const[p,a]of Object.entries(e))E(a)===t&&(i[p]=a);return i}function A(e){if(!g.has(e.type))return[];const t=[{part:"media",label:u.media,depth:0}];return(e.props.mediaType??"image")!=="video"&&(t.push({part:"image",label:l("image",e.props),depth:1}),c(e.props)>1&&t.push({part:"image2",label:l("image2",e.props),depth:1})),t}function M(e,t){return`${e}::${t}`}function y(e){if(!e)return null;const t=e.lastIndexOf("::");if(t<=0)return null;const i=e.slice(t+2);return f.includes(i)?{nodeId:e.slice(0,t),part:i}:null}const H="data-sf-hero-part";export{f as HERO_MEDIA_PARTS,u as HERO_MEDIA_PART_LABELS,g as HERO_MEDIA_PART_TYPES,H as HERO_PART_ATTR,P as HERO_PART_MODE,I as VIDEO_FILE_LABEL,O as VIDEO_FILE_PROMPT,E as fieldPartOf,T as fieldsOfPart,d as forMediaType,R as heroMediaFields,A as heroMediaRows,M as heroPartId,l as heroPartLabel,h as inPart,y as readHeroPartId};

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

@@ -1 +0,0 @@
-import{lockedWhileHeld as e}from"../pinned-chrome-doc.js";import{pinnedChromeHeldElsewhere as t}from"../pinned-chrome-lock.js";const r=new Set(["BookingBox","SubmitBox"]);function i(o){return typeof o=="string"&&r.has(o)}const s=e(i,t);export{r as LOCKED_BLOCK_TYPES,i as isLockedBlock,s as websiteIsLockedBlock};

package/dist/lib/puck/mockup-variant-fields.d.ts

@@ -1,10 +0,0 @@
-import type { MockupVariant } from "../../components/MockupSection.js";
-export declare const MOCKUP_VARIANT_OPTIONS: readonly {
-    label: string;
-    value: MockupVariant;
-}[];
-export declare const MOCKUP_VARIANTS: readonly MockupVariant[];
-export declare const MOCKUP_DEFAULT_VARIANT: MockupVariant;
-export declare const MOCKUP_VARIANT_FIELDS: Readonly<Record<string, readonly MockupVariant[]>>;
-export declare function mockupVariantOf(value: unknown): MockupVariant;
-export declare function withMockupVariantRules<T extends Record<string, unknown>>(fields: T): T;

package/dist/lib/puck/overrides.js

@@ -1 +0,0 @@
-"use client";import{Fragment as f,jsx as m,jsxs as S}from"react/jsx-runtime";import{useMemo as h,useRef as y}from"react";import{EaselCanvas as C,useEaselApi as P}from"efficient-easel/easel";import T from"../../components/PreviewThemeFrame.js";import{OpenDocumentChromeLoadNotice as w}from"../../components/PinnedChromeLoadNotice.js";import{usePreviewParts as v}from"efficient-easel/draw/client";import{partElement as A,partTypingTarget as F,setCanvasTypingPart as I}from"./canvas-typing.js";import{partThemeColors as x,readInks as D}from"./part-inks.js";import{partOpenOn as O,PART_ATTR as u}from"./text-parts.js";import{useSectionOps as j}from"./use-section-ops.js";import{useBlockMetadata as E}from"../editor-block-metadata.js";import{useEditorCanvasStyles as _}from"../editor-canvas-styles.js";function b({children:n,componentId:o}){const{selectedPartId:a}=v();return O(a,o)?m(f,{}):m(f,{children:n})}function K(n){const{mirrorHostStyles:o}=_(),a=E(),l=y(null),s=B(l),{onDocument:p}=n,c=e=>{l.current=e,p?.(e)};return S(f,{children:[m(w,{}),m(C,{...n,onDocument:c,typing:s,metadata:n.metadata??a,height:"fill",mirrorStyles:o,frameWrapper:T,overlay:b})]})}function B(n){const o=P(),a=j(),l=v(),s=y({ops:a,parts:l});return s.current={ops:a,parts:l},h(()=>{const p={getItemById:e=>o.getState().getItemById(e),getSelectorForId:e=>o.getState().getSelectorForId(e),get components(){return o.getState().config.components},replace:(e,t,r)=>s.current.ops.replaceComponent(e,t,r)},c=(e,t)=>{const r=F(e,p);if(!r)return null;let i=t;const d=()=>(i=A(i,i?.ownerDocument??n.current,e),i),g=d();return g?{element:d,value:r.value,rules:r.rules,multiline:r.multiline,write:r.write,toolbar:{offered:r.offered,colors:r.offered.length>0?x(D(g)):void 0}}:null};return{at:e=>{const t=e.closest(`[${u}]`),r=t?.getAttribute(u);return t&&r?c(r,t):null},atSelection:()=>{const e=s.current.parts.selectedPartId;return e?c(e,null):null},onChange:e=>{if(!e.typing){I(null);return}const t=e.element.closest(`[${u}]`)?.getAttribute(u)??null;I(t),t&&s.current.parts.selectedPartId!==t&&s.current.parts.select(t)}}},[o,n])}export{K as SiteCanvas};

package/dist/lib/puck/page-frame.js

@@ -1 +0,0 @@
-import{jsx as n}from"react/jsx-runtime";import{pageBackgroundVars as d}from"../content/page-background.js";import{SITE_WIDTH_CAP as s}from"../content/page-width.js";function l(e){return{frameClass:void 0,style:{"--sf-page-width":s}}}function c({w:e,children:r}){const{frameClass:t,style:i}=l(e);return n("div",{className:t,style:i,children:r})}function p({pageBackground:e,inheritBackground:r=!1,w:t,children:i}){return n("div",{style:{...r?{}:d(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:n(c,{w:t,children:i})})}function h(e){const{children:r,widthMode:t,fullWidth:i,pageWidth:o,pageBackground:a}=e;return n(p,{pageBackground:a,w:{widthMode:t,fullWidth:i,pageWidth:o},children:r})}export{c as PageWidthWrapper,p as PublishedPageFrame,h as drawPublishedRoot,l as pageWidthTokens};

package/dist/lib/puck/page-render.js

@@ -1 +0,0 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{Render as m}from"efficient-easel/render";import{capHeroGroups as t}from"./cap-hero-groups.js";import{oneH1 as a}from"./one-h1.js";import{migrateLegacyPageData as i}from"./migrate-legacy.js";import{migrateRenamedProps as p}from"./renamed-props.js";function f({config:r,data:o}){return e(m,{config:r,data:a(t(p(i(o))))})}export{f as default};

package/dist/lib/puck/page-root-fields.js

@@ -1 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{ListIcon as w,PaddingTopIcon as R}from"efficient-easel/icons";import T from"../../components/WidthFollowField.js";import{say as c}from"../editor-words.js";import{PRODUCT_RECORD_TYPE as f,TEMPLATE_RECORD_TYPE_PROP as a,declaredRecordType as h,recordTypes as l,recordTypesRevision as p}from"../content/record-types.js";import{pageBackgroundField as E,select as u}from"./controls.js";import{isEditorOnDynamicPage as g}from"./editor-page-context.js";import{DEFAULT_TOP_SPACE as P}from"./header-clearance.js";function _(){return{type:"custom",render:({value:e,onChange:n})=>i(T,{value:e==="full"?"full":e==="content"?"content":void 0,resolved:"content",followsLabel:c("Follows the site"),hint:c("Whether this page sits on the site's content column, or runs edge to edge."),onChange:o=>n(o)})}}const y=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],S={pageBackground:E(),topSpace:u("Top space",i(R,{}),y,P),widthChoice:_()},O="Record type",s=new Map;let d=-1;function v(e){d!==p()&&(s.clear(),d=p());const n=l(),o=n.some(r=>r.key===e)?"":e;let t=s.get(o);return t||(t=u(O,i(w,{}),[...n.map(r=>({label:r.label,value:r.key})),...o?[{label:o,value:o}]:[]],f),s.set(o,t)),t}const m=new WeakMap;function I(e,n){if(!g()||l().length<2||a in e)return e;const o=v(h(n)),t=m.get(e);if(t&&t.row===o)return t.fields;const r={[a]:o,...e};return m.set(e,{row:o,fields:r}),r}export{S as GENERAL_ROOT_FIELDS,O as RECORD_TYPE_LABEL,y as TOP_SPACE_OPTIONS,_ as pageWidthField,I as withRecordTypeRow};

package/dist/lib/puck/page-root.d.ts

@@ -1,30 +0,0 @@
-import type { CSSProperties, ReactNode, MouseEvent } from "react";
-import type { WidthMode } from "../content/section-width.js";
-import { type ThemeValue, type HeadingTypographyValue } from "../theme.js";
-import { type FontsValue } from "../fonts.js";
-export { PageWidthWrapper, PublishedPageFrame, pageWidthTokens } from "./page-frame.js";
-export declare const SECTION_PREVIEW_CANVAS = "color-mix(in oklab, var(--bg) 40%, #ffffff)";
-export declare const SECTION_PREVIEW_CANVAS_TAIL = "12vh";
-export declare function EditorPageBody({ style, frameClass, children, }: {
-    style: CSSProperties;
-    frameClass?: string;
-    children?: ReactNode;
-}): import("react").JSX.Element;
-export declare function EditorThemedBody({ propsTheme, propsFonts, propsCornerStyle, propsCornerRadiusPx, propsHeadingCompression, propsHeadingTypography, widthMode, fullWidth, pageWidth, pageBackground, chromeInheritsSiteBackground, suppressPreviewNav, footer, overlay, children, }: {
-    propsTheme?: ThemeValue;
-    propsFonts?: FontsValue;
-    propsCornerStyle?: string;
-    propsCornerRadiusPx?: number | null;
-    propsHeadingCompression?: string;
-    propsHeadingTypography?: HeadingTypographyValue;
-    widthMode?: WidthMode;
-    fullWidth?: boolean;
-    pageWidth?: number;
-    suppressPreviewNav?: (e: MouseEvent<HTMLDivElement>) => void;
-    footer?: ReactNode;
-    pageBackground?: string;
-    chromeInheritsSiteBackground?: boolean;
-    overlay?: ReactNode;
-    children?: ReactNode;
-}): import("react").JSX.Element;
-export declare const suppressPreviewNav: (e: MouseEvent<HTMLDivElement>) => void;