@pantheon-systems/puck-css 0.4.0

package/dist/editor/components/PuckDataSynchronizer.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PuckDataSynchronizer
+ *
+ * A component that syncs external data changes to Puck's internal state
+ * without remounting the Puck component. This preserves UI state like
+ * which sidebar tab is active.
+ *
+ * This component must be rendered inside the Puck component tree
+ * (e.g., via a plugin or override) to access the usePuck hook.
+ * It safely handles cases where Puck's context isn't available yet.
+ */
+import { Component, useEffect, useState } from 'react';
+import { createUsePuck } from '@puckeditor/core';
+// Create a usePuck hook with selector to avoid unnecessary re-renders
+// We only need dispatch, so we select just that
+const usePuckDispatch = createUsePuck();
+/**
+ * Track the last synced key at module level to survive component remounts.
+ * This is necessary because the plugin may be recreated frequently, which would
+ * reset any component-level refs and cause repeated syncs.
+ *
+ * The tracking is done inside useEffect (not during render) to be safe with
+ * React's concurrent features and strict mode.
+ */
+let lastSyncedKeyModule = null;
+/**
+ * Reset the module-level sync tracking. This is only for testing purposes.
+ * In tests, the module state persists across test cases, which can cause
+ * unexpected behavior. Call this in beforeEach to start each test fresh.
+ *
+ * @internal
+ */
+export function _resetSyncTracking() {
+    lastSyncedKeyModule = null;
+}
+class PuckContextErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, lastSyncKey: props.syncKey };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    static getDerivedStateFromProps(props, state) {
+        // Reset error state when syncKey changes - allows retry on new sync attempts
+        if (props.syncKey !== state.lastSyncKey) {
+            return { hasError: false, lastSyncKey: props.syncKey };
+        }
+        return null;
+    }
+    componentDidCatch(error) {
+        // Only suppress "usePuck must be used inside <Puck>" errors
+        if (!error.message?.includes('usePuck')) {
+            // Re-throw other errors
+            throw error;
+        }
+        // Silently ignore usePuck context errors - the sync will work on subsequent renders
+    }
+    render() {
+        if (this.state.hasError) {
+            // Render nothing when there's an error - sync will be retried when syncKey changes
+            return null;
+        }
+        return this.props.children;
+    }
+}
+/**
+ * Inner component that uses usePuck (only rendered after mount when context is ready)
+ */
+function PuckDataSynchronizerInner({ data, syncKey, }) {
+    // Use selector to only subscribe to dispatch, avoiding re-renders on other state changes
+    const dispatch = usePuckDispatch((s) => s.dispatch);
+    useEffect(() => {
+        // Only sync when:
+        // 1. syncKey is a non-null value (null means "don't sync")
+        // 2. syncKey is different from what we last synced (using module-level tracking)
+        // 3. we have data to sync
+        //
+        // Module-level tracking is critical because:
+        // - The plugin may be recreated frequently, causing this component to remount
+        // - When remounted, component-level refs reset to null
+        // - This would cause duplicate syncs of the same data
+        // - Module-level tracking survives remounts and prevents this
+        if (syncKey !== null && syncKey !== lastSyncedKeyModule && data !== null) {
+            // Update module-level tracking BEFORE dispatching
+            // This is safe because we're in useEffect, not during render
+            lastSyncedKeyModule = syncKey;
+            // Dispatch setData to update Puck's internal state
+            dispatch({
+                type: 'setData',
+                data: data,
+            });
+        }
+    }, [data, syncKey, dispatch]);
+    // This component renders nothing
+    return null;
+}
+/**
+ * Syncs external data changes to Puck without remounting.
+ *
+ * This component renders nothing but uses an effect to dispatch
+ * setData actions when the external data changes.
+ *
+ * It safely handles cases where Puck's context might not be ready yet
+ * by deferring the sync until after the first render using setTimeout
+ * to ensure Puck's context provider is fully initialized.
+ *
+ * An error boundary catches any "usePuck must be used inside <Puck>"
+ * errors for React 19 compatibility.
+ */
+export function PuckDataSynchronizer({ data, syncKey, }) {
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        // Use setTimeout to defer to a later tick, ensuring Puck's context is fully set up
+        const timer = setTimeout(() => {
+            setIsReady(true);
+        }, 0);
+        return () => clearTimeout(timer);
+    }, []);
+    if (!isReady) {
+        return null;
+    }
+    return (_jsx(PuckContextErrorBoundary, { syncKey: syncKey, children: _jsx(PuckDataSynchronizerInner, { data: data, syncKey: syncKey }) }));
+}
+//# sourceMappingURL=PuckDataSynchronizer.js.map

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

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

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

@@ -0,0 +1,47 @@
+/**
+ * PuckSelectionTracker
+ *
+ * A component that watches Puck's selection state and reports changes.
+ * Must be rendered inside the Puck component tree to access the usePuck hook.
+ *
+ * This component enables proactive focus region reporting by converting
+ * Puck's internal selection format to JSON paths that the backend understands.
+ */
+export interface PuckSelectionTrackerProps {
+    /**
+     * Callback when selection changes.
+     * @param path - JSON path of the selected item (e.g., "/content/0"), or null if deselected
+     * @param itemId - The component's ID, or null if deselected
+     */
+    onSelectionChange: (path: string | null, itemId: string | null) => void;
+}
+/**
+ * Watches Puck's selection state and calls onSelectionChange when it changes.
+ *
+ * This component renders nothing but uses Puck's internal state to track
+ * which component the user has selected. The path is formatted to match
+ * the JSON path format used by the backend for region conflict detection.
+ *
+ * @example
+ * ```tsx
+ * function PuckWithTracking() {
+ *   const { setFocusRegions, clearFocus } = useFocusRegionReporting();
+ *
+ *   const handleSelectionChange = (path, itemId) => {
+ *     if (path) {
+ *       setFocusRegions([path]);
+ *     } else {
+ *       clearFocus();
+ *     }
+ *   };
+ *
+ *   return (
+ *     <Puck {...config}>
+ *       <PuckSelectionTracker onSelectionChange={handleSelectionChange} />
+ *     </Puck>
+ *   );
+ * }
+ * ```
+ */
+export declare function PuckSelectionTracker({ onSelectionChange, }: PuckSelectionTrackerProps): null;
+//# sourceMappingURL=PuckSelectionTracker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PuckSelectionTracker.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PuckSelectionTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACzE;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,iBAAiB,GAClB,EAAE,yBAAyB,GAAG,IAAI,CA4BlC"}

package/dist/editor/components/PuckSelectionTracker.js

@@ -0,0 +1,93 @@
+/**
+ * PuckSelectionTracker
+ *
+ * A component that watches Puck's selection state and reports changes.
+ * Must be rendered inside the Puck component tree to access the usePuck hook.
+ *
+ * This component enables proactive focus region reporting by converting
+ * Puck's internal selection format to JSON paths that the backend understands.
+ */
+import { useEffect, useRef } from 'react';
+import { createUsePuck } from '@puckeditor/core';
+// Create a usePuck hook with selector to watch selection state
+const usePuckSelection = createUsePuck();
+/**
+ * Convert Puck's zone/index selector to a JSON path that matches
+ * the document structure.
+ *
+ * Puck's itemSelector format:
+ * - Root zone: { zone: "root:default-zone", index: N } → data.content[N]
+ * - Nested zone: { zone: "{componentId}:{zoneName}", index: M } → data.zones[...][M]
+ *
+ * We convert to document paths that the backend can use for conflict detection:
+ * - Root zone → "/content/{index}"
+ * - Nested zone → "/zones/{componentId}:{zoneName}/{index}"
+ */
+function selectorToPath(zone, index) {
+    // Root zone: "root:default-zone" maps to data.content array
+    if (zone === 'root:default-zone') {
+        return `/content/${index}`;
+    }
+    // Legacy format: "content" also maps to data.content array
+    if (zone === 'content') {
+        return `/content/${index}`;
+    }
+    // Nested zones: "{componentId}:{zoneName}" format
+    // These map to data.zones["{componentId}:{zoneName}"]
+    // We preserve the zone compound as-is for conflict detection
+    return `/zones/${zone}/${index}`;
+}
+/**
+ * Watches Puck's selection state and calls onSelectionChange when it changes.
+ *
+ * This component renders nothing but uses Puck's internal state to track
+ * which component the user has selected. The path is formatted to match
+ * the JSON path format used by the backend for region conflict detection.
+ *
+ * @example
+ * ```tsx
+ * function PuckWithTracking() {
+ *   const { setFocusRegions, clearFocus } = useFocusRegionReporting();
+ *
+ *   const handleSelectionChange = (path, itemId) => {
+ *     if (path) {
+ *       setFocusRegions([path]);
+ *     } else {
+ *       clearFocus();
+ *     }
+ *   };
+ *
+ *   return (
+ *     <Puck {...config}>
+ *       <PuckSelectionTracker onSelectionChange={handleSelectionChange} />
+ *     </Puck>
+ *   );
+ * }
+ * ```
+ */
+export function PuckSelectionTracker({ onSelectionChange, }) {
+    // Track previous values to detect changes (use undefined to distinguish from null)
+    const prevPathRef = useRef(undefined);
+    const prevItemIdRef = useRef(undefined);
+    // Use selector to get just the parts we need
+    const itemSelector = usePuckSelection((state) => state.appState.ui.itemSelector);
+    const selectedItem = usePuckSelection((state) => state.selectedItem);
+    // Convert to path and itemId
+    // Only create path if itemSelector has required fields (zone and index)
+    const path = itemSelector && itemSelector.zone !== undefined && itemSelector.index !== undefined
+        ? selectorToPath(itemSelector.zone, itemSelector.index)
+        : null;
+    const itemId = selectedItem?.props?.id ?? null;
+    // Call onSelectionChange when values change (or on initial render)
+    useEffect(() => {
+        // Use undefined as initial state to ensure we call on first render
+        if (prevPathRef.current === undefined || path !== prevPathRef.current || itemId !== prevItemIdRef.current) {
+            prevPathRef.current = path;
+            prevItemIdRef.current = itemId;
+            onSelectionChange(path, itemId);
+        }
+    }, [path, itemId, onSelectionChange]);
+    // This component renders nothing
+    return null;
+}
+//# sourceMappingURL=PuckSelectionTracker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PuckSelectionTracker.js","sourceRoot":"","sources":["../../../src/editor/components/PuckSelectionTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,+DAA+D;AAC/D,MAAM,gBAAgB,GAAG,aAAa,EAAE,CAAC;AAWzC;;;;;;;;;;;GAWG;AACH,SAAS,cAAc,CAAC,IAAY,EAAE,KAAa;IACjD,4DAA4D;IAC5D,IAAI,IAAI,KAAK,mBAAmB,EAAE,CAAC;QACjC,OAAO,YAAY,KAAK,EAAE,CAAC;IAC7B,CAAC;IAED,2DAA2D;IAC3D,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,YAAY,KAAK,EAAE,CAAC;IAC7B,CAAC;IAED,kDAAkD;IAClD,sDAAsD;IACtD,6DAA6D;IAC7D,OAAO,UAAU,IAAI,IAAI,KAAK,EAAE,CAAC;AACnC,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,iBAAiB,GACS;IAC1B,mFAAmF;IACnF,MAAM,WAAW,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IAEnE,6CAA6C;IAC7C,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IACjF,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAErE,6BAA6B;IAC7B,wEAAwE;IACxE,MAAM,IAAI,GAAG,YAAY,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,IAAI,YAAY,CAAC,KAAK,KAAK,SAAS;QAC9F,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC;QACvD,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,MAAM,GAAG,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,IAAI,CAAC;IAE/C,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,mEAAmE;QACnE,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1G,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;YAC/B,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtC,iCAAiC;IACjC,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,77 @@
+/**
+ * SaveIndicator Component
+ *
+ * Displays the current save status.
+ * Supports both direct props (legacy) and getter functions (preferred for performance).
+ * Using getter functions avoids recreating parent components on status changes.
+ */
+import React from 'react';
+import type { SaveStatus } from '../../core/types.js';
+interface SaveIndicatorProps {
+    /**
+     * Getter function for current save status.
+     * Using a getter instead of direct value allows parent components to remain stable.
+     * Preferred over `status` prop for performance.
+     */
+    getStatus?: () => SaveStatus;
+    /**
+     * Getter function for last successful save timestamp.
+     * Preferred over `lastSaved` prop for performance.
+     */
+    getLastSaved?: () => Date | null;
+    /**
+     * Getter function for last error (if status is 'error').
+     * Preferred over `error` prop for performance.
+     */
+    getError?: () => Error | null;
+    /**
+     * Direct save status value (legacy API).
+     * @deprecated Use getStatus getter for better performance.
+     */
+    status?: SaveStatus;
+    /**
+     * Direct last saved timestamp (legacy API).
+     * @deprecated Use getLastSaved getter for better performance.
+     */
+    lastSaved?: Date | null;
+    /**
+     * Direct error value (legacy API).
+     * @deprecated Use getError getter for better performance.
+     */
+    error?: Error | null;
+    /**
+     * Callback to retry save on error.
+     */
+    onRetry?: () => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Component that displays the current save status.
+ * Supports both getter functions (preferred) and direct props (legacy).
+ * When using getters, the component polls for updates allowing parent components to remain stable.
+ *
+ * @example
+ * ```tsx
+ * // Preferred: using getters (avoids parent re-renders)
+ * <SaveIndicator
+ *   getStatus={() => saveStatusRef.current}
+ *   getLastSaved={() => lastSavedRef.current}
+ *   getError={() => saveErrorRef.current}
+ *   onRetry={saveNow}
+ * />
+ *
+ * // Legacy: using direct props
+ * <SaveIndicator
+ *   status={saveStatus}
+ *   lastSaved={lastSavedDate}
+ *   error={saveError}
+ *   onRetry={saveNow}
+ * />
+ * ```
+ */
+export declare function SaveIndicator({ getStatus, getLastSaved, getError, status: directStatus, lastSaved: directLastSaved, error: directError, onRetry, className, }: SaveIndicatorProps): React.ReactElement;
+export {};
+//# sourceMappingURL=SaveIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SaveIndicator.d.ts","sourceRoot":"","sources":["../../../src/editor/components/SaveIndicator.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,UAAU,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,EAClB,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAqHzC"}

package/dist/editor/components/SaveIndicator.js

@@ -0,0 +1,114 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SaveIndicator Component
+ *
+ * Displays the current save status.
+ * Supports both direct props (legacy) and getter functions (preferred for performance).
+ * Using getter functions avoids recreating parent components on status changes.
+ */
+import { useState, useEffect, useCallback } from 'react';
+/**
+ * Formats a date as a relative time string (e.g., "2 minutes ago").
+ */
+function formatRelativeTime(date) {
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffSeconds = Math.floor(diffMs / 1000);
+    if (diffSeconds < 5) {
+        return 'just now';
+    }
+    if (diffSeconds < 60) {
+        return `${diffSeconds} seconds ago`;
+    }
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    if (diffMinutes < 60) {
+        return diffMinutes === 1 ? '1 minute ago' : `${diffMinutes} minutes ago`;
+    }
+    const diffHours = Math.floor(diffMinutes / 60);
+    if (diffHours < 24) {
+        return diffHours === 1 ? '1 hour ago' : `${diffHours} hours ago`;
+    }
+    return date.toLocaleString();
+}
+/**
+ * Component that displays the current save status.
+ * Supports both getter functions (preferred) and direct props (legacy).
+ * When using getters, the component polls for updates allowing parent components to remain stable.
+ *
+ * @example
+ * ```tsx
+ * // Preferred: using getters (avoids parent re-renders)
+ * <SaveIndicator
+ *   getStatus={() => saveStatusRef.current}
+ *   getLastSaved={() => lastSavedRef.current}
+ *   getError={() => saveErrorRef.current}
+ *   onRetry={saveNow}
+ * />
+ *
+ * // Legacy: using direct props
+ * <SaveIndicator
+ *   status={saveStatus}
+ *   lastSaved={lastSavedDate}
+ *   error={saveError}
+ *   onRetry={saveNow}
+ * />
+ * ```
+ */
+export function SaveIndicator({ getStatus, getLastSaved, getError, status: directStatus, lastSaved: directLastSaved, error: directError, onRetry, className = '', }) {
+    // Determine if using getter API or direct props API
+    const usingGetters = typeof getStatus === 'function';
+    // Internal state that triggers re-renders when values change
+    const [status, setStatus] = useState(usingGetters && getStatus ? getStatus() : (directStatus ?? 'idle'));
+    const [lastSaved, setLastSaved] = useState(usingGetters ? getLastSaved?.() ?? null : (directLastSaved ?? null));
+    const [error, setError] = useState(usingGetters ? getError?.() ?? null : (directError ?? null));
+    // Poll getters to update internal state (only when using getter API)
+    // This allows the component to re-render even though parent props are stable
+    const updateFromGetters = useCallback(() => {
+        if (!usingGetters)
+            return;
+        const newStatus = getStatus();
+        const newLastSaved = getLastSaved?.() ?? null;
+        const newError = getError?.() ?? null;
+        if (newStatus !== status) {
+            setStatus(newStatus);
+        }
+        if (newLastSaved !== lastSaved) {
+            setLastSaved(newLastSaved);
+        }
+        if (newError !== error) {
+            setError(newError);
+        }
+    }, [usingGetters, getStatus, getLastSaved, getError, status, lastSaved, error]);
+    // Poll frequently to catch status changes quickly (getter API only)
+    useEffect(() => {
+        if (!usingGetters)
+            return;
+        const interval = setInterval(updateFromGetters, 100);
+        return () => clearInterval(interval);
+    }, [usingGetters, updateFromGetters]);
+    // Also update immediately on mount and when getters change
+    useEffect(() => {
+        if (usingGetters) {
+            updateFromGetters();
+        }
+    }, [usingGetters, updateFromGetters]);
+    // For direct props API, sync state when props change
+    useEffect(() => {
+        if (!usingGetters && directStatus !== undefined) {
+            setStatus(directStatus);
+        }
+    }, [usingGetters, directStatus]);
+    useEffect(() => {
+        if (!usingGetters) {
+            setLastSaved(directLastSaved ?? null);
+        }
+    }, [usingGetters, directLastSaved]);
+    useEffect(() => {
+        if (!usingGetters) {
+            setError(directError ?? null);
+        }
+    }, [usingGetters, directError]);
+    const baseClass = 'css-puck-save-indicator';
+    return (_jsxs("div", { className: `${baseClass} ${baseClass}--${status} ${className}`, children: [status === 'idle' && lastSaved && (_jsxs("span", { className: `${baseClass}__text`, children: ["Saved ", formatRelativeTime(lastSaved)] })), status === 'saving' && (_jsxs(_Fragment, { children: [_jsx("span", { className: `${baseClass}__spinner`, "aria-hidden": "true" }), _jsx("span", { className: `${baseClass}__text`, children: "Saving..." })] })), status === 'saved' && (_jsxs(_Fragment, { children: [_jsx("span", { className: `${baseClass}__icon ${baseClass}__icon--success`, "aria-hidden": "true", children: "\u2713" }), _jsxs("span", { className: `${baseClass}__text`, children: ["Saved ", lastSaved ? formatRelativeTime(lastSaved) : ''] })] })), status === 'error' && (_jsxs(_Fragment, { children: [_jsx("span", { className: `${baseClass}__icon ${baseClass}__icon--error`, "aria-hidden": "true", children: "\u2715" }), _jsxs("span", { className: `${baseClass}__text`, children: ["Save failed", error ? `: ${error.message}` : ''] }), onRetry && (_jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__retry`, onClick: onRetry, "aria-label": "Retry save", children: "Retry" }))] }))] }));
+}
+//# sourceMappingURL=SaveIndicator.js.map

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

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

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

@@ -0,0 +1,40 @@
+/**
+ * Toast Component
+ *
+ * Displays a single notification toast.
+ */
+import React from 'react';
+import type { Notification } from '../../core/types.js';
+interface ToastProps {
+    /**
+     * The notification to display.
+     */
+    notification: Notification;
+    /**
+     * Callback when the toast is dismissed.
+     */
+    onDismiss: (id: string) => void;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Toast component that displays a single notification.
+ *
+ * @example
+ * ```tsx
+ * <Toast
+ *   notification={{
+ *     id: '1',
+ *     message: 'Changes saved successfully',
+ *     severity: 'success',
+ *     createdAt: new Date(),
+ *   }}
+ *   onDismiss={(id) => removeNotification(id)}
+ * />
+ * ```
+ */
+export declare function Toast({ notification, onDismiss, className, }: ToastProps): React.ReactElement;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Toast.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,qBAAqB,CAAC;AAE9E,UAAU,UAAU;IAClB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAE3B;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,SAAc,GACf,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAuGjC"}

package/dist/editor/components/Toast.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Toast Component
+ *
+ * Displays a single notification toast.
+ */
+import { useEffect, useState } from 'react';
+/**
+ * Get the icon for a notification severity.
+ */
+function getSeverityIcon(severity) {
+    switch (severity) {
+        case 'success':
+            return '✓';
+        case 'error':
+            return '✕';
+        case 'warning':
+            return '⚠';
+        case 'info':
+        default:
+            return 'ℹ';
+    }
+}
+/**
+ * Get the accessible label for a severity.
+ */
+function getSeverityLabel(severity) {
+    switch (severity) {
+        case 'success':
+            return 'Success';
+        case 'error':
+            return 'Error';
+        case 'warning':
+            return 'Warning';
+        case 'info':
+        default:
+            return 'Information';
+    }
+}
+/**
+ * Toast component that displays a single notification.
+ *
+ * @example
+ * ```tsx
+ * <Toast
+ *   notification={{
+ *     id: '1',
+ *     message: 'Changes saved successfully',
+ *     severity: 'success',
+ *     createdAt: new Date(),
+ *   }}
+ *   onDismiss={(id) => removeNotification(id)}
+ * />
+ * ```
+ */
+export function Toast({ notification, onDismiss, className = '', }) {
+    const [isExiting, setIsExiting] = useState(false);
+    const baseClass = 'css-puck-toast';
+    // Handle dismiss with exit animation
+    const handleDismiss = () => {
+        setIsExiting(true);
+        // Allow animation to complete before removing
+        setTimeout(() => {
+            onDismiss(notification.id);
+        }, 200);
+    };
+    // Handle action click
+    const handleActionClick = (onClick) => {
+        onClick();
+        handleDismiss();
+    };
+    // Auto-dismiss progress indicator
+    const [progress, setProgress] = useState(100);
+    const autoDismissMs = notification.autoDismissMs ?? 0;
+    useEffect(() => {
+        if (autoDismissMs <= 0)
+            return;
+        const startTime = Date.now();
+        const updateInterval = 50; // Update every 50ms
+        const timer = setInterval(() => {
+            const elapsed = Date.now() - startTime;
+            const remaining = Math.max(0, 100 - (elapsed / autoDismissMs) * 100);
+            setProgress(remaining);
+            if (remaining <= 0) {
+                clearInterval(timer);
+            }
+        }, updateInterval);
+        return () => clearInterval(timer);
+    }, [autoDismissMs]);
+    return (_jsxs("div", { className: `${baseClass} ${baseClass}--${notification.severity} ${isExiting ? `${baseClass}--exiting` : ''} ${className}`, role: "alert", "aria-live": notification.severity === 'error' ? 'assertive' : 'polite', children: [_jsx("span", { className: `${baseClass}__icon ${baseClass}__icon--${notification.severity}`, "aria-label": getSeverityLabel(notification.severity), children: getSeverityIcon(notification.severity) }), _jsxs("div", { className: `${baseClass}__content`, children: [notification.title && (_jsx("div", { className: `${baseClass}__title`, children: notification.title })), _jsx("div", { className: `${baseClass}__message`, children: notification.message }), notification.actions && notification.actions.length > 0 && (_jsx("div", { className: `${baseClass}__actions`, children: notification.actions.map((action, index) => (_jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__action`, onClick: () => handleActionClick(action.onClick), children: action.label }, index))) }))] }), _jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__dismiss`, onClick: handleDismiss, "aria-label": "Dismiss notification", children: "\u2715" }), autoDismissMs > 0 && (_jsx("div", { className: `${baseClass}__progress`, style: { width: `${progress}%` }, role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }))] }));
+}
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/editor/components/Toast.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoBnD;;GAEG;AACH,SAAS,eAAe,CAAC,QAA8B;IACrD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,QAA8B;IACtD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,SAAS,GAAG,EAAE,GACH;IACX,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,gBAAgB,CAAC;IAEnC,qCAAqC;IACrC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,8CAA8C;QAC9C,UAAU,CAAC,GAAG,EAAE;YACd,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,CAAC,OAAmB,EAAE,EAAE;QAChD,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,kCAAkC;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,IAAI,CAAC;YAAE,OAAO;QAE/B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,MAAM,cAAc,GAAG,EAAE,CAAC,CAAC,oBAAoB;QAE/C,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;YACvC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,CAAC;YACrE,WAAW,CAAC,SAAS,CAAC,CAAC;YAEvB,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;gBACnB,aAAa,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,EAAE,cAAc,CAAC,CAAC;QAEnB,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,KAAK,YAAY,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACzH,IAAI,EAAC,OAAO,eACD,YAAY,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,aAGrE,eACE,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,WAAW,YAAY,CAAC,QAAQ,EAAE,gBAChE,gBAAgB,CAAC,YAAY,CAAC,QAAQ,CAAC,YAElD,eAAe,CAAC,YAAY,CAAC,QAAQ,CAAC,GAClC,EAGP,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,YAAY,CAAC,KAAK,IAAI,CACrB,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,YAAY,CAAC,KAAK,GAAO,CAClE,EACD,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,YAAY,CAAC,OAAO,GAAO,EAGpE,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8C,EAAE,KAAa,EAAE,EAAE,CAAC,CAC3F,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,UAAU,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,YAE/C,MAAM,CAAC,KAAK,IALR,KAAK,CAMH,CACV,CAAC,GACE,CACP,IACG,EAGN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,WAAW,EAC/E,OAAO,EAAE,aAAa,gBACX,sBAAsB,uBAG1B,EAGR,aAAa,GAAG,CAAC,IAAI,CACpB,cACE,SAAS,EAAE,GAAG,SAAS,YAAY,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,EAChC,IAAI,EAAC,aAAa,mBACH,QAAQ,mBACR,CAAC,mBACD,GAAG,GAClB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DocumentVersion } from '@pantheon-systems/css-client';
+export interface VersionBannerOverrideProps {
+    children: React.ReactNode;
+    versions: DocumentVersion[];
+    selectedVersionId?: string;
+    onVersionSelect?: (version: DocumentVersion) => void;
+}
+export declare function VersionBannerOverride({ children, versions, selectedVersionId, onVersionSelect, }: VersionBannerOverrideProps): React.ReactElement;
+//# sourceMappingURL=VersionBannerOverride.d.ts.map

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

@@ -0,0 +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,CA4DjD"}