efficient-web-builder 40.1.1 → 41.1.0

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

@@ -1,438 +1 @@
-import { type ReactElement, type ReactNode } from "react";
-import type { MediaValue } from "../../../format/lib/media-value.js";
-import { readHidable, hidableText, type HidableValue } from "efficient-easel/draw";
-import { FOLD_FIELD_MARKER, LINK_FIELD_MARKER, MEDIA_FIELD_MARKER, SCAFFOLD_FIELD_MARKER, TEXT_FIELD_MARKER, foldMetaOf, textFieldIdentifier, type EdgeCell, type FoldFieldMeta, type TextFieldMeta, type TextListRendering } from "efficient-easel/draw";
-import type { ShowWhenRule } from "../../../render/lib/puck/show-when.js";
-import { type HeroGroupPlacement } from "../../../format/lib/hero-group-placement.js";
-import { type SettingsSidesValue, type SettingsBorderValue } from "efficient-easel/panel";
-import { type AlignmentPoint, FOCAL_DEFAULT, type PositionValue } from "efficient-shell/ui";
-import type { GeocodeState } from "../../../format/lib/content/contact.js";
-import { type DirectionContainer } from "../../../format/lib/content/container-direction.js";
-import { GAP_FIELD_CONTAINER, type GapContainer } from "../../../format/lib/content/container-gap.js";
-import { type SectionBackground } from "../../../format/lib/content/section-background.js";
-import { type TypeRole, type TypeSizeValue } from "../../../format/lib/content/section-type-size.js";
-import { type WidthMode } from "../../../format/lib/content/section-width.js";
-import type { Bucket, DesignGroup } from "./field-groups.js";
-export declare function sharedStyleKinds<T extends Record<string, unknown>>(fields: T): T;
-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 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 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 PanelBand({ title, children }: {
-    title: string;
-    children: ReactNode;
-}): import("react").JSX.Element;
-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 useSelectedSibling(key: string): [unknown, (next: unknown) => void];
-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 useSelectedProps(): 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>>;
-type PositionKeys = {
-    x: string;
-    y: string;
-};
-export declare function positionPatch(keys: PositionKeys, before: PositionValue, next: PositionValue): Record<string, number | undefined>;
-export type PositionOptions = {
-    keys: PositionKeys;
-    min: number;
-    max: number;
-    step?: number;
-    label?: string | null;
-};
-export declare function positionFields(o: PositionOptions): Record<string, 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 type FollowsSiteButton = {
-    follows: "fill" | "ink";
-};
-export declare const FOLLOWS_SITE_BUTTON: FollowsSiteButton;
-export declare const FOLLOWS_SITE_BUTTON_INK: FollowsSiteButton;
-export declare function colorInput(label: string, fallback: string | FollowsSiteButton, icon?: ReactElement): 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<MediaValue>;
-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>;
+export * from "../document/controls.d.ts";

package/dist/editor/lib/puck/controls.js

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

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

@@ -1 +1 @@
-export declare function enclosingSectionProps(data: unknown, id: string): Record<string, unknown> | null;
+export * from "../document/enclosing-section.d.ts";

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

@@ -1 +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};
+export*from"../document/enclosing-section.js";

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

@@ -1,7 +1 @@
-export declare function pinnedReach(node: {
-    type?: string;
-}): string | null;
-export declare const noOwnTab: () => string | null;
-export declare const everyPageNotice: () => string;
-export declare function websiteDuplicateBlocked(data: unknown, item: unknown): string | null;
-export declare const EVERY_PAGE_PHRASES: readonly string[];
+export * from "../document/every-page.d.ts";

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

@@ -1 +1 @@
-import{say as e}from"../../../format/lib/editor-words.js";import{FOOTER_TYPE as h,HEADER_TYPE as c}from"./footer-blocks.js";import{duplicateBlocked as p}from"../../../format/lib/hero-group-placement.js";import{groupDuplicateRefusal as l,SITE_FOOTER_TYPE as f,SITE_HEADER_TYPE as s}from"../../../format/lib/puck/section-groups.js";function E(o){switch(o?.type){case s:case f:return e("On every page");case c:case h:return e("On every page · old style");default:return null}}const y=()=>null,g=()=>e("Changed on every page");function m(o,n){const r=p(o,n);if(r)return r;const t=l(o,n);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 O=["On every page","On every page · old style","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{O as EVERY_PAGE_PHRASES,g as everyPageNotice,y as noOwnTab,E as pinnedReach,m as websiteDuplicateBlocked};
+export*from"../document/every-page.js";

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

@@ -1,34 +1 @@
-import { DESIGN_GROUPS, type DesignGroup } from "efficient-easel/panel";
-import { BUCKET_KEY, DESIGN_GROUP_KEY, type Bucket } from "efficient-easel/screen/lib/puck/field-buckets";
-export declare const BUCKETS: readonly ["Design", "Animation"];
-export type { Bucket };
-export { DESIGN_GROUPS };
-export type { DesignGroup };
-export type Place = DesignGroup | "Animation";
-export declare function bucketOfPlace(place: Place): Bucket;
-export { BUCKET_KEY, DESIGN_GROUP_KEY };
-export declare const EDITOR_ONLY_GROUP = "Editor only \u2014 not shown live";
-export declare const LABEL_GROUP: Readonly<Record<string, Place>>;
-export declare const KEY_GROUP: Readonly<Record<string, Place>>;
-export declare const BLOCK_KEY_GROUP: Readonly<Record<string, Place>>;
-export declare function placeOf(where: string, key: string, label: string): Place | undefined;
-export declare function bucketOf(where: string, key: string, label: string): Bucket | undefined;
-export declare function headerKeysOfPlace(place: Place): string[];
-export declare function headerKeysOf(...builders: Record<string, unknown>[]): string[];
-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 RETIRED: Readonly<Record<string, string>>;
-export declare const PLACE_WORDS: Readonly<Record<Place, readonly string[]>>;
-export declare const INJECTED_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 seatDesignBucket<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;
+export * from "../document/field-groups.d.ts";