@pantheon-systems/puck-css 0.4.0

package/dist/editor/components/VersionBannerOverride.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@pantheon-systems/pds-toolkit-react';
+import { useP1Puck } from '../../core/P1PuckContext.js';
+import { WarningTriangleIcon } from '../icons/WarningTriangleIcon.js';
+export function VersionBannerOverride({ children, versions, selectedVersionId, onVersionSelect, }) {
+    const p1Context = useP1Puck();
+    const isViewingOld = !!selectedVersionId && versions.length > 0 && selectedVersionId !== versions[0]?.id;
+    const hasDocument = p1Context.currentDocument !== null;
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [isViewingOld && (_jsxs("div", { className: "pds-section-message pds-section-message--warning", role: "status", style: { borderRadius: 0, flexShrink: 0 }, children: [_jsxs("div", { className: "pds-section-message__content", children: [_jsx("div", { className: "pds-section-message__icon", children: _jsx(WarningTriangleIcon, {}) }), _jsx("div", { className: "pds-section-message__text", children: _jsx("div", { className: "pds-section-message__message", children: _jsx("p", { children: "Viewing a previous version" }) }) })] }), _jsx("div", { className: "pds-section-message__actions", children: _jsx("button", { type: "button", className: "pds-button pds-button--sm pds-button--secondary pds-section-message__cta", onClick: () => versions[0] && onVersionSelect?.(versions[0]), children: "Return to current" }) })] })), _jsxs("div", { style: { flex: 1, minHeight: 0, position: 'relative' }, children: [children, !hasDocument && (_jsxs("div", { style: {
+                            position: 'absolute',
+                            inset: 0,
+                            zIndex: 10,
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            gap: '1rem',
+                            color: 'var(--pds-color-text-subtle)',
+                            backgroundColor: 'white',
+                        }, children: [_jsx(Icon, { iconName: "userAstronaut", iconSize: '3xl', "aria-hidden": "true" }), _jsx("p", { style: { margin: 0, fontFamily: 'Poppins, sans-serif', fontSize: '1rem' }, children: "Choose a page from the menu above" })] }))] })] }));
+}
+//# sourceMappingURL=VersionBannerOverride.js.map

package/dist/editor/components/VersionBannerOverride.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionBannerOverride.js","sourceRoot":"","sources":["../../../src/editor/components/VersionBannerOverride.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAStE,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,eAAe,GACY;IAC3B,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,CAAC,CAAC,iBAAiB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACzG,MAAM,WAAW,GAAG,SAAS,CAAC,eAAe,KAAK,IAAI,CAAC;IAEvD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aACrE,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,kDAAkD,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aACvH,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,mBAAmB,KAAG,GACnB,EACN,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,qDAAiC,GAC7B,GACF,IACF,EACN,cAAK,SAAS,EAAC,8BAA8B,YAC3C,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0EAA0E,EACpF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,kCAGrD,GACL,IACF,CACP,EAKD,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,aACxD,QAAQ,EACR,CAAC,WAAW,IAAI,CACf,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,EAAE;4BACV,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE,QAAQ;4BACvB,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,GAAG,EAAE,MAAM;4BACX,KAAK,EAAE,8BAA8B;4BACrC,eAAe,EAAE,OAAO;yBACzB,aAED,KAAC,IAAI,IAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ,EAAE,KAAc,iBAAc,MAAM,GAAG,EAC9E,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE,kDAExE,IACA,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/connectable.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentType } from "react";
+export type ConnectableItem = Record<string, unknown>;
+export type ConnectedItem = ConnectableItem & {
+    _title: string;
+    _href?: string;
+    _index: number;
+};
+type ConnectableInputProps = {
+    items?: unknown;
+    itemTitleTemplate?: string;
+    itemUrlTemplate?: string;
+    min?: number;
+    max?: number;
+};
+/** Interpolate `{{ item.field }}` and `{{ index }}` placeholders in a template string. */
+export declare function renderItemTemplate(template: string, item: ConnectableItem, index: number): string;
+/** HOC that wraps a component expecting `ConnectedItem[]` with datasource template resolution. */
+export declare function Connectable<TBaseProps extends {
+    items: ConnectedItem[];
+}>(Base: ComponentType<TBaseProps>): (props: Omit<TBaseProps, "items"> & ConnectableInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=connectable.d.ts.map

package/dist/editor/components/connectable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectable.d.ts","sourceRoot":"","sources":["../../../src/editor/components/connectable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAcF,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,MAAM,GACZ,MAAM,CAiBR;AAyDD,kGAAkG;AAClG,wBAAgB,WAAW,CAAC,UAAU,SAAS;IAAE,KAAK,EAAE,aAAa,EAAE,CAAA;CAAE,EACvE,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,IAIM,wDAAY,6CAalD"}

package/dist/editor/components/connectable.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Walk a dotted path (e.g. "address.city") into a datasource row object. */
+function getItemPath(item, path) {
+    if (!path)
+        return undefined;
+    const parts = path.split(".");
+    let cur = item;
+    for (const part of parts) {
+        if (!cur || typeof cur !== "object" || Array.isArray(cur))
+            return undefined;
+        cur = cur[part];
+    }
+    return cur;
+}
+/** Interpolate `{{ item.field }}` and `{{ index }}` placeholders in a template string. */
+export function renderItemTemplate(template, item, index) {
+    return template.replace(/\{\{([^{}]+)\}\}/g, (_m, rawInner) => {
+        const inner = rawInner.trim();
+        if (inner === "index")
+            return String(index);
+        if (inner === "item")
+            return "";
+        if (inner.startsWith("item.")) {
+            const value = getItemPath(item, inner.slice("item.".length));
+            if (typeof value === "string" ||
+                typeof value === "number" ||
+                typeof value === "boolean") {
+                return String(value);
+            }
+        }
+        return "";
+    });
+}
+/** Render a URL template and return it only if it looks like a safe href (relative or http). */
+function toSafeHref(template, item, index) {
+    const localRendered = renderItemTemplate(template, item, index);
+    const id = String(item.id ?? "");
+    const name = String(item.name ?? "");
+    const out = localRendered
+        .replace(/\{id\}/g, encodeURIComponent(id))
+        .replace(/\{name\}/g, encodeURIComponent(name));
+    if (!out.trim())
+        return undefined;
+    if (out.startsWith("/") ||
+        out.startsWith("./") ||
+        /^https?:\/\//i.test(out)) {
+        return out;
+    }
+    return undefined;
+}
+/** Slice raw items to [min, max], resolve title/href templates, and produce ConnectedItem[]. */
+function normalizeConnectedItems(items, itemTitleTemplate, itemUrlTemplate, min, max) {
+    const raw = Array.isArray(items) ? items : [];
+    const minItems = Number.isFinite(min) ? Math.max(0, Math.trunc(min)) : 0;
+    const maxItems = Number.isFinite(max)
+        ? Math.max(0, Math.trunc(max))
+        : raw.length;
+    const upper = Math.max(minItems, maxItems);
+    return raw.slice(0, upper).map((row, index) => {
+        const item = row && typeof row === "object" && !Array.isArray(row)
+            ? row
+            : {};
+        const title = renderItemTemplate(itemTitleTemplate, item, index).trim();
+        const fallbackName = String(item.name ?? "").trim();
+        const fallbackId = String(item.id ?? "").trim();
+        return {
+            ...item,
+            _index: index,
+            _title: title || fallbackName || (fallbackId ? `Item #${fallbackId}` : "Item"),
+            _href: toSafeHref(itemUrlTemplate, item, index),
+        };
+    });
+}
+/** HOC that wraps a component expecting `ConnectedItem[]` with datasource template resolution. */
+export function Connectable(Base) {
+    return function ConnectableComponent(props) {
+        const itemsInput = props.items;
+        const titleTemplate = (props.itemTitleTemplate || "{{ item.name }}").trim();
+        const urlTemplate = (props.itemUrlTemplate || "").trim();
+        const items = normalizeConnectedItems(itemsInput, titleTemplate, urlTemplate, props.min ?? 0, props.max ?? Number.MAX_SAFE_INTEGER);
+        return _jsx(Base, { ...{ ...props, items } });
+    };
+}
+//# sourceMappingURL=connectable.js.map

package/dist/editor/components/connectable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectable.js","sourceRoot":"","sources":["../../../src/editor/components/connectable.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/merge-preview/MergePreviewPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DocumentDiffSummary } from '../../../versioning/utils/branchDiff.js';
+export interface MergePreviewPanelProps {
+    documents: DocumentDiffSummary[];
+    sourceBranchName: string;
+    targetBranchName: string;
+    config: any;
+    onDocumentSelect?: (documentId: string) => void;
+    /** Hide the internal "Merge preview" title and branch info (for use in a host with its own header). */
+    hideHeader?: boolean;
+}
+export declare function MergePreviewPanel({ documents, sourceBranchName, targetBranchName, config, onDocumentSelect, hideHeader, }: MergePreviewPanelProps): React.ReactElement;
+//# sourceMappingURL=MergePreviewPanel.d.ts.map

package/dist/editor/components/merge-preview/MergePreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergePreviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/MergePreviewPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAOnF,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,MAAM,EAAE,GAAG,CAAC;IACZ,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,UAAkB,GACnB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA2G7C"}

package/dist/editor/components/merge-preview/MergePreviewPanel.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from 'react';
+import { IconButton } from '@pantheon-systems/pds-toolkit-react';
+import { createBranchDocumentComparison, isPuckData, EMPTY_PUCK_DATA } from '../../../versioning/utils/branchDiff.js';
+import { ViewModeSelector } from './ViewModeSelector.js';
+import { MergePreviewRenderer } from './MergePreviewRenderer.js';
+export function MergePreviewPanel({ documents, sourceBranchName, targetBranchName, config, onDocumentSelect, hideHeader = false, }) {
+    const [selectedDocumentId, setSelectedDocumentId] = useState(null);
+    const [viewMode, setViewMode] = useState('side-by-side');
+    const handleDocumentClick = useCallback((documentId) => {
+        setSelectedDocumentId((prev) => {
+            const next = prev === documentId ? null : documentId;
+            if (next !== null)
+                onDocumentSelect?.(documentId);
+            return next;
+        });
+    }, [onDocumentSelect]);
+    const handleClose = useCallback(() => {
+        setSelectedDocumentId(null);
+    }, []);
+    const selectedDocument = useMemo(() => documents.find((doc) => doc.documentId === selectedDocumentId) ?? null, [documents, selectedDocumentId]);
+    const comparison = useMemo(() => {
+        if (!selectedDocument)
+            return null;
+        return createBranchDocumentComparison(selectedDocument.documentId, selectedDocument.documentPath, selectedDocument.sourceSnapshot, selectedDocument.targetSnapshot);
+    }, [selectedDocument]);
+    return (_jsxs("div", { className: "merge-preview-panel", children: [!hideHeader && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "merge-preview-panel__title", children: "Merge preview" }), _jsxs("div", { className: "merge-preview-panel__branch-info", children: [_jsx("span", { className: "merge-preview-panel__branch", children: sourceBranchName }), _jsx("span", { className: "merge-preview-panel__arrow", children: '\u2192' }), _jsx("span", { className: "merge-preview-panel__branch", children: targetBranchName })] })] })), documents.length === 0 ? (_jsx("div", { className: "merge-preview-panel__empty", children: "No documents" })) : (_jsx("ul", { className: "merge-preview-panel__document-list", children: documents.map((doc) => {
+                    const isExpanded = selectedDocumentId === doc.documentId;
+                    return (_jsxs("li", { className: "merge-preview-document", children: [_jsx("button", { type: "button", className: `merge-preview-document__row ${isExpanded ? 'merge-preview-document__row--expanded' : ''}`, onClick: () => handleDocumentClick(doc.documentId), children: _jsx("span", { className: "merge-preview-document__path", children: doc.documentPath }) }), isExpanded && comparison && (_jsxs("div", { className: "merge-preview-document__detail", children: [_jsxs("div", { className: "merge-preview-document__detail-header", children: [_jsx("span", { className: "merge-preview-document__detail-path", children: doc.documentPath }), _jsx(IconButton, { ariaLabel: "Close preview", iconName: "xmark", size: "s", hasTooltip: false, hasBorder: false, onClick: handleClose })] }), _jsxs("div", { className: "merge-preview-document__detail-body", children: [_jsx(ViewModeSelector, { viewMode: viewMode, onViewModeChange: setViewMode }), _jsx(MergePreviewRenderer, { sourceData: selectedDocument && isPuckData(selectedDocument.sourceSnapshot) ? selectedDocument.sourceSnapshot : EMPTY_PUCK_DATA, targetData: selectedDocument && isPuckData(selectedDocument.targetSnapshot) ? selectedDocument.targetSnapshot : EMPTY_PUCK_DATA, diffs: comparison.diffs, config: config, viewMode: viewMode, sourceBranchName: sourceBranchName, targetBranchName: targetBranchName })] })] }))] }, doc.documentId));
+                }) }))] }));
+}
+//# sourceMappingURL=MergePreviewPanel.js.map

package/dist/editor/components/merge-preview/MergePreviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergePreviewPanel.js","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/MergePreviewPanel.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/merge-preview/MergePreviewRenderer.d.ts

@@ -0,0 +1,58 @@
+/**
+ * MergePreviewRenderer Component
+ *
+ * Renders diff-highlighted content in side-by-side, overlay, or slider mode.
+ * Uses Puck's Render component with highlighted configs for visual comparison.
+ *
+ * All visual styling uses inline React styles. BEM class names are retained
+ * as secondary identifiers for DOM querying and test assertions.
+ */
+import React from 'react';
+import type { PuckData } from '@pantheon-systems/css-client';
+import type { ComponentDiffWithPosition } from '../../../core/types.js';
+import type { ViewMode } from './ViewModeSelector.js';
+/**
+ * Props for the MergePreviewRenderer component.
+ */
+export interface MergePreviewRendererProps {
+    /** Puck data from the source branch. */
+    sourceData: PuckData;
+    /** Puck data from the target branch. */
+    targetData: PuckData;
+    /** Component-level diffs with position information. */
+    diffs: ComponentDiffWithPosition[];
+    /** Puck configuration for rendering components. */
+    config: any;
+    /** The current view mode. */
+    viewMode: ViewMode;
+    /** Name of the source branch. */
+    sourceBranchName: string;
+    /** Name of the target branch. */
+    targetBranchName: string;
+}
+/**
+ * Renders diff-highlighted content in the selected view mode.
+ *
+ * Supports three modes:
+ * - **side-by-side**: Two panels showing source and target with diff highlights
+ * - **overlay**: Layered view of both versions
+ * - **slider**: Range slider to blend between source and target
+ *
+ * @param props - {@link MergePreviewRendererProps}
+ * @returns A React element rendering the diff-highlighted comparison in the chosen view mode.
+ *
+ * @example
+ * ```tsx
+ * <MergePreviewRenderer
+ *   sourceData={sourceData}
+ *   targetData={targetData}
+ *   diffs={diffs}
+ *   config={puckConfig}
+ *   viewMode="side-by-side"
+ *   sourceBranchName="feature"
+ *   targetBranchName="main"
+ * />
+ * ```
+ */
+export declare function MergePreviewRenderer({ sourceData, targetData, diffs, config, viewMode, sourceBranchName, targetBranchName, }: MergePreviewRendererProps): React.ReactElement;
+//# sourceMappingURL=MergePreviewRenderer.d.ts.map

package/dist/editor/components/merge-preview/MergePreviewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/MergePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,UAAU,EAAE,QAAQ,CAAC;IAErB,wCAAwC;IACxC,UAAU,EAAE,QAAQ,CAAC;IAErB,uDAAuD;IACvD,KAAK,EAAE,yBAAyB,EAAE,CAAC;IAEnC,mDAAmD;IAEnD,MAAM,EAAE,GAAG,CAAC;IAEZ,6BAA6B;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,iCAAiC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IAEzB,iCAAiC;IACjC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAkOD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CA2DhD"}

package/dist/editor/components/merge-preview/MergePreviewRenderer.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MergePreviewRenderer Component
+ *
+ * Renders diff-highlighted content in side-by-side, overlay, or slider mode.
+ * Uses Puck's Render component with highlighted configs for visual comparison.
+ *
+ * All visual styling uses inline React styles. BEM class names are retained
+ * as secondary identifiers for DOM querying and test assertions.
+ */
+import { useMemo, useState } from 'react';
+import { Render } from '@puckeditor/core';
+import { createDiffMap, createHighlightedConfig } from '../../../versioning/utils/highlightConfig.js';
+import { ScaledContent } from './ScaledContent.js';
+// =============================================================================
+// Inline Style Constants (dynamic values only)
+// =============================================================================
+const overlayTargetLayerStyle = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+};
+// =============================================================================
+// Helpers
+// =============================================================================
+/**
+ * Counts diffs by type, returning only non-unchanged counts.
+ */
+function countChanges(diffs) {
+    const counts = { added: 0, removed: 0, modified: 0 };
+    for (const diff of diffs) {
+        if (diff.type === 'added')
+            counts.added++;
+        else if (diff.type === 'removed')
+            counts.removed++;
+        else if (diff.type === 'modified')
+            counts.modified++;
+    }
+    return counts;
+}
+/**
+ * Formats a change count summary string from diff counts.
+ */
+function formatChangeSummary(counts) {
+    const parts = [];
+    if (counts.added > 0)
+        parts.push(`${counts.added} added`);
+    if (counts.removed > 0)
+        parts.push(`${counts.removed} removed`);
+    if (counts.modified > 0)
+        parts.push(`${counts.modified} modified`);
+    return parts.join(', ');
+}
+// =============================================================================
+// Sub-components
+// =============================================================================
+/**
+ * Renders side-by-side comparison panels.
+ */
+function SideBySideView({ sourceData, targetData, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+beforeConfig, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+afterConfig, sourceBranchName, targetBranchName, }) {
+    return (_jsxs("div", { className: "merge-preview-renderer merge-preview-renderer--side-by-side", children: [_jsxs("div", { className: "merge-preview-renderer__panel", children: [_jsx("div", { className: "merge-preview-renderer__panel-label", children: sourceBranchName }), _jsx("div", { className: "merge-preview-renderer__panel-content", children: _jsx(ScaledContent, { children: _jsx(Render, { config: beforeConfig, data: sourceData }) }) })] }), _jsxs("div", { className: "merge-preview-renderer__panel", children: [_jsx("div", { className: "merge-preview-renderer__panel-label", children: targetBranchName }), _jsx("div", { className: "merge-preview-renderer__panel-content", children: _jsx(ScaledContent, { children: _jsx(Render, { config: afterConfig, data: targetData }) }) })] })] }));
+}
+/**
+ * Renders overlay comparison mode.
+ */
+function OverlayView({ sourceData, targetData, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+beforeConfig, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+afterConfig, sourceBranchName, targetBranchName, }) {
+    return (_jsxs("div", { className: "merge-preview-renderer merge-preview-renderer--overlay", children: [_jsxs("div", { className: "merge-preview-renderer__overlay-layer merge-preview-renderer__overlay-layer--source", children: [_jsx("div", { className: "merge-preview-renderer__panel-label", children: sourceBranchName }), _jsx(Render, { config: beforeConfig, data: sourceData })] }), _jsxs("div", { className: "merge-preview-renderer__overlay-layer merge-preview-renderer__overlay-layer--target", style: overlayTargetLayerStyle, children: [_jsx("div", { className: "merge-preview-renderer__panel-label", children: targetBranchName }), _jsx(Render, { config: afterConfig, data: targetData })] })] }));
+}
+/**
+ * Renders slider comparison mode with a range input.
+ */
+function SliderView({ sourceData, targetData, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+beforeConfig, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+afterConfig, sourceBranchName, targetBranchName, }) {
+    const [sliderValue, setSliderValue] = useState(50);
+    return (_jsxs("div", { className: "merge-preview-renderer merge-preview-renderer--slider", children: [_jsxs("div", { className: "merge-preview-renderer__slider-control", children: [_jsx("span", { className: "merge-preview-renderer__panel-label", children: sourceBranchName }), _jsx("input", { type: "range", min: 0, max: 100, value: sliderValue, onChange: (e) => setSliderValue(Number(e.target.value)), className: "merge-preview-renderer__slider-input" }), _jsx("span", { className: "merge-preview-renderer__panel-label", children: targetBranchName })] }), _jsxs("div", { className: "merge-preview-renderer__slider-content", children: [_jsx("div", { className: "merge-preview-renderer__slider-layer merge-preview-renderer__slider-layer--source", style: { opacity: 1 - sliderValue / 100 }, children: _jsx(Render, { config: beforeConfig, data: sourceData }) }), _jsx("div", { className: "merge-preview-renderer__slider-layer merge-preview-renderer__slider-layer--target", style: { opacity: sliderValue / 100 }, children: _jsx(Render, { config: afterConfig, data: targetData }) })] })] }));
+}
+// =============================================================================
+// Main Component
+// =============================================================================
+/**
+ * Renders diff-highlighted content in the selected view mode.
+ *
+ * Supports three modes:
+ * - **side-by-side**: Two panels showing source and target with diff highlights
+ * - **overlay**: Layered view of both versions
+ * - **slider**: Range slider to blend between source and target
+ *
+ * @param props - {@link MergePreviewRendererProps}
+ * @returns A React element rendering the diff-highlighted comparison in the chosen view mode.
+ *
+ * @example
+ * ```tsx
+ * <MergePreviewRenderer
+ *   sourceData={sourceData}
+ *   targetData={targetData}
+ *   diffs={diffs}
+ *   config={puckConfig}
+ *   viewMode="side-by-side"
+ *   sourceBranchName="feature"
+ *   targetBranchName="main"
+ * />
+ * ```
+ */
+export function MergePreviewRenderer({ sourceData, targetData, diffs, config, viewMode, sourceBranchName, targetBranchName, }) {
+    const diffMap = useMemo(() => createDiffMap(diffs), [diffs]);
+    const counts = useMemo(() => countChanges(diffs), [diffs]);
+    const changeSummary = useMemo(() => formatChangeSummary(counts), [counts]);
+    const beforeConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'before'), [config, diffMap]);
+    const afterConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'after'), [config, diffMap]);
+    const hasChanges = diffs.some((d) => d.type !== 'unchanged');
+    if (!hasChanges) {
+        return (_jsx("div", { className: "merge-preview-renderer merge-preview-renderer--empty", children: _jsx("p", { children: "No changes" }) }));
+    }
+    // In a merge comparison, source = branch (the "after" state) and
+    // target = main (the "before" state).  Swap configs so that:
+    //   - source/branch panel highlights "added" items (green)
+    //   - target/main panel highlights "removed" items (red)
+    const sideBySideProps = {
+        sourceData,
+        targetData,
+        beforeConfig: afterConfig, // branch panel shows added + modified
+        afterConfig: beforeConfig, // main panel shows removed + modified
+        sourceBranchName,
+        targetBranchName,
+    };
+    // Overlay and slider modes are pure visual comparisons --
+    // diff highlighting is redundant and visually noisy.
+    const visualProps = {
+        sourceData,
+        targetData,
+        beforeConfig: config,
+        afterConfig: config,
+        sourceBranchName,
+        targetBranchName,
+    };
+    return (_jsxs("div", { className: "merge-preview-renderer__wrapper", children: [_jsx("div", { className: "merge-preview-renderer__summary", children: changeSummary }), viewMode === 'side-by-side' && _jsx(SideBySideView, { ...sideBySideProps }), viewMode === 'overlay' && _jsx(OverlayView, { ...visualProps }), viewMode === 'slider' && _jsx(SliderView, { ...visualProps })] }));
+}
+//# sourceMappingURL=MergePreviewRenderer.js.map

package/dist/editor/components/merge-preview/MergePreviewRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergePreviewRenderer.js","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/MergePreviewRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/merge-preview/ScaledContent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * ScaledContent Component
+ *
+ * Wraps children with CSS transform scaling and adjusts container height
+ * to match the scaled content size. Used to show zoomed-out page previews.
+ */
+import React from 'react';
+export declare function ScaledContent({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+//# sourceMappingURL=ScaledContent.d.ts.map

package/dist/editor/components/merge-preview/ScaledContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledContent.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/ScaledContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CA+B7F"}

package/dist/editor/components/merge-preview/ScaledContent.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ScaledContent Component
+ *
+ * Wraps children with CSS transform scaling and adjusts container height
+ * to match the scaled content size. Used to show zoomed-out page previews.
+ */
+import { useRef, useState, useEffect, useCallback } from 'react';
+const PREVIEW_SCALE = 0.25;
+export function ScaledContent({ children }) {
+    const innerRef = useRef(null);
+    const [scaledHeight, setScaledHeight] = useState(undefined);
+    const measure = useCallback(() => {
+        if (innerRef.current) {
+            setScaledHeight(innerRef.current.scrollHeight * PREVIEW_SCALE);
+        }
+    }, []);
+    useEffect(() => {
+        measure();
+        const observer = new ResizeObserver(measure);
+        if (innerRef.current)
+            observer.observe(innerRef.current);
+        return () => observer.disconnect();
+    }, [measure]);
+    return (_jsx("div", { style: { height: scaledHeight, overflow: 'hidden' }, children: _jsx("div", { ref: innerRef, style: {
+                transform: `scale(${PREVIEW_SCALE})`,
+                transformOrigin: 'top left',
+                width: `${100 / PREVIEW_SCALE}%`,
+            }, children: children }) }));
+}
+//# sourceMappingURL=ScaledContent.js.map

package/dist/editor/components/merge-preview/ScaledContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledContent.js","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/ScaledContent.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAiC;IACvE,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEhF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,aAAa,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAC;QACV,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACtD,cACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS,aAAa,GAAG;gBACpC,eAAe,EAAE,UAAU;gBAC3B,KAAK,EAAE,GAAG,GAAG,GAAG,aAAa,GAAG;aACjC,YAEA,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/merge-preview/ViewModeSelector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ViewMode = 'side-by-side' | 'overlay' | 'slider';
+export interface ViewModeSelectorProps {
+    viewMode: ViewMode;
+    onViewModeChange: (mode: ViewMode) => void;
+}
+export declare function ViewModeSelector({ viewMode, onViewModeChange, }: ViewModeSelectorProps): React.ReactElement;
+//# sourceMappingURL=ViewModeSelector.d.ts.map

package/dist/editor/components/merge-preview/ViewModeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewModeSelector.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/ViewModeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,gBAAgB,GACjB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAW5C"}

package/dist/editor/components/merge-preview/ViewModeSelector.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SegmentedButton } from '@pantheon-systems/pds-toolkit-react';
+const VIEW_MODE_OPTIONS = [
+    { label: 'Side by side', value: 'side-by-side' },
+    { label: 'Overlay', value: 'overlay' },
+    { label: 'Slider', value: 'slider' },
+];
+export function ViewModeSelector({ viewMode, onViewModeChange, }) {
+    return (_jsx(SegmentedButton, { id: "merge-preview-view-mode", label: "View mode", size: "s", value: viewMode, options: VIEW_MODE_OPTIONS, onChange: (value) => onViewModeChange(value) }));
+}
+//# sourceMappingURL=ViewModeSelector.js.map

package/dist/editor/components/merge-preview/ViewModeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewModeSelector.js","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/ViewModeSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAStE,MAAM,iBAAiB,GAAG;IACxB,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,gBAAgB,GACM;IACtB,OAAO,CACL,KAAC,eAAe,IACd,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAiB,CAAC,GACxD,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/components/merge-preview/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Merge Preview Components
+ *
+ * Components for rendering merge preview with diff highlighting.
+ */
+export { ViewModeSelector } from './ViewModeSelector.js';
+export type { ViewModeSelectorProps, ViewMode } from './ViewModeSelector.js';
+export { MergePreviewRenderer } from './MergePreviewRenderer.js';
+export type { MergePreviewRendererProps } from './MergePreviewRenderer.js';
+export { MergePreviewPanel } from './MergePreviewPanel.js';
+export type { MergePreviewPanelProps } from './MergePreviewPanel.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/components/merge-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/editor/components/merge-preview/index.js

@@ -0,0 +1,9 @@
+/**
+ * Merge Preview Components
+ *
+ * Components for rendering merge preview with diff highlighting.
+ */
+export { ViewModeSelector } from './ViewModeSelector.js';
+export { MergePreviewRenderer } from './MergePreviewRenderer.js';
+export { MergePreviewPanel } from './MergePreviewPanel.js';
+//# sourceMappingURL=index.js.map

package/dist/editor/components/merge-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/components/merge-preview/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/editor/composePlugins.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { P1FeaturePlugin, P1FeaturePluginDeps, PuckPluginDef } from '../core/plugin-types.js';
+import type { P1FeatureConfig } from '../core/featureConfig.js';
+export declare function resolveActivePlugins(plugins: P1FeaturePlugin[], config: Required<P1FeatureConfig>): P1FeaturePlugin[];
+export declare function composeProviders(plugins: P1FeaturePlugin[], config: Required<P1FeatureConfig>, deps: P1FeaturePluginDeps): React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare function collectPuckPlugins(plugins: P1FeaturePlugin[], deps: P1FeaturePluginDeps): PuckPluginDef[];
+export declare function mergeOverrides(plugins: P1FeaturePlugin[], deps: P1FeaturePluginDeps): Record<string, unknown>;
+//# sourceMappingURL=composePlugins.d.ts.map

package/dist/editor/composePlugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composePlugins.d.ts","sourceRoot":"","sources":["../../src/editor/composePlugins.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EAAE,EAC1B,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,GAChC,eAAe,EAAE,CAOnB;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,eAAe,EAAE,EAC1B,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,EACjC,IAAI,EAAE,mBAAmB,GACxB,KAAK,CAAC,aAAa,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAgBpD;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,eAAe,EAAE,EAC1B,IAAI,EAAE,mBAAmB,GACxB,aAAa,EAAE,CAQjB;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,eAAe,EAAE,EAC1B,IAAI,EAAE,mBAAmB,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAQzB"}

package/dist/editor/composePlugins.js

@@ -0,0 +1,47 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_PRIORITY = 100;
+export function resolveActivePlugins(plugins, config) {
+    return plugins
+        .filter((p) => {
+        if (!p.featureFlags || p.featureFlags.length === 0)
+            return true;
+        return p.featureFlags.every((flag) => config[flag]);
+    })
+        .sort((a, b) => (a.priority ?? DEFAULT_PRIORITY) - (b.priority ?? DEFAULT_PRIORITY));
+}
+export function composeProviders(plugins, config, deps) {
+    const withProviders = plugins.filter((p) => p.provider);
+    if (withProviders.length === 0) {
+        return ({ children }) => _jsx(_Fragment, { children: children });
+    }
+    return ({ children }) => {
+        let node = _jsx(_Fragment, { children: children });
+        for (let i = withProviders.length - 1; i >= 0; i--) {
+            const plugin = withProviders[i];
+            if (!plugin?.provider)
+                continue;
+            const Provider = plugin.provider;
+            node = _jsx(Provider, { config: config, deps: deps, children: node });
+        }
+        return node;
+    };
+}
+export function collectPuckPlugins(plugins, deps) {
+    const result = [];
+    for (const p of plugins) {
+        if (p.puckPlugins) {
+            result.push(...p.puckPlugins(deps));
+        }
+    }
+    return result;
+}
+export function mergeOverrides(plugins, deps) {
+    const result = {};
+    for (const p of plugins) {
+        if (p.puckOverrides) {
+            Object.assign(result, p.puckOverrides(deps));
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=composePlugins.js.map