@pantheon-systems/puck-css 0.4.0

package/dist/versioning/components/HistoricalVersionBanner.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Historical Version Banner Component
+ *
+ * Shows a warning banner when viewing a historical (non-latest) version.
+ * Provides a button to return to the current version.
+ */
+import React from 'react';
+import type { DocumentVersion } from '@pantheon-systems/css-client';
+export interface HistoricalVersionBannerProps {
+    /**
+     * The historical version being viewed.
+     */
+    version: DocumentVersion;
+    /**
+     * Callback to return to the latest version.
+     */
+    onReturnToLatest: () => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Banner displayed when viewing a historical version.
+ * Shows version info and provides a button to return to current.
+ */
+export declare function HistoricalVersionBanner({ version, onReturnToLatest, className, }: HistoricalVersionBannerProps): React.ReactElement;
+//# sourceMappingURL=HistoricalVersionBanner.d.ts.map

package/dist/versioning/components/HistoricalVersionBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalVersionBanner.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,SAAc,GACf,EAAE,4BAA4B,GAAG,KAAK,CAAC,YAAY,CAwCnD"}

package/dist/versioning/components/HistoricalVersionBanner.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Formats a date string for display.
+ */
+function formatVersionDate(dateString) {
+    const date = new Date(dateString);
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+}
+/**
+ * Banner displayed when viewing a historical version.
+ * Shows version info and provides a button to return to current.
+ */
+export function HistoricalVersionBanner({ version, onReturnToLatest, className = '', }) {
+    const baseClass = 'historical-version-banner';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: `${baseClass}__icon`, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm9-3a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 7h2v5H7V7Z", fill: "currentColor" }) }) }), _jsxs("div", { className: `${baseClass}__content`, children: [_jsxs("span", { className: `${baseClass}__text`, children: ["Viewing version ", version.versionNumber] }), _jsx("span", { className: `${baseClass}__date`, children: formatVersionDate(version.createdAt) }), _jsx("span", { className: `${baseClass}__locked`, children: "Read-only" })] }), _jsx("button", { type: "button", className: `pds-button pds-button--primary pds-button--sm ${baseClass}__button`, onClick: onReturnToLatest, children: "Return to current" })] }));
+}
+//# sourceMappingURL=HistoricalVersionBanner.js.map

package/dist/versioning/components/HistoricalVersionBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalVersionBanner.js","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":";AAyBA;;GAEG;AACH,SAAS,iBAAiB,CAAC,UAAkB;IAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,SAAS,GAAG,EAAE,GACe;IAC7B,MAAM,SAAS,GAAG,2BAA2B,CAAC;IAC9C,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,+HAA+H,EACjI,IAAI,EAAC,cAAc,GACnB,GACE,GACF,EACN,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,gBAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,iCAClB,OAAO,CAAC,aAAa,IACjC,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GAChC,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,UAAU,0BAEhC,IACH,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iDAAiD,SAAS,UAAU,EAC/E,OAAO,EAAE,gBAAgB,kCAGlB,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/versioning/components/VersionPublishedBadge.d.ts

@@ -0,0 +1,5 @@
+export interface VersionPublishedBadgeProps {
+    isPublished?: boolean;
+}
+export declare function VersionPublishedBadge({ isPublished, }: VersionPublishedBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=VersionPublishedBadge.d.ts.map

package/dist/versioning/components/VersionPublishedBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPublishedBadge.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/VersionPublishedBadge.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAkB,GACnB,EAAE,0BAA0B,kDAU5B"}

package/dist/versioning/components/VersionPublishedBadge.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function VersionPublishedBadge({ isPublished = true, }) {
+    if (!isPublished) {
+        return null;
+    }
+    return (_jsx("span", { className: "pds-indicator-badge pds-indicator-badge--success pds-indicator-badge--sm", children: _jsx("span", { className: "pds-indicator-badge__label", children: "Published" }) }));
+}
+//# sourceMappingURL=VersionPublishedBadge.js.map

package/dist/versioning/components/VersionPublishedBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPublishedBadge.js","sourceRoot":"","sources":["../../../src/versioning/components/VersionPublishedBadge.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,qBAAqB,CAAC,EACpC,WAAW,GAAG,IAAI,GACS;IAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAC,0EAA0E,YACxF,eAAM,SAAS,EAAC,4BAA4B,0BAAiB,GACxD,CACR,CAAC;AACJ,CAAC"}

package/dist/versioning/components/version-compare/BranchDiffHeader.d.ts

@@ -0,0 +1,53 @@
+/**
+ * BranchDiffHeader Component
+ *
+ * Header bar for branch merge comparison showing branch names
+ * instead of version numbers, along with change count summary.
+ */
+import React from 'react';
+/**
+ * Props for the BranchDiffHeader component.
+ */
+export interface BranchDiffHeaderProps {
+    /**
+     * Name of the source branch.
+     */
+    sourceBranchName: string;
+    /**
+     * Name of the target branch.
+     */
+    targetBranchName: string;
+    /**
+     * Number of added components.
+     */
+    added?: number;
+    /**
+     * Number of removed components.
+     */
+    removed?: number;
+    /**
+     * Number of modified components.
+     */
+    modified?: number;
+    /**
+     * Number of reordered components.
+     */
+    reordered?: number;
+    /**
+     * Callback when close button is clicked.
+     */
+    onClose: () => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a header bar for branch merge comparison with branch names
+ * and change count summary.
+ *
+ * @param props - {@link BranchDiffHeaderProps}
+ * @returns A React element containing branch labels, change badges, and a close button.
+ */
+export declare function BranchDiffHeader({ sourceBranchName, targetBranchName, added, removed, modified, reordered, onClose, className, }: BranchDiffHeaderProps): React.ReactElement;
+//# sourceMappingURL=BranchDiffHeader.d.ts.map

package/dist/versioning/components/version-compare/BranchDiffHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchDiffHeader.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchDiffHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,gBAAgB,EAChB,KAAS,EACT,OAAW,EACX,QAAY,EACZ,SAAa,EACb,OAAO,EACP,SAAc,GACf,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAqD5C"}

package/dist/versioning/components/version-compare/BranchDiffHeader.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders a header bar for branch merge comparison with branch names
+ * and change count summary.
+ *
+ * @param props - {@link BranchDiffHeaderProps}
+ * @returns A React element containing branch labels, change badges, and a close button.
+ */
+export function BranchDiffHeader({ sourceBranchName, targetBranchName, added = 0, removed = 0, modified = 0, reordered = 0, onClose, className = '', }) {
+    const baseClass = 'branch-diff-header';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const hasChanges = added > 0 || removed > 0 || modified > 0 || reordered > 0;
+    return (_jsxs("header", { className: classes, children: [_jsxs("div", { className: `${baseClass}__branches`, children: [_jsx("span", { className: `${baseClass}__branch ${baseClass}__branch--source`, children: sourceBranchName }), _jsx("span", { className: `${baseClass}__arrow`, children: "\u2192" }), _jsx("span", { className: `${baseClass}__branch ${baseClass}__branch--target`, children: targetBranchName })] }), hasChanges && (_jsxs("div", { className: `${baseClass}__summary`, children: [added > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--added`, children: ["+", added] })), removed > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--removed`, children: ["-", removed] })), modified > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--modified`, children: ["~", modified] })), reordered > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--reordered`, children: ["\u2195", reordered] }))] })), _jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__close`, onClick: onClose, "aria-label": "Close comparison", children: "\u00D7" })] }));
+}
+//# sourceMappingURL=BranchDiffHeader.js.map

package/dist/versioning/components/version-compare/BranchDiffHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchDiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchDiffHeader.tsx"],"names":[],"mappings":";AAsDA;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,CAAC,EACX,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,CAAC,EACb,OAAO,EACP,SAAS,GAAG,EAAE,GACQ;IACtB,MAAM,SAAS,GAAG,oBAAoB,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,kBAAQ,SAAS,EAAE,OAAO,aACxB,eAAK,SAAS,EAAE,GAAG,SAAS,YAAY,aACtC,eAAM,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,kBAAkB,YACjE,gBAAgB,GACZ,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,EAChD,eAAM,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,kBAAkB,YACjE,gBAAgB,GACZ,IACH,EAEL,UAAU,IAAI,CACb,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,KAAK,GAAG,CAAC,IAAI,CACZ,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,eAAe,kBAC3D,KAAK,IACF,CACR,EACA,OAAO,GAAG,CAAC,IAAI,CACd,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,iBAAiB,kBAC7D,OAAO,IACJ,CACR,EACA,QAAQ,GAAG,CAAC,IAAI,CACf,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,kBAAkB,kBAC9D,QAAQ,IACL,CACR,EACA,SAAS,GAAG,CAAC,IAAI,CAChB,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,mBAAmB,uBAC/D,SAAS,IACN,CACR,IACG,CACP,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,SAAS,EAC7E,OAAO,EAAE,OAAO,gBACL,kBAAkB,uBAGtB,IACF,CACV,CAAC;AACJ,CAAC"}

package/dist/versioning/components/version-compare/BranchMergeCompare.d.ts

@@ -0,0 +1,43 @@
+/**
+ * BranchMergeCompare Component
+ *
+ * Full-page view for comparing two branches of Puck data,
+ * wrapping the VersionComparePage pattern for branch merge context.
+ */
+import React from 'react';
+import type { ComponentDiffWithPosition } from '../../../core/types.js';
+/**
+ * Props for the BranchMergeCompare component.
+ */
+export interface BranchMergeCompareProps {
+    /**
+     * Name of the source branch.
+     */
+    sourceBranchName: string;
+    /**
+     * Name of the target branch.
+     */
+    targetBranchName: string;
+    /**
+     * Array of component diffs with position information.
+     */
+    diffs: ComponentDiffWithPosition[];
+    /**
+     * Callback when the comparison is closed.
+     */
+    onClose: () => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a full-page branch merge comparison view with branch names,
+ * component trees for both sides, and a prop diff panel for selected
+ * components.
+ *
+ * @param props - {@link BranchMergeCompareProps}
+ * @returns A React element with header, side-by-side component trees, and detail panel.
+ */
+export declare function BranchMergeCompare({ sourceBranchName, targetBranchName, diffs, onClose, className, }: BranchMergeCompareProps): React.ReactElement;
+//# sourceMappingURL=BranchMergeCompare.d.ts.map

package/dist/versioning/components/version-compare/BranchMergeCompare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchMergeCompare.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchMergeCompare.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAY,MAAM,wBAAwB,CAAC;AAMlF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,yBAAyB,EAAE,CAAC;IAEnC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,SAAc,GACf,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAkF9C"}

package/dist/versioning/components/version-compare/BranchMergeCompare.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * BranchMergeCompare Component
+ *
+ * Full-page view for comparing two branches of Puck data,
+ * wrapping the VersionComparePage pattern for branch merge context.
+ */
+import { useState, useMemo } from 'react';
+import { flushSync } from 'react-dom';
+import { diffProps } from '../../utils/diff.js';
+import { BranchDiffHeader } from './BranchDiffHeader.js';
+import { ComponentTree } from './ComponentTree.js';
+import { PropDiffPanel } from './PropDiffPanel.js';
+/**
+ * Counts diffs by type.
+ */
+function countDiffs(diffs) {
+    const counts = { added: 0, removed: 0, modified: 0, reordered: 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++;
+        else if (diff.type === 'reordered')
+            counts.reordered++;
+    }
+    return counts;
+}
+/**
+ * Renders a full-page branch merge comparison view with branch names,
+ * component trees for both sides, and a prop diff panel for selected
+ * components.
+ *
+ * @param props - {@link BranchMergeCompareProps}
+ * @returns A React element with header, side-by-side component trees, and detail panel.
+ */
+export function BranchMergeCompare({ sourceBranchName, targetBranchName, diffs, onClose, className = '', }) {
+    const baseClass = 'branch-merge-compare';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const [selectedComponentId, setSelectedComponentId] = useState(null);
+    const counts = useMemo(() => countDiffs(diffs), [diffs]);
+    const isEmpty = diffs.length === 0;
+    // Find the selected diff
+    const selectedDiff = useMemo(() => {
+        if (!selectedComponentId)
+            return null;
+        return diffs.find((d) => d.componentId === selectedComponentId) ?? null;
+    }, [diffs, selectedComponentId]);
+    // Get prop diffs for the selected component
+    const propDiffs = useMemo(() => {
+        if (!selectedDiff)
+            return [];
+        if (selectedDiff.type === 'unchanged')
+            return [];
+        const beforeData = selectedDiff.before;
+        const afterData = selectedDiff.after;
+        const beforeProps = beforeData?.props ?? {};
+        const afterProps = afterData?.props ?? {};
+        return diffProps(beforeProps, afterProps);
+    }, [selectedDiff]);
+    const handleSelectComponent = (diff) => {
+        flushSync(() => {
+            setSelectedComponentId(diff.componentId);
+        });
+    };
+    return (_jsxs("div", { className: classes, children: [_jsx(BranchDiffHeader, { sourceBranchName: sourceBranchName, targetBranchName: targetBranchName, added: counts.added, removed: counts.removed, modified: counts.modified, reordered: counts.reordered, onClose: onClose }), _jsx("div", { className: `${baseClass}__content`, children: isEmpty ? (_jsx("div", { className: `${baseClass}__empty`, children: "No changes between Drafts" })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${baseClass}__trees`, children: [_jsx(ComponentTree, { diffs: diffs, side: "before", selectedComponentId: selectedComponentId ?? undefined, onSelectComponent: handleSelectComponent }), _jsx(ComponentTree, { diffs: diffs, side: "after", selectedComponentId: selectedComponentId ?? undefined, onSelectComponent: handleSelectComponent })] }), selectedDiff && (_jsx("div", { className: `${baseClass}__detail`, children: _jsx(PropDiffPanel, { componentType: selectedDiff.componentType, componentId: selectedDiff.componentId, diffs: propDiffs }) }))] })) })] }));
+}
+//# sourceMappingURL=BranchMergeCompare.js.map

package/dist/versioning/components/version-compare/BranchMergeCompare.js.map

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

package/dist/versioning/components/version-compare/ComponentNode.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ComponentNode Component
+ *
+ * Displays a single component in the tree with diff styling.
+ */
+import React from 'react';
+import type { ComponentDiffWithPosition } from '../../../core/types.js';
+export interface ComponentNodeProps {
+    /**
+     * The component diff data.
+     */
+    diff: ComponentDiffWithPosition;
+    /**
+     * Whether to show position indicator.
+     */
+    showPosition?: boolean;
+    /**
+     * Whether this node is selected.
+     */
+    isSelected?: boolean;
+    /**
+     * Click handler.
+     */
+    onClick?: (diff: ComponentDiffWithPosition) => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a single component node with diff styling.
+ */
+export declare function ComponentNode({ diff, showPosition, isSelected, onClick, className, }: ComponentNodeProps): React.ReactElement;
+//# sourceMappingURL=ComponentNode.d.ts.map

package/dist/versioning/components/version-compare/ComponentNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentNode.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentNode.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,yBAAyB,CAAC;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAoB,EACpB,UAAkB,EAClB,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA4CzC"}

package/dist/versioning/components/version-compare/ComponentNode.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders a single component node with diff styling.
+ */
+export function ComponentNode({ diff, showPosition = false, isSelected = false, onClick, className = '', }) {
+    const baseClass = 'component-node';
+    const typeClass = `${baseClass}--${diff.type}`;
+    const selectedClass = isSelected ? `${baseClass}--selected` : '';
+    const classes = [baseClass, typeClass, selectedClass, className].filter(Boolean).join(' ');
+    const handleClick = () => {
+        onClick?.(diff);
+    };
+    // Determine position to show (prefer afterIndex, fall back to beforeIndex)
+    const position = diff.afterIndex !== undefined ? diff.afterIndex + 1 : (diff.beforeIndex !== undefined ? diff.beforeIndex + 1 : null);
+    // Check if this is a move (reordered or modified+reordered)
+    const isMoved = diff.type === 'reordered' || diff.reordered === true;
+    const moveInfo = isMoved && diff.beforeIndex !== undefined && diff.afterIndex !== undefined
+        ? `moved from #${diff.beforeIndex + 1} to #${diff.afterIndex + 1}`
+        : null;
+    return (_jsxs("button", { type: "button", className: classes, onClick: handleClick, "aria-pressed": isSelected, children: [_jsx("span", { className: `${baseClass}__icon`, children: getTypeIcon(diff.type) }), _jsx("span", { className: `${baseClass}__type`, children: diff.componentType }), showPosition && position !== null && (_jsxs("span", { className: `${baseClass}__position`, children: ["#", position] })), showPosition && moveInfo && (_jsxs("span", { className: `${baseClass}__move-info`, children: ["(", moveInfo, ")"] }))] }));
+}
+/**
+ * Gets an icon for the diff type.
+ */
+function getTypeIcon(type) {
+    switch (type) {
+        case 'added':
+            return '+';
+        case 'removed':
+            return '−';
+        case 'modified':
+            return '~';
+        case 'reordered':
+            return '↕';
+        case 'unchanged':
+        default:
+            return '•';
+    }
+}
+//# sourceMappingURL=ComponentNode.js.map

package/dist/versioning/components/version-compare/ComponentNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentNode.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentNode.tsx"],"names":[],"mappings":";AAoCA;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3F,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,2EAA2E;IAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEtI,4DAA4D;IAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC;IACrE,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS;QACzF,CAAC,CAAC,eAAe,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE;QAClE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,kBACN,UAAU,aAExB,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAClB,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,IAAI,CAAC,aAAa,GACd,EACN,YAAY,IAAI,QAAQ,KAAK,IAAI,IAAI,CACpC,gBAAM,SAAS,EAAE,GAAG,SAAS,YAAY,kBACrC,QAAQ,IACL,CACR,EACA,YAAY,IAAI,QAAQ,IAAI,CAC3B,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,kBACtC,QAAQ,SACL,CACR,IACM,CACV,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,WAAW,CAAC,IAAuC;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,UAAU;YACb,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,WAAW,CAAC;QACjB;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC"}

package/dist/versioning/components/version-compare/ComponentTree.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ComponentTree Component
+ *
+ * Displays a tree of components for one side of the comparison.
+ */
+import React from 'react';
+import type { ComponentDiffWithPosition } from '../../../core/types.js';
+export interface ComponentTreeProps {
+    /**
+     * Array of component diffs.
+     */
+    diffs: ComponentDiffWithPosition[];
+    /**
+     * Which side of the comparison this tree represents.
+     */
+    side: 'before' | 'after';
+    /**
+     * Currently selected component ID.
+     */
+    selectedComponentId?: string;
+    /**
+     * Callback when a component is selected.
+     */
+    onSelectComponent?: (diff: ComponentDiffWithPosition) => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a tree of components for one side of the comparison.
+ */
+export declare function ComponentTree({ diffs, side, selectedComponentId, onSelectComponent, className, }: ComponentTreeProps): React.ReactElement;
+//# sourceMappingURL=ComponentTree.d.ts.map

package/dist/versioning/components/version-compare/ComponentTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTree.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentTree.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,yBAAyB,EAAE,CAAC;IAEnC;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,mBAAmB,EACnB,iBAAiB,EACjB,SAAc,GACf,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAuCzC"}

package/dist/versioning/components/version-compare/ComponentTree.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ComponentNode } from './ComponentNode.js';
+/**
+ * Filters and sorts diffs for the given side.
+ */
+function getComponentsForSide(diffs, side) {
+    // Filter out components that don't exist on this side
+    const filtered = diffs.filter((diff) => {
+        if (side === 'before') {
+            // Don't show added components on the before side
+            return diff.type !== 'added';
+        }
+        else {
+            // Don't show removed components on the after side
+            return diff.type !== 'removed';
+        }
+    });
+    // Sort by position
+    return filtered.sort((a, b) => {
+        const indexA = side === 'before' ? a.beforeIndex : a.afterIndex;
+        const indexB = side === 'before' ? b.beforeIndex : b.afterIndex;
+        return (indexA ?? 0) - (indexB ?? 0);
+    });
+}
+/**
+ * Renders a tree of components for one side of the comparison.
+ */
+export function ComponentTree({ diffs, side, selectedComponentId, onSelectComponent, className = '', }) {
+    const baseClass = 'component-tree';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const components = getComponentsForSide(diffs, side);
+    const isEmpty = components.length === 0;
+    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: `${baseClass}__header`, children: [_jsx("span", { className: `${baseClass}__title`, children: side === 'before' ? 'Before' : 'After' }), _jsxs("span", { className: `${baseClass}__count`, children: [components.length, " components"] })] }), _jsx("div", { className: `${baseClass}__content`, children: isEmpty ? (_jsx("div", { className: `${baseClass}__empty`, children: "No components" })) : (_jsx("div", { className: `${baseClass}__nodes`, children: components.map((diff) => (_jsx(ComponentNode, { diff: diff, showPosition: true, isSelected: diff.componentId === selectedComponentId, onClick: onSelectComponent }, diff.componentId))) })) })] }));
+}
+//# sourceMappingURL=ComponentTree.js.map

package/dist/versioning/components/version-compare/ComponentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTree.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentTree.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA6BnD;;GAEG;AACH,SAAS,oBAAoB,CAC3B,KAAkC,EAClC,IAAwB;IAExB,sDAAsD;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACrC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtB,iDAAiD;YACjD,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,mBAAmB;IACnB,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC5B,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAChE,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAChE,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,mBAAmB,EACnB,iBAAiB,EACjB,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,eAAK,SAAS,EAAE,GAAG,SAAS,UAAU,aACpC,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YACnC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAClC,EACP,gBAAM,SAAS,EAAE,GAAG,SAAS,SAAS,aACnC,UAAU,CAAC,MAAM,mBACb,IACH,EAEN,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,8BAE/B,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,KAAC,aAAa,IAEZ,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,UAAU,EAAE,IAAI,CAAC,WAAW,KAAK,mBAAmB,EACpD,OAAO,EAAE,iBAAiB,IAJrB,IAAI,CAAC,WAAW,CAKrB,CACH,CAAC,GACE,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/versioning/components/version-compare/DiffHeader.d.ts

@@ -0,0 +1,45 @@
+/**
+ * DiffHeader Component
+ *
+ * Header bar for the version comparison view showing versions and summary.
+ */
+import React from 'react';
+export interface DiffHeaderProps {
+    /**
+     * The before version number.
+     */
+    beforeVersion: number;
+    /**
+     * The after version number.
+     */
+    afterVersion: number;
+    /**
+     * Number of added components.
+     */
+    added?: number;
+    /**
+     * Number of removed components.
+     */
+    removed?: number;
+    /**
+     * Number of modified components.
+     */
+    modified?: number;
+    /**
+     * Number of reordered components.
+     */
+    reordered?: number;
+    /**
+     * Callback when close button is clicked.
+     */
+    onClose: () => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a header bar for the version comparison view.
+ */
+export declare function DiffHeader({ beforeVersion, afterVersion, added, removed, modified, reordered, onClose, className, }: DiffHeaderProps): React.ReactElement;
+//# sourceMappingURL=DiffHeader.d.ts.map

package/dist/versioning/components/version-compare/DiffHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffHeader.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DiffHeader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,YAAY,EACZ,KAAS,EACT,OAAW,EACX,QAAY,EACZ,SAAa,EACb,OAAO,EACP,SAAc,GACf,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAqDtC"}

package/dist/versioning/components/version-compare/DiffHeader.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders a header bar for the version comparison view.
+ */
+export function DiffHeader({ beforeVersion, afterVersion, added = 0, removed = 0, modified = 0, reordered = 0, onClose, className = '', }) {
+    const baseClass = 'diff-header';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const hasChanges = added > 0 || removed > 0 || modified > 0 || reordered > 0;
+    return (_jsxs("header", { className: classes, children: [_jsxs("div", { className: `${baseClass}__versions`, children: [_jsxs("span", { className: `${baseClass}__version ${baseClass}__version--before`, children: ["v", beforeVersion] }), _jsx("span", { className: `${baseClass}__arrow`, children: "\u2192" }), _jsxs("span", { className: `${baseClass}__version ${baseClass}__version--after`, children: ["v", afterVersion] })] }), hasChanges && (_jsxs("div", { className: `${baseClass}__summary`, children: [added > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--added`, children: ["+", added] })), removed > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--removed`, children: ["-", removed] })), modified > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--modified`, children: ["~", modified] })), reordered > 0 && (_jsxs("span", { className: `${baseClass}__stat ${baseClass}__stat--reordered`, children: ["\u2195", reordered] }))] })), _jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__close`, onClick: onClose, "aria-label": "Close comparison", children: "\u00D7" })] }));
+}
+//# sourceMappingURL=DiffHeader.js.map

package/dist/versioning/components/version-compare/DiffHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DiffHeader.tsx"],"names":[],"mappings":";AAkDA;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,aAAa,EACb,YAAY,EACZ,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,CAAC,EACX,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,CAAC,EACb,OAAO,EACP,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,kBAAQ,SAAS,EAAE,OAAO,aACxB,eAAK,SAAS,EAAE,GAAG,SAAS,YAAY,aACtC,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,SAAS,mBAAmB,kBAClE,aAAa,IACV,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,EAChD,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,SAAS,kBAAkB,kBACjE,YAAY,IACT,IACH,EAEL,UAAU,IAAI,CACb,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,KAAK,GAAG,CAAC,IAAI,CACZ,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,eAAe,kBAC3D,KAAK,IACF,CACR,EACA,OAAO,GAAG,CAAC,IAAI,CACd,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,iBAAiB,kBAC7D,OAAO,IACJ,CACR,EACA,QAAQ,GAAG,CAAC,IAAI,CACf,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,kBAAkB,kBAC9D,QAAQ,IACL,CACR,EACA,SAAS,GAAG,CAAC,IAAI,CAChB,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,mBAAmB,uBAC/D,SAAS,IACN,CACR,IACG,CACP,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,SAAS,EAC7E,OAAO,EAAE,OAAO,gBACL,kBAAkB,uBAGtB,IACF,CACV,CAAC;AACJ,CAAC"}

package/dist/versioning/components/version-compare/DocumentDiffList.d.ts

@@ -0,0 +1,39 @@
+/**
+ * DocumentDiffList Component
+ *
+ * Multi-document wrapper that displays a list of documents with
+ * change summaries and expandable rows showing per-document
+ * component diffs.
+ */
+import React from 'react';
+import type { BranchDocumentComparison } from '../../utils/branchDiff.js';
+/**
+ * Props for the DocumentDiffList component.
+ */
+export interface DocumentDiffListProps {
+    /**
+     * Array of document comparisons to display.
+     */
+    documents: BranchDocumentComparison[];
+    /**
+     * Name of the source branch.
+     */
+    sourceBranchName: string;
+    /**
+     * Name of the target branch.
+     */
+    targetBranchName: string;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Renders a list of documents with change count badges and expandable
+ * rows for viewing component-level diffs per document.
+ *
+ * @param props - {@link DocumentDiffListProps}
+ * @returns A React element with expandable document rows and change count badges.
+ */
+export declare function DocumentDiffList({ documents, sourceBranchName, targetBranchName, className, }: DocumentDiffListProps): React.ReactElement;
+//# sourceMappingURL=DocumentDiffList.d.ts.map

package/dist/versioning/components/version-compare/DocumentDiffList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentDiffList.d.ts","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DocumentDiffList.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,EAAE,wBAAwB,EAAE,CAAC;IAEtC;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,SAAc,GACf,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAuF5C"}

package/dist/versioning/components/version-compare/DocumentDiffList.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DocumentDiffList Component
+ *
+ * Multi-document wrapper that displays a list of documents with
+ * change summaries and expandable rows showing per-document
+ * component diffs.
+ */
+import { useState } from 'react';
+import { ComponentTree } from './ComponentTree.js';
+/**
+ * Renders a list of documents with change count badges and expandable
+ * rows for viewing component-level diffs per document.
+ *
+ * @param props - {@link DocumentDiffListProps}
+ * @returns A React element with expandable document rows and change count badges.
+ */
+export function DocumentDiffList({ documents, sourceBranchName, targetBranchName, className = '', }) {
+    const baseClass = 'document-diff-list';
+    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const [expandedDocId, setExpandedDocId] = useState(null);
+    const isEmpty = documents.length === 0;
+    const handleToggle = (docId) => {
+        setExpandedDocId((prev) => (prev === docId ? null : docId));
+    };
+    return (_jsxs("div", { className: classes, "data-source-branch": sourceBranchName, "data-target-branch": targetBranchName, children: [!isEmpty && (_jsx("div", { className: `${baseClass}__header`, children: _jsx("span", { className: `${baseClass}__summary`, children: `${documents.length} documents` }) })), isEmpty ? (_jsx("div", { className: `${baseClass}__empty`, children: "No documents to compare" })) : (_jsx("div", { className: `${baseClass}__rows`, children: documents.map((doc) => {
+                    const isExpanded = expandedDocId === doc.documentId;
+                    const { added, removed, modified } = doc.counts;
+                    return (_jsxs("div", { className: `${baseClass}__row${isExpanded ? ` ${baseClass}__row--expanded` : ''}`, children: [_jsxs("button", { type: "button", className: `${baseClass}__row-header`, onClick: () => handleToggle(doc.documentId), children: [_jsx("span", { className: `${baseClass}__path`, children: doc.documentPath }), _jsxs("span", { className: `${baseClass}__badges`, children: [added > 0 && (_jsxs("span", { className: `${baseClass}__badge ${baseClass}__badge--added`, children: ["+", added] })), removed > 0 && (_jsxs("span", { className: `${baseClass}__badge ${baseClass}__badge--removed`, children: ["-", removed] })), modified > 0 && (_jsxs("span", { className: `${baseClass}__badge ${baseClass}__badge--modified`, children: ["~", modified] }))] })] }), isExpanded && (_jsx("div", { className: `${baseClass}__detail`, children: doc.isPuckData ? (_jsx(ComponentTree, { diffs: doc.diffs, side: "after" })) : (_jsx("div", { className: `${baseClass}__non-puck`, children: "This is not a Puck document. Detailed diff view is not available." })) }))] }, doc.documentId));
+                }) }))] }));
+}
+//# sourceMappingURL=DocumentDiffList.js.map

package/dist/versioning/components/version-compare/DocumentDiffList.js.map

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