@pantheon-systems/puck-css 0.4.0

package/dist/pds/components/PageNavigator.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PageNavigator component.
+ *
+ * Overlay panel for navigating between pages (documents) in the editor.
+ * Uses createPortal + position:fixed to escape header overflow constraints.
+ * Filters out archived documents and internal _registry/* paths.
+ *
+ * The `portalStyle` prop should be computed SYNCHRONOUSLY in the click handler
+ * of the parent (before this component first renders) to avoid a two-render
+ * flash where the portal appears at y=0 before being repositioned.
+ */
+import { useState, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import styles from './PageNavigator.module.css';
+export function PageNavigator({ documents, currentDocument, onSelect, onClose, open, isMainBranch, onCreateDocument, portalStyle, }) {
+    const [query, setQuery] = useState('');
+    const [isCreating, setIsCreating] = useState(false);
+    const [newPath, setNewPath] = useState('');
+    const [createError, setCreateError] = useState(null);
+    const handleCreate = useCallback(async (e) => {
+        e.preventDefault();
+        if (!newPath.trim() || !onCreateDocument)
+            return;
+        const path = newPath.startsWith('/') ? newPath.slice(1) : newPath;
+        const normalizedPath = path.startsWith('/') ? path : `/${path}`;
+        setCreateError(null);
+        try {
+            await onCreateDocument(path);
+            setNewPath('');
+            setIsCreating(false);
+            // Navigate to the newly created page
+            onSelect({ id: normalizedPath, path: normalizedPath, archived: false });
+            onClose();
+        }
+        catch (err) {
+            setCreateError(err instanceof Error ? err.message : 'Failed to create page');
+        }
+    }, [newPath, onCreateDocument, onSelect, onClose]);
+    if (!open)
+        return null;
+    // Filter: exclude archived, exclude internal _* paths (e.g. /_registry/, _registry/)
+    // Normalize away a leading slash so both `/path` and `path` forms are caught.
+    const visible = documents.filter((doc) => {
+        if (doc.archived)
+            return false;
+        const normalizedPath = doc.path.startsWith('/') ? doc.path.slice(1) : doc.path;
+        return !normalizedPath.startsWith('_');
+    });
+    const filtered = query
+        ? visible.filter((doc) => doc.path.toLowerCase().includes(query.toLowerCase()))
+        : visible;
+    const content = (_jsxs("div", { className: styles.root, role: "dialog", "aria-label": "Page navigator", style: portalStyle, children: [_jsxs("div", { className: styles.header, children: [_jsx("input", { autoFocus: true, type: "text", "data-testid": "page-navigator-search", className: styles.search, placeholder: "Search pages\u2026", value: query, onChange: (e) => setQuery(e.target.value) }), _jsx("button", { type: "button", className: styles.closeButton, onClick: onClose, "aria-label": "Close", children: "\u00D7" })] }), _jsxs("ul", { className: styles.list, children: [filtered.map((doc) => {
+                        const isCurrent = currentDocument !== null && doc.id === currentDocument.id;
+                        const isLiveOnly = isMainBranch === false && doc.inherited === true;
+                        return (_jsx("li", { children: _jsx("button", { type: "button", "data-testid": "page-navigator-item", "data-inherited": isLiveOnly ? 'true' : undefined, className: `${styles.item}${isCurrent ? ` ${styles.itemCurrent}` : ''}${isLiveOnly ? ` ${styles.itemInherited}` : ''}`, onClick: () => { onSelect(doc); setQuery(''); }, "aria-current": isCurrent ? 'page' : undefined, children: doc.path }) }, doc.id));
+                    }), filtered.length === 0 && (_jsx("li", { className: styles.empty, children: "No pages found" }))] }), _jsx("div", { className: styles.footer, children: isCreating ? (_jsxs("form", { "data-testid": "page-navigator-create-form", className: styles.createForm, onSubmit: handleCreate, children: [_jsx("input", { autoFocus: true, type: "text", "data-testid": "page-navigator-create-input", className: styles.createInput, placeholder: "page-path", value: newPath, onChange: (e) => setNewPath(e.target.value) }), _jsxs("div", { className: styles.createActions, children: [_jsx("button", { type: "submit", className: styles.createSubmit, children: "Create" }), _jsx("button", { type: "button", "data-testid": "page-navigator-create-cancel", className: styles.createCancel, onClick: () => { setIsCreating(false); setNewPath(''); setCreateError(null); }, children: "Cancel" })] }), createError && (_jsx("div", { "data-testid": "page-navigator-create-error", className: styles.createError, children: createError }))] })) : (_jsx("button", { type: "button", "data-testid": "page-navigator-new", className: styles.newButton, onClick: onCreateDocument ? () => setIsCreating(true) : undefined, children: "+ New page" })) })] }));
+    return portalStyle ? createPortal(content, document.body) : content;
+}
+//# sourceMappingURL=PageNavigator.js.map

package/dist/pds/components/PageNavigator.js.map

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

package/dist/pds/components/PageNavigator.module.css

@@ -0,0 +1,276 @@
+/**
+ * PageNavigator — CSS Module
+ *
+ * Styles for the portal-rendered page-navigation dropdown.
+ * The root element is injected into document.body via createPortal and
+ * positioned with inline `style` (position:fixed + top/left/width/zIndex)
+ * so it escapes the header's overflow constraints.
+ *
+ * Font sizes, list max-height, and dropdown width match the prototype
+ * (PantheonP1PuckEditor-PDS.jsx PageNavigator component):
+ *   • fontSize: t.sizeS = var(--pds-typography-size-s, 0.875rem)
+ *   • list max-height: 360px with overflow-y: auto
+ *   • dropdown width: 560px max (set via inline style from positioning effect)
+ *   • z-index: 9999 (set via inline style from positioning effect)
+ */
+
+.root {
+  display: flex;
+  flex-direction: column;
+  background: var(--pds-color-bg-default, oklch(1.0000 0 0));
+  border: 1px solid oklch(0.96 0 0); /* c.borderSubtle */
+  border-radius: var(--pds-border-radius-container, 0.375rem);
+  box-shadow:
+    var(
+      --pds-elevation-overlay,
+      0px 0px 0px 1px rgba(0, 0, 0, 0.08),
+      0px 1px 1px 0px rgba(0, 0, 0, 0.02),
+      0px 8px 16px -4px rgba(0, 0, 0, 0.04),
+      0px 24px 32px -8px rgba(0, 0, 0, 0.06)
+    );
+  overflow: hidden;
+  /* z-index and positioning are set via inline style from the portal effect */
+}
+
+/* ── Header row: search input + close button ──────────────────────────── */
+
+.header {
+  display: flex;
+  align-items: center;
+  padding: var(--pds-spacing-xs, 0.625rem);
+  border-bottom: 1px solid oklch(0.96 0 0); /* c.borderSubtle */
+  gap: 0.512rem;
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+}
+
+/* ── Search input ──────────────────────────────────────────────────────── */
+/* Prototype: fontSize t.sizeS, bgMuted, borderInput */
+
+.search {
+  flex: 1;
+  border: 1px solid var(--pds-color-border-input, oklch(0.8853 0 0));
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  outline: none;
+  padding: 0.5rem 0.64rem;
+  background: var(--pds-color-bg-default, oklch(1.0000 0 0));
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  height: 2rem;
+  line-height: 1;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.search:focus {
+  border-color: var(--pds-color-interactive-focus, oklch(0.5558 0.2372 267.79));
+  box-shadow: 0 0 0 2px oklch(0.5558 0.2372 267.79 / 0.15);
+}
+
+/* ── Close button ──────────────────────────────────────────────────────── */
+
+.closeButton {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 1.25rem;
+  line-height: 1;
+  color: var(--pds-color-fg-default-secondary, oklch(0.5103 0 0));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  flex-shrink: 0;
+}
+
+.closeButton:hover {
+  background: oklch(0.96 0 0); /* c.bgSubtle */
+}
+
+/* ── Document list ─────────────────────────────────────────────────────── */
+/* Prototype: maxHeight 360px, overflowY auto */
+
+.list {
+  list-style: none;
+  margin: 0;
+  padding: 0.41rem;
+  overflow-y: auto;
+  max-height: 360px;
+  flex: 1;
+}
+
+/* ── List item button ──────────────────────────────────────────────────── */
+/* Prototype: fontSize t.sizeS = 0.875rem, border-radius default */
+
+.item {
+  display: block;
+  width: 100%;
+  padding: 0.41rem 0.64rem;
+  background: none;
+  border: none;
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  text-align: left;
+  cursor: pointer;
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5;
+}
+
+.item[aria-current='page'],
+.itemCurrent {
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  background: var(--pds-color-status-info-background, oklch(0.9683 0.0161 245.08));
+  color: var(--pds-color-interactive-link-default, oklch(0.5558 0.2372 267.79));
+}
+
+.item:hover {
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+}
+
+/* ── Inherited (live-only) item — exists on live but not this branch ─── */
+
+.itemInherited {
+  color: var(--pds-color-fg-default-secondary, oklch(0.5103 0 0));
+}
+
+/* ── Empty state ───────────────────────────────────────────────────────── */
+
+.empty {
+  padding: 0.64rem;
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default-secondary, oklch(0.5103 0 0));
+  font-style: italic;
+}
+
+/* ── Footer ────────────────────────────────────────────────────────────── */
+
+.footer {
+  padding: 0.512rem 0.64rem;
+  border-top: 1px solid oklch(0.96 0 0); /* c.borderSubtle */
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+  display: flex;
+  align-items: center;
+}
+
+/* ── Create form (replaces footer when isCreating) ────────────────────── */
+
+.createForm {
+  display: flex;
+  flex-direction: column;
+  gap: 0.41rem;
+  width: 100%;
+}
+
+.createInput {
+  flex: 1;
+  border: 1px solid var(--pds-color-border-input, oklch(0.8853 0 0));
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  outline: none;
+  padding: 0.375rem 0.5rem;
+  background: var(--pds-color-bg-default, oklch(1.0000 0 0));
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.createInput:focus {
+  border-color: var(--pds-color-interactive-focus, oklch(0.5558 0.2372 267.79));
+  box-shadow: 0 0 0 2px oklch(0.5558 0.2372 267.79 / 0.15);
+}
+
+.createActions {
+  display: flex;
+  gap: 0.41rem;
+}
+
+.createSubmit {
+  flex: 1;
+  padding: 0.375rem 0.5rem;
+  background: var(--pds-color-interactive-default, oklch(0.5558 0.2372 267.79));
+  color: oklch(1.0000 0 0);
+  border: none;
+  border-radius: var(--pds-border-radius-button, 3.5rem);
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  cursor: pointer;
+}
+
+.createSubmit:hover {
+  background: var(--pds-color-interactive-hover, oklch(0.4558 0.2372 267.79));
+}
+
+.createCancel {
+  padding: 0.375rem 0.5rem;
+  background: transparent;
+  border: 1px solid oklch(0.8853 0 0);
+  border-radius: var(--pds-border-radius-button, 3.5rem);
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  cursor: pointer;
+}
+
+.createCancel:hover {
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+}
+
+.createError {
+  font-size: var(--pds-typography-size-xs, 0.75rem);
+  color: var(--pds-color-status-critical-foreground, oklch(0.5274 0.2069 27.33));
+}
+
+/* ── New page button ───────────────────────────────────────────────────── */
+
+.newButton {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.41rem;
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid oklch(0.8853 0 0); /* c.btnSecondaryBorder */
+  border-radius: var(--pds-border-radius-button, 3.5rem);
+  padding: 0.5rem 0.625rem;
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  height: 2rem;
+  line-height: 1;
+  letter-spacing: 0.025em;
+  transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);
+}
+
+.newButton:hover {
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+}
+
+/* ── Mobile: full-width dropdown with horizontal scroll for long paths ── */
+
+@media (max-width: 767px) {
+  .root {
+    border-radius: 0;
+    border-left: none;
+    border-right: none;
+  }
+
+  .list {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .item {
+    width: max-content;
+    min-width: 100%;
+    overflow: visible;
+    text-overflow: clip;
+  }
+}

package/dist/pds/components/PresenceStack.d.ts

@@ -0,0 +1,17 @@
+/**
+ * PresenceStack component.
+ *
+ * Renders a horizontal stack of actor avatars using PDS Avatar, up to
+ * maxVisible, then shows an overflow badge ("+N") for any remaining actors.
+ * Each avatar shows a tooltip with the actor's name; the overflow badge
+ * shows a tooltip listing all actor names.
+ */
+import React from 'react';
+import type { ActorPresence } from '@pantheon-systems/css-client';
+export type { ActorPresence };
+export interface PresenceStackProps {
+    actors: ActorPresence[];
+    maxVisible?: number;
+}
+export declare function PresenceStack({ actors, maxVisible }: PresenceStackProps): React.JSX.Element;
+//# sourceMappingURL=PresenceStack.d.ts.map

package/dist/pds/components/PresenceStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceStack.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,UAAc,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+D/F"}

package/dist/pds/components/PresenceStack.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Tooltip } from '@pantheon-systems/pds-toolkit-react';
+import { getAvatarStyleOverride } from '../../collaboration/utils/avatarColor.js';
+import styles from './PresenceStack.module.css';
+export function PresenceStack({ actors, maxVisible = 3 }) {
+    if (actors.length === 0) {
+        return _jsx("div", { className: styles.stack });
+    }
+    const visibleActors = actors.slice(0, maxVisible);
+    const overflowCount = actors.length - visibleActors.length;
+    const allNames = actors.map((a) => a.name).join('\n');
+    return (_jsxs("div", { className: styles.stack, children: [visibleActors.map((actor) => (_jsx("div", { className: styles.avatarWrapper, style: getAvatarStyleOverride(actor.actorId), children: _jsx(Tooltip, { content: actor.name, preferredPlacement: "top", customTrigger: actor.avatar ? (_jsx("div", { "data-testid": "presence-avatar", className: "pds-avatar pds-avatar--sm pds-avatar--image", children: _jsx("span", { className: "pds-avatar__content", children: _jsx("img", { alt: actor.name, className: "pds-avatar__image", src: actor.avatar, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }) })) : (_jsx(Avatar, { uniqueId: actor.actorId, hasUserFallback: true, size: "s", "data-testid": "presence-avatar" })) }) }, actor.id))), overflowCount > 0 && (_jsx("div", { className: styles.overflowWrapper, children: _jsx(Tooltip, { content: allNames, preferredPlacement: "top", customTrigger: _jsxs("span", { "data-testid": "presence-overflow", className: styles.overflow, children: ["+", overflowCount] }) }) }))] }));
+}
+//# sourceMappingURL=PresenceStack.js.map

package/dist/pds/components/PresenceStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceStack.js","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAShD,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,UAAU,GAAG,CAAC,EAAsB;IAC1E,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC;IAC1C,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEtD,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aACzB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,cAEE,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,YAE5C,KAAC,OAAO,IACN,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,kBAAkB,EAAC,KAAK,EACxB,aAAa,EACX,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,6BACc,iBAAiB,EAC7B,SAAS,EAAC,6CAA6C,YAEvD,eAAM,SAAS,EAAC,qBAAqB,YACnC,cACE,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,cAAc,EAAC,aAAa,EAC5B,WAAW,EAAC,WAAW,GACvB,GACG,GACH,CACP,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,eAAe,QACf,IAAI,EAAC,GAAG,iBACI,iBAAiB,GAC7B,CACH,GAEH,IAhCG,KAAK,CAAC,EAAE,CAiCT,CACP,CAAC,EACD,aAAa,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YACpC,KAAC,OAAO,IACN,OAAO,EAAE,QAAQ,EACjB,kBAAkB,EAAC,KAAK,EACxB,aAAa,EACX,+BAAkB,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,kBAC5D,aAAa,IACV,GAET,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/pds/components/PresenceStack.module.css

@@ -0,0 +1,48 @@
+/* ============================================================================
+ * PresenceStack — CSS Module
+ *
+ * Horizontal stack of overlapping PDS Avatar components. Each avatar after
+ * the first is offset with a negative margin to create the overlap effect.
+ * An overflow "+N" badge follows the last visible avatar.
+ * ============================================================================ */
+
+.stack {
+  display: inline-flex;
+  align-items: center;
+  flex-direction: row;
+}
+
+/* Wrapper around each PDS Avatar — handles overlap margin and stacking */
+.avatarWrapper {
+  margin-left: -0.512rem;
+}
+
+.avatarWrapper:first-child {
+  margin-left: 0;
+}
+
+/* Wrapper that carries the overlap margin for the overflow tooltip */
+.overflowWrapper {
+  margin-left: -0.512rem;
+  display: inline-flex;
+}
+
+
+/* Overflow badge — "+N" for hidden actors */
+.overflow {
+  flex-shrink: 0;
+  width: 1.563rem;
+  height: 1.563rem;
+  border-radius: 50%;
+  border: 1px solid var(--pds-color-bg-default, oklch(1 0 0));
+  background: oklch(0.96 0 0);
+  color: var(--pds-color-fg-default-secondary, oklch(0.5103 0 0));
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-2xs, 0.625rem);
+  font-weight: var(--pds-typography-fw-semibold, 600);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  cursor: default;
+}

package/dist/pds/components/PublishControl.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DocState } from '../types.js';
+interface PublishControlProps {
+    docState: DocState;
+    hasDrift?: boolean;
+    context: 'branch' | 'main';
+    onPublish?: () => Promise<void> | void;
+    onReviewAndPublish?: () => void;
+    onCreateWorkstream?: () => void;
+    onSchedulePublish?: () => void;
+    onDeleteDocument?: () => Promise<void> | void;
+}
+export declare function PublishControl({ docState, hasDrift, context, onPublish, onReviewAndPublish, onCreateWorkstream, onDeleteDocument, }: PublishControlProps): React.ReactElement;
+export {};
+//# sourceMappingURL=PublishControl.d.ts.map

package/dist/pds/components/PublishControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishControl.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PublishControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO5C,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC/C;AAgCD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAsF1C"}

package/dist/pds/components/PublishControl.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { SplitButton, Button, useToast, ToastType } from '@pantheon-systems/pds-toolkit-react';
+import { DocStateBadge } from './DocStateBadge.js';
+import styles from './PublishControl.module.css';
+const PUBLISH_CONFIRM_TOAST_ID = 'publish-confirm';
+const DELETE_CONFIRM_TOAST_ID = 'delete-confirm';
+function buildActionItems(docState, hasDrift, context, onRequestPublish, onReviewAndPublish, onCreateWorkstream, onRequestDelete) {
+    const items = [];
+    if (docState === 'modified' && !hasDrift) {
+        items.push({ label: 'Publish to live', callback: () => onRequestPublish?.() });
+        items.push({ label: 'Schedule publish', callback: () => { }, disabled: true });
+    }
+    else if (docState === 'modified' && hasDrift) {
+        items.push({ label: 'Review & publish', callback: () => onReviewAndPublish?.() });
+        items.push({ label: 'Schedule publish', callback: () => { }, disabled: true });
+    }
+    else if (docState === 'unpublished' && context === 'main') {
+        items.push({ label: 'Publish', callback: () => onRequestPublish?.() });
+        items.push({ label: 'Create a new workstream', callback: () => onCreateWorkstream?.() });
+        items.push({ label: 'Schedule publish', callback: () => { }, disabled: true });
+    }
+    if (onRequestDelete) {
+        items.push({ label: 'Delete page', callback: () => onRequestDelete() });
+    }
+    return items;
+}
+export function PublishControl({ docState, hasDrift = false, context, onPublish, onReviewAndPublish, onCreateWorkstream, onDeleteDocument, }) {
+    const [addToast, toastApi] = useToast();
+    const handlePublishRequest = useCallback(() => {
+        addToast(ToastType.Warning, _jsxs("div", { className: styles.confirmContent, children: [_jsx("span", { children: "Publish directly to live site?" }), _jsxs("div", { className: "pds-button-group", children: [_jsx(Button, { label: "Confirm", onClick: () => {
+                                toastApi.dismiss(PUBLISH_CONFIRM_TOAST_ID);
+                                void onPublish?.();
+                            }, size: "sm", variant: "reverse" }), _jsx(Button, { label: "Cancel", onClick: () => toastApi.dismiss(PUBLISH_CONFIRM_TOAST_ID), size: "sm", variant: "reverse-secondary" })] })] }), { toastId: PUBLISH_CONFIRM_TOAST_ID });
+    }, [addToast, toastApi, onPublish]);
+    const handleDeleteRequest = useCallback(() => {
+        addToast(ToastType.Warning, _jsxs("div", { className: styles.confirmContent, children: [_jsx("span", { children: "Permanently delete this page?" }), _jsxs("div", { className: "pds-button-group", children: [_jsx(Button, { label: "Delete", onClick: () => {
+                                toastApi.dismiss(DELETE_CONFIRM_TOAST_ID);
+                                void onDeleteDocument?.();
+                            }, size: "sm", variant: "reverse" }), _jsx(Button, { label: "Cancel", onClick: () => toastApi.dismiss(DELETE_CONFIRM_TOAST_ID), size: "sm", variant: "reverse-secondary" })] })] }), { toastId: DELETE_CONFIRM_TOAST_ID });
+    }, [addToast, toastApi, onDeleteDocument]);
+    const actionItems = buildActionItems(docState, hasDrift, context, handlePublishRequest, onReviewAndPublish, onCreateWorkstream, onDeleteDocument ? handleDeleteRequest : undefined);
+    const hasActions = actionItems.length > 0;
+    return (_jsxs("div", { className: styles.container, "data-testid": "publish-control", children: [_jsx("span", { className: styles.stateBadge, children: _jsx(DocStateBadge, { docState: docState, hasDrift: hasDrift }) }), hasActions && (_jsx(SplitButton, { id: "publish-split-button", "data-testid": "publish-split-button", actionItems: actionItems, size: "s", variant: "primary" }))] }));
+}
+//# sourceMappingURL=PublishControl.js.map

package/dist/pds/components/PublishControl.js.map

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

package/dist/pds/components/PublishControl.module.css

@@ -0,0 +1,36 @@
+/* ============================================================================
+ * PublishControl — CSS Module
+ *
+ * Compound component: DocStateBadge + PDS SplitButton.
+ * Publish confirmation appears via the PDS Toaster (position: fixed).
+ * ============================================================================ */
+
+.container {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.512rem;
+}
+
+.container :global(.pds-split-button) {
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+}
+
+/* ── Responsive: hide state badge on mobile ──────────────────────────── */
+
+.stateBadge {
+  display: contents;
+}
+
+@media (max-width: 767px) {
+  .stateBadge {
+    display: none;
+  }
+}
+
+/* Layout for Confirm/Cancel buttons inside the warning toast */
+.confirmContent {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  flex-wrap: wrap;
+}

package/dist/pds/components/WorkstreamSwitcher.d.ts

@@ -0,0 +1,26 @@
+/**
+ * WorkstreamSwitcher component.
+ *
+ * Displays the current branch in a trigger button and opens a dropdown that
+ * lists all branches, supports search filtering, exposes a "Compare with
+ * Live" action when the viewer is not on the main branch, and provides an
+ * inline "New workstream" create form in the footer.
+ *
+ * The dropdown uses createPortal + position:fixed so it escapes any
+ * overflow:hidden or z-index constraints on ancestor elements (e.g. Puck's
+ * header container or sidebar panels).
+ */
+import React from 'react';
+import type { Branch } from '@pantheon-systems/css-client';
+export interface WorkstreamSwitcherProps {
+    branches: Branch[];
+    currentBranch: Branch | null;
+    onSwitch: (branchId: string) => void;
+    onCompareWithLive: () => void;
+    /** Set to true when the parent already renders its own Compare button */
+    hideCompareButton?: boolean;
+    /** Called when the user creates a new workstream branch. */
+    onCreateBranch?: (name: string) => Promise<void>;
+}
+export declare function WorkstreamSwitcher({ branches, currentBranch, onSwitch, onCompareWithLive, hideCompareButton, onCreateBranch, }: WorkstreamSwitcherProps): React.JSX.Element;
+//# sourceMappingURL=WorkstreamSwitcher.d.ts.map

package/dist/pds/components/WorkstreamSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkstreamSwitcher.d.ts","sourceRoot":"","sources":["../../../src/pds/components/WorkstreamSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4DAA4D;IAC5D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,iBAAyB,EACzB,cAAc,GACf,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiQ7C"}