@pantheon-systems/puck-css 0.8.0 → 0.9.0

package/dist/editor/components/OutlinePanel.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * OutlinePanel
+ *
+ * The page's block structure, replacing Puck's stock LayerTree at the `outline`
+ * override key.
+ *
+ */
+import React from 'react';
+import { createUsePuck } from '@puckeditor/core';
+import { Icon } from '@pantheon-systems/pds-toolkit-react';
+import { useP1PuckOptional } from '../../core/P1PuckContext.js';
+import { GripHandleIcon } from '../icons/index.js';
+import { DraggableRow } from './DraggableRow.js';
+import { PanelShell } from './PanelShell.js';
+import { PreviewPanelOverlay } from './PreviewPanelOverlay.js';
+import { flattenOutline, resolveDrop, ROOT_ZONE } from './outlineTree.js';
+import { getIconForComponent } from './componentIconName.js';
+import { useDragReorder } from './useDragReorder.js';
+import styles from './OutlinePanel.module.css';
+const usePuckOutline = createUsePuck();
+export function OutlinePanel() {
+    const p1Puck = useP1PuckOptional();
+    const isViewingHistoricalVersion = p1Puck?.isViewingHistoricalVersion ?? false;
+    const viewingVersion = p1Puck?.viewingVersion ?? null;
+    const returnToLatest = p1Puck?.returnToLatest ?? (() => { });
+    const content = usePuckOutline((s) => s.appState.data.content);
+    const config = usePuckOutline((s) => s.config);
+    const itemSelector = usePuckOutline((s) => s.appState.ui.itemSelector);
+    const dispatch = usePuckOutline((s) => s.dispatch);
+    const rows = React.useMemo(() => flattenOutline(content, config), [content, config]);
+    const isSelected = (row) => !!itemSelector &&
+        itemSelector.index === row.index &&
+        (itemSelector.zone ?? ROOT_ZONE) === row.zone;
+    const select = (row) => {
+        dispatch({ type: 'setUi', ui: { itemSelector: { index: row.index, zone: row.zone } } });
+    };
+    const remove = (row) => {
+        dispatch({ type: 'remove', index: row.index, zone: row.zone });
+    };
+    const { dropTargetId, getDragHandlers } = useDragReorder({
+        getId: (row) => row.id,
+        onReorder: (source, target) => {
+            const move = resolveDrop(source, target);
+            if (move) {
+                dispatch({
+                    type: 'reorder',
+                    sourceIndex: move.sourceIndex,
+                    destinationIndex: move.destinationIndex,
+                    destinationZone: move.zone,
+                });
+            }
+        },
+    });
+    return (_jsx(PreviewPanelOverlay, { isViewingHistoricalVersion: isViewingHistoricalVersion, versionNumber: viewingVersion?.versionNumber ?? undefined, onExitPreview: returnToLatest, children: _jsx(PanelShell, { title: "Outline", children: rows.length === 0 ? (_jsx("div", { className: styles.empty, children: "No blocks yet. Add one from the Blocks panel." })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.eyebrow, children: "Page structure" }), rows.map((row) => (_jsxs(DraggableRow, { depth: row.depth, isSelected: isSelected(row), isDropTarget: dropTargetId === row.id, onSelect: () => select(row), dragHandlers: getDragHandlers(row), children: [_jsx("span", { className: styles.grip, "aria-hidden": "true", children: _jsx(GripHandleIcon, {}) }), _jsx("span", { className: styles.icon, "aria-hidden": "true", children: _jsx(Icon, { iconName: getIconForComponent(row.type, row.label), size: "s" }) }), _jsx("span", { className: styles.label, children: row.label }), _jsx("button", { type: "button", className: styles.delete, "aria-label": `Delete ${row.label}`, 
+                                // stopPropagation on both onClick and onKeyDown: the row div's
+                                // onKeyDown fires on Space/Enter bubbling up from this button,
+                                // which would call select(row) for a block being deleted.
+                                onClick: (e) => {
+                                    e.stopPropagation();
+                                    remove(row);
+                                }, onKeyDown: (e) => e.stopPropagation(), children: _jsx(Icon, { iconName: "trash", size: "s" }) })] }, row.id)))] })) }) }));
+}
+//# sourceMappingURL=OutlinePanel.js.map

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

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

package/dist/editor/components/OutlinePanel.module.css

@@ -0,0 +1,111 @@
+/**
+ * Outline panel
+ */
+
+.eyebrow {
+  padding: 4px 6px 10px;
+  font-size: var(--pds-typography-size-xs, 0.75rem);
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--pds-color-foreground-default-secondary, var(--puck-css-text-secondary));
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--pds-spacing-xs, 0.5rem);
+  width: 100%;
+  margin-bottom: 2px;
+  padding: var(--pds-spacing-xs, 0.5rem) var(--pds-spacing-s, 0.75rem);
+  border: 1px solid transparent;
+  border-radius: 9px;
+  background: transparent;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.row:hover {
+  background: var(--pds-color-interactive-background-hover, var(--puck-css-bg-secondary));
+}
+
+.row:focus-visible {
+  outline: 2px solid var(--pds-color-interactive-focus, var(--puck-css-primary));
+  outline-offset: 2px;
+}
+
+.rowSelected,
+.rowSelected:hover {
+  background: var(--pds-color-interactive-background-selected, var(--puck-css-bg-secondary));
+  border-color: var(--pds-color-border-hover, var(--puck-css-border));
+}
+
+.rowDropTarget {
+  background: var(--pds-color-panel-sunken-background, var(--puck-css-bg-secondary));
+}
+
+.label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-family: var(--pds-typography-ff-compact, 'Inter Tight', 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  color: var(--pds-color-foreground-default, var(--puck-css-text));
+}
+
+.icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--pds-color-foreground-default-secondary, var(--puck-css-text-secondary));
+}
+
+.rowSelected .icon {
+  color: var(--pds-color-interactive-focus, var(--puck-css-primary));
+}
+
+.grip {
+  display: inline-flex;
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--pds-color-foreground-default-secondary, var(--puck-css-text-secondary));
+}
+
+/* Hidden until the row is hovered or something inside it has focus — so the
+   affordance stays reachable by keyboard, not just by pointer. */
+.delete {
+  display: inline-flex;
+  flex-shrink: 0;
+  padding: 2px;
+  border: none;
+  border-radius: 4px;
+  background: none;
+  cursor: pointer;
+  opacity: 0;
+  color: var(--pds-color-foreground-default-secondary, var(--puck-css-text-secondary));
+}
+
+.row:hover .delete,
+.row:focus-within .delete,
+.delete:focus-visible {
+  opacity: 1;
+}
+
+.delete:hover {
+  color: var(--pds-color-status-critical-foreground);
+}
+
+.delete:focus-visible {
+  outline: 2px solid var(--pds-color-interactive-focus, var(--puck-css-primary));
+  outline-offset: 1px;
+}
+
+.empty {
+  padding: 40px var(--pds-spacing-l, 1.5rem);
+  text-align: center;
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-foreground-default-secondary, var(--puck-css-text-secondary));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"P1InspectorFields.d.ts","sourceRoot":"","sources":["../../../src/editor/components/P1InspectorFields.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,YAAY,CA8FrB"}
+{"version":3,"file":"P1InspectorFields.d.ts","sourceRoot":"","sources":["../../../src/editor/components/P1InspectorFields.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,YAAY,CAyGrB"}

package/dist/editor/components/P1InspectorFields.js

@@ -3,10 +3,10 @@ import { createUsePuck, usePuck } from '@puckeditor/core';
 import { IconButton } from '@pantheon-systems/pds-toolkit-react';
 import { useP1PuckOptional } from '../../core/P1PuckContext.js';
 import { templateFromRegistryPath } from '../utils/templatePath.js';
-import { P1TemplateFields } from './P1TemplateFields.js';
-import { InspectorTabHeader } from './InspectorTabHeader.js';
 import { ReadOnlyFieldsGuard } from '../../versioning/components/ReadOnlyFieldsGuard.js';
 import { VersionReadOnlyBanner } from '../../versioning/components/VersionReadOnlyBanner.js';
+import { P1TemplateFields } from './P1TemplateFields.js';
+import { InspectorTabHeader } from './InspectorTabHeader.js';
 // Selectors are at module level so the hook identity is stable across renders.
 const useInspectorPuck = createUsePuck();
 const useInspectorSelectedType = createUsePuck();
@@ -33,7 +33,12 @@ export function P1InspectorFields({ children, }) {
             dispatch({ type: 'setUi', ui: { itemSelector: null } });
         }
         if (tab === 'block' && !itemSelector && contentLength > 0) {
-            dispatch({ type: 'setUi', ui: { itemSelector: { zone: 'default-zone', index: 0 } } });
+            // Puck indexes the root zone as `rootDroppableId` (`root:default-zone`);
+            // the bare zone name resolves to no zone, so getItem() selects nothing.
+            dispatch({
+                type: 'setUi',
+                ui: { itemSelector: { zone: 'root:default-zone', index: 0 } },
+            });
         }
     };
     const handleCollapse = () => {
@@ -47,8 +52,10 @@ export function P1InspectorFields({ children, }) {
     }
     const template = templateFromRegistryPath(css?.currentDocument?.path, css?.templates);
     if (template && !itemSelector && css?.updateTemplate) {
-        return _jsx(P1TemplateFields, { children: children });
+        // Guarded like the main return — without this, template fields stay editable
+        // while viewing a read-only historical version.
+        return (_jsx(ReadOnlyFieldsGuard, { isReadOnly: isReadOnly, children: _jsx(P1TemplateFields, { children: children }) }));
     }
-    return (_jsxs("div", { className: "p1-inspector-fields", children: [_jsx(InspectorTabHeader, { activeTab: activeTab, onTabChange: handleTabChange, isReadOnly: isReadOnly, rightSideBarVisible: rightSideBarVisible, onCollapse: handleCollapse }), isReadOnly && versionNumber !== null && (_jsx(VersionReadOnlyBanner, { versionNumber: versionNumber })), activeTab === 'block' && selectedBlockLabel && (_jsxs("div", { className: "p1-inspector-breadcrumb", "aria-label": "Selected block location", children: [_jsx("span", { className: "p1-inspector-breadcrumb__sep", "aria-hidden": "true", children: "Page" }), _jsx("span", { className: "p1-inspector-breadcrumb__sep", "aria-hidden": "true", children: "\u203A" }), _jsx("span", { className: "p1-inspector-breadcrumb__block", children: selectedBlockLabel })] })), _jsx(ReadOnlyFieldsGuard, { isReadOnly: isReadOnly, children: children })] }));
+    return (_jsxs("div", { className: `p1-inspector-fields${isReadOnly ? ' p1-inspector-fields--readonly' : ''}`, children: [_jsx(InspectorTabHeader, { activeTab: activeTab, onTabChange: handleTabChange, isReadOnly: isReadOnly, rightSideBarVisible: rightSideBarVisible, onCollapse: handleCollapse }), isReadOnly && versionNumber !== null && (_jsx(VersionReadOnlyBanner, { versionNumber: versionNumber })), activeTab === 'block' && selectedBlockLabel && (_jsxs("div", { className: "p1-inspector-breadcrumb", "aria-label": "Selected block location", children: [_jsx("span", { className: "p1-inspector-breadcrumb__sep", "aria-hidden": "true", children: "Page" }), _jsx("span", { className: "p1-inspector-breadcrumb__sep", "aria-hidden": "true", children: "\u203A" }), _jsx("span", { className: "p1-inspector-breadcrumb__block", children: selectedBlockLabel })] })), _jsx(ReadOnlyFieldsGuard, { isReadOnly: isReadOnly, children: children })] }));
 }
 //# sourceMappingURL=P1InspectorFields.js.map

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

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

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

@@ -0,0 +1,25 @@
+/**
+ * PanelHeader
+ *
+ * The heading every left-rail panel wears: title, an optional actions slot, a
+ * collapse button, and the rule beneath. Blocks, Outline, Version history and
+ * Data sources all render it, so their headings stay identical by construction
+ * instead of by three hand-rolled copies drifting apart — which is exactly what
+ * had happened (styles.css defined .css-plugin-panel-header twice, with
+ * different padding).
+ *
+ * Collapsing is built in rather than a required prop: all four panels want the
+ * same dispatch, and every one of them renders inside Puck's context. Pass
+ * `onCollapse` only for work that must happen *in addition*.
+ */
+import React from 'react';
+export interface PanelHeaderProps {
+    /** Panel name, rendered as the heading. */
+    title: string;
+    /** Extra work to run after collapsing. The collapse itself is built in. */
+    onCollapse?: () => void;
+    /** Optional controls rendered between the title and the collapse button. */
+    actions?: React.ReactNode;
+}
+export declare function PanelHeader({ title, onCollapse, actions, }: PanelHeaderProps): React.ReactElement;
+//# sourceMappingURL=PanelHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PanelHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,OAAO,GACR,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAoBvC"}

package/dist/editor/components/PanelHeader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton } from '@pantheon-systems/pds-toolkit-react';
+import { usePuck } from '@puckeditor/core';
+import styles from './PanelHeader.module.css';
+export function PanelHeader({ title, onCollapse, actions, }) {
+    const { dispatch } = usePuck();
+    return (_jsxs("div", { className: styles.header, children: [_jsx("span", { className: styles.title, children: title }), actions, _jsx(IconButton, { ariaLabel: "Collapse panel", iconName: "anglesLeft", size: "s", hasTooltip: true, hasBorder: false, onClick: () => {
+                    dispatch({ type: 'setUi', ui: { leftSideBarVisible: false } });
+                    onCollapse?.();
+                } })] }));
+}
+//# sourceMappingURL=PanelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/editor/components/PanelHeader.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAW9C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,OAAO,GACU;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAE/B,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EAC5C,OAAO,EACR,KAAC,UAAU,IACT,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBAC/D,UAAU,EAAE,EAAE,CAAC;gBACjB,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/PanelHeader.module.css

@@ -0,0 +1,34 @@
+/**
+ * Panel heading
+ *
+ * One heading for every left-rail panel: Blocks, Outline, Version history,
+ * Data sources. Geometry mirrors the prototype's `.panel-header`
+ * (p1-responsive/editor/editor.css:230).
+ */
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--pds-color-border-default, var(--puck-css-border));
+  flex: none;
+}
+
+.title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-family: var(--pds-typography-ff-compact, 'Inter Tight', 'Inter', sans-serif);
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: var(--pds-color-foreground-default, var(--puck-css-text));
+}
+
+/* Trailing controls never shrink when the title is long. */
+.header > *:not(.title) {
+  flex-shrink: 0;
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PanelShellProps {
+    title: string;
+    onCollapse?: () => void;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    testId?: string;
+}
+export declare function PanelShell({ title, onCollapse, actions, children, testId, }: PanelShellProps): React.ReactElement;
+//# sourceMappingURL=PanelShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelShell.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PanelShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAOtC"}

package/dist/editor/components/PanelShell.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PanelHeader } from './PanelHeader.js';
+import styles from './PanelShell.module.css';
+export function PanelShell({ title, onCollapse, actions, children, testId, }) {
+    return (_jsxs("div", { className: styles.shell, "data-testid": testId, children: [_jsx(PanelHeader, { title: title, onCollapse: onCollapse, actions: actions }), _jsx("div", { className: styles.body, children: children })] }));
+}
+//# sourceMappingURL=PanelShell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelShell.js","sourceRoot":"","sources":["../../../src/editor/components/PanelShell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,GACU;IAChB,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBAAe,MAAM,aAC/C,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,EACvE,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAO,IACzC,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/PanelShell.module.css

@@ -0,0 +1,15 @@
+.shell {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.body {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 12px;
+  font-size: 13px;
+  color: var(--pds-color-foreground-default, var(--puck-css-text));
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface PreviewPanelOverlayProps {
+    children: React.ReactNode;
+    /** Whether a historical version is currently being previewed. */
+    isViewingHistoricalVersion?: boolean;
+    /** Version number being previewed — shown in the overlay label. */
+    versionNumber?: number;
+    /** Called when the user clicks "Back to current version". */
+    onExitPreview?: () => void;
+}
+export declare function PreviewPanelOverlay({ children, isViewingHistoricalVersion, versionNumber, onExitPreview, }: PreviewPanelOverlayProps): React.ReactElement;
+//# sourceMappingURL=PreviewPanelOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanelOverlay.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PreviewPanelOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,0BAAkC,EAClC,aAAa,EACb,aAAa,GACd,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAkC/C"}

package/dist/editor/components/PreviewPanelOverlay.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function PreviewPanelOverlay({ children, isViewingHistoricalVersion = false, versionNumber, onExitPreview, }) {
+    return (_jsxs("div", { className: `css-preview-panel-overlay__wrapper${isViewingHistoricalVersion ? ' css-preview-panel-overlay__wrapper--readonly' : ''}`, children: [isViewingHistoricalVersion && (_jsxs("div", { className: "css-preview-panel-overlay", "aria-live": "polite", children: [_jsx("div", { className: "css-preview-panel-overlay__label-wrap", children: _jsxs("p", { className: "css-preview-panel-overlay__label", children: ["You're viewing", versionNumber != null ? ` v${versionNumber}` : ' a historical version', "."] }) }), _jsx("div", { className: "css-preview-panel-overlay__btn-wrap", children: _jsx("button", { type: "button", className: "css-preview-panel-overlay__btn", onClick: onExitPreview, disabled: !onExitPreview, children: "Back to current version" }) })] })), _jsx("div", { className: isViewingHistoricalVersion
+                    ? 'css-preview-panel-overlay__content css-preview-panel-overlay__content--dimmed'
+                    : 'css-preview-panel-overlay__content', "aria-hidden": isViewingHistoricalVersion ? true : undefined, children: children })] }));
+}
+//# sourceMappingURL=PreviewPanelOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanelOverlay.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewPanelOverlay.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,0BAA0B,GAAG,KAAK,EAClC,aAAa,EACb,aAAa,GACY;IACzB,OAAO,CACL,eAAK,SAAS,EAAE,qCAAqC,0BAA0B,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAAE,EAAE,aACrI,0BAA0B,IAAI,CAC7B,eAAK,SAAS,EAAC,2BAA2B,eAAW,QAAQ,aAC3D,cAAK,SAAS,EAAC,uCAAuC,YACpD,aAAG,SAAS,EAAC,kCAAkC,+BACzB,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,aAAa,EAAE,CAAC,CAAC,CAAC,uBAAuB,SACxF,GACA,EACN,cAAK,SAAS,EAAC,qCAAqC,YAClD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,aAAa,wCAGjB,GACL,IACF,CACP,EACD,cACE,SAAS,EACP,0BAA0B;oBACxB,CAAC,CAAC,+EAA+E;oBACjF,CAAC,CAAC,oCAAoC,iBAE7B,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEzD,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -2,5 +2,5 @@ export interface PublishedStatusBadgeProps {
     status: "published" | "unpublished-changes" | "draft";
     className?: string;
 }
-export declare function PublishedStatusBadge({ status, className, }: PublishedStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function PublishedStatusBadge({ status, className, }: PublishedStatusBadgeProps): import("react").JSX.Element;
 //# sourceMappingURL=PublishedStatusBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublishedStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PublishedStatusBadge.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,WAAW,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,GACV,EAAE,yBAAyB,2CAmB3B"}
+{"version":3,"file":"PublishedStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PublishedStatusBadge.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,WAAW,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,GACV,EAAE,yBAAyB,+BAmB3B"}

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

@@ -5,6 +5,10 @@ export interface VersionBannerOverrideProps {
     versions: DocumentVersion[];
     selectedVersionId?: string;
     onVersionSelect?: (version: DocumentVersion) => void;
+    onRestoreVersion?: (version: DocumentVersion) => Promise<void>;
+    canRevert?: boolean;
+    /** The currently filtered version list (from the panel filter). Steppers navigate within this list. */
+    filteredVersions?: DocumentVersion[];
 }
-export declare function VersionBannerOverride({ children, versions, selectedVersionId, onVersionSelect, }: VersionBannerOverrideProps): React.ReactElement;
+export declare function VersionBannerOverride({ children, versions, selectedVersionId, onVersionSelect, onRestoreVersion, canRevert, filteredVersions, }: VersionBannerOverrideProps): React.ReactElement;
 //# sourceMappingURL=VersionBannerOverride.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VersionBannerOverride.d.ts","sourceRoot":"","sources":["../../../src/editor/components/VersionBannerOverride.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,eAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CA0EjD"}
+{"version":3,"file":"VersionBannerOverride.d.ts","sourceRoot":"","sources":["../../../src/editor/components/VersionBannerOverride.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,gBAAgB,GACjB,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAgFjD"}

package/dist/editor/components/VersionBannerOverride.js

@@ -1,15 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 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, }) {
+import { HistoricalVersionBanner } from '../../versioning/components/HistoricalVersionBanner.js';
+export function VersionBannerOverride({ children, versions, selectedVersionId, onVersionSelect, onRestoreVersion, canRevert = false, filteredVersions, }) {
     const p1Context = useP1Puck();
+    // versions are newest-first from the API; index 0 is always the current (latest) version.
     const isViewingOld = !!selectedVersionId && versions.length > 0 && selectedVersionId !== versions[0]?.id;
+    const viewingVersion = versions.find(v => v.id === selectedVersionId);
     // While a switch is loading the next document, currentDocument is null but
     // the empty state must not flash over the still-visible previous canvas.
     const hasOrIsLoadingDocument = p1Context.currentDocument !== null || p1Context.documentLoading;
     const isReturning = p1Context.isReturningToLatest;
-    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]), disabled: isReturning, "aria-busy": isReturning, children: isReturning ? 'Returning…' : 'Return to current' }) })] })), _jsxs("div", { style: { flex: 1, minHeight: 0, position: 'relative' }, children: [_jsx("div", { style: {
+    // Stepper: navigate within the filtered list (falls back to full list if not provided).
+    // Newest-first: lower index = newer, higher index = older.
+    const stepList = filteredVersions ?? versions;
+    const currentIdx = selectedVersionId ? stepList.findIndex(v => v.id === selectedVersionId) : -1;
+    const hasPrevious = currentIdx !== -1 && currentIdx < stepList.length - 1;
+    const hasNext = currentIdx > 0;
+    // Always provide callbacks when previewing so buttons render (disabled state controls usability).
+    const handlePrevious = useCallback(() => { const t = stepList[currentIdx + 1]; if (hasPrevious && t)
+        onVersionSelect?.(t); }, [stepList, currentIdx, hasPrevious, onVersionSelect]);
+    const handleNext = useCallback(() => { const t = stepList[currentIdx - 1]; if (hasNext && t)
+        onVersionSelect?.(t); }, [stepList, currentIdx, hasNext, onVersionSelect]);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [isViewingOld && (_jsx(HistoricalVersionBanner, { version: viewingVersion, onReturnToLatest: () => { if (versions[0])
+                    onVersionSelect?.(versions[0]); }, onRestoreVersion: onRestoreVersion, canRevert: canRevert, isReturning: isReturning, onPrevious: handlePrevious, onNext: handleNext, hasPrevious: hasPrevious, hasNext: hasNext })), _jsxs("div", { style: { flex: 1, minHeight: 0, position: 'relative' }, children: [_jsx("div", { style: {
                             height: '100%',
                             opacity: isReturning ? 0.5 : 1,
                             transition: 'opacity 120ms ease',
@@ -24,7 +39,7 @@ export function VersionBannerOverride({ children, versions, selectedVersionId, o
                             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" })] }))] })] }));
+                            backgroundColor: 'var(--pds-color-bg-default, white)',
+                        }, children: [_jsx(Icon, { iconName: "userAstronaut", size: "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

@@ -1 +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,2EAA2E;IAC3E,yEAAyE;IACzE,MAAM,sBAAsB,GAAG,SAAS,CAAC,eAAe,KAAK,IAAI,IAAI,SAAS,CAAC,eAAe,CAAC;IAC/F,MAAM,WAAW,GAAG,SAAS,CAAC,mBAAmB,CAAC;IAElD,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,EAC5D,QAAQ,EAAE,WAAW,eACV,WAAW,YAErB,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,GAC1C,GACL,IACF,CACP,EAKD,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,aACzD,cACE,KAAK,EAAE;4BACL,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4BAC9B,UAAU,EAAE,oBAAoB;4BAChC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;yBAChD,YAEA,QAAQ,GACL,EACL,CAAC,sBAAsB,IAAI,CAC1B,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"}
+{"version":3,"file":"VersionBannerOverride.js","sourceRoot":"","sources":["../../../src/editor/components/VersionBannerOverride.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { DocumentVersion } from '@pantheon-systems/css-client';
+import type { CurrentUser } from '../../pds/components/P1EditorHeader.js';
+export interface VersionTimelineProps {
+    dayGroups: {
+        label: string;
+        versions: DocumentVersion[];
+    }[];
+    /** Full version list — used to look up revert-source version numbers. */
+    allVersions: DocumentVersion[];
+    selectedVersionId?: string;
+    currentVersionId?: string;
+    isPreviewing: boolean;
+    unpublishedCount: number;
+    currentUser?: CurrentUser;
+    resolveAuthorName?: (id: string, type: 'user' | 'agent') => string | undefined;
+    onVersionSelect?: (version: DocumentVersion) => void;
+}
+export declare function VersionTimeline({ dayGroups, allVersions, selectedVersionId, currentVersionId, isPreviewing, unpublishedCount, currentUser, resolveAuthorName, onVersionSelect, }: VersionTimelineProps): React.ReactElement;
+//# sourceMappingURL=VersionTimeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionTimeline.d.ts","sourceRoot":"","sources":["../../../src/editor/components/VersionTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,eAAe,EAAE,CAAA;KAAE,EAAE,CAAC;IAC5D,yEAAyE;IACzE,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAC/E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,GAChB,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAkF3C"}

package/dist/editor/components/VersionTimeline.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatVersionDate } from '../../versioning/utils/formatVersionDate.js';
+import { versionKinds, VERSION_KIND_META } from '../../versioning/utils/versionKind.js';
+export function VersionTimeline({ dayGroups, allVersions, selectedVersionId, currentVersionId, isPreviewing, unpublishedCount, currentUser, resolveAuthorName, onVersionSelect, }) {
+    return (_jsx("div", { className: "css-plugin-version-groups", children: dayGroups.map((group) => (_jsxs("div", { className: "css-plugin-version-day-group", children: [_jsx("div", { className: "css-plugin-version-day-header", children: group.label }), _jsx("ul", { className: "css-plugin-version-list css-plugin-version-list--timeline", children: group.versions.map((version) => {
+                        const isCurrent = version.id === currentVersionId;
+                        const isSelected = version.id === selectedVersionId;
+                        const kinds = versionKinds(version, currentVersionId);
+                        const primaryKind = kinds[0];
+                        const authorName = resolveAuthorName?.(version.createdById, version.createdByType)
+                            ?? (version.createdById === currentUser?.id
+                                ? (currentUser?.name ?? currentUser?.email ?? 'You')
+                                : version.createdByType === 'agent'
+                                    ? version.createdById
+                                    : 'User');
+                        return (_jsxs("li", { className: [
+                                'css-plugin-version-item',
+                                'css-plugin-version-row',
+                                isCurrent ? 'css-plugin-version-row--current' : '',
+                                isCurrent && isPreviewing ? 'css-plugin-version-row--exits-preview' : '',
+                                isSelected ? 'css-plugin-version-item--selected css-plugin-version-row--selected' : '',
+                            ].filter(Boolean).join(' '), onClick: () => {
+                                if (isCurrent) {
+                                    if (isPreviewing)
+                                        onVersionSelect?.(version);
+                                    return;
+                                }
+                                onVersionSelect?.(version);
+                            }, children: [_jsx("span", { className: [
+                                        'css-plugin-version-dot',
+                                        primaryKind !== 'autosave' ? `css-plugin-version-dot--${primaryKind}` : '',
+                                    ].filter(Boolean).join(' '), "aria-hidden": "true" }), _jsxs("div", { className: "css-plugin-version-content", children: [_jsxs("div", { className: "css-plugin-version-meta", children: [_jsxs("span", { className: "css-plugin-version-number", children: ["v", version.versionNumber] }), kinds.filter(k => VERSION_KIND_META[k].tag).map(k => (_jsx("span", { className: [
+                                                        'css-plugin-version-kind-tag',
+                                                        `css-plugin-version-kind-tag--${k}`,
+                                                        VERSION_KIND_META[k].badgeClass,
+                                                    ].filter(Boolean).join(' '), children: VERSION_KIND_META[k].tag }, k)))] }), _jsxs("div", { className: "css-plugin-version-byline", children: [formatVersionDate(version.createdAt), " \u00B7 ", authorName] }), version.source === 'revert' && version.sourceVersionId && (() => {
+                                            const sourceVer = allVersions.find(v => v.id === version.sourceVersionId);
+                                            return sourceVer ? (_jsxs("div", { className: "css-plugin-version-revert-source", children: ["Reverted to v", sourceVer.versionNumber] })) : null;
+                                        })(), isCurrent && unpublishedCount > 0 && (_jsxs("span", { className: "css-plugin-version-unpublished", children: [unpublishedCount, " unpublished change", unpublishedCount === 1 ? '' : 's'] }))] })] }, version.id));
+                    }) })] }, group.label))) }));
+}
+//# sourceMappingURL=VersionTimeline.js.map

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

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