@batterai/editor-shell 0.1.0

package/dist/components/canvas/CanvasBoard.d.ts

@@ -0,0 +1,97 @@
+import type { KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent, RefObject } from "react";
+import type { ResolvedEditorPreviewAuth } from "../../preview-auth";
+import type { EditorRuntime } from "../../translation";
+import { type Viewport } from "../page-frame/viewport";
+import type { PageNode } from "@batterai/bind-core";
+import type { LayoutColumnView } from "../../model/layout-columns";
+import { type CanvasPageRevisionKind, type HostPageState } from "@batterai/contract";
+import type { EditorShellContentModel } from "../../contentModel";
+import type { BlockDefinition, BlockLibrary, CmsContent, CollectionItem, CanvasPage, PortalUser } from "../../types";
+type ParentPathOption = {
+    pageId: string | null;
+    path: string;
+    label: string;
+};
+type CanvasBoardProps = {
+    activePageId: string;
+    activeRevision: CanvasPageRevisionKind;
+    revisionBusy: boolean;
+    pageStates?: Readonly<Record<string, HostPageState>>;
+    collectionPreviewItems: Record<string, string>;
+    content: CmsContent;
+    contentModel: EditorShellContentModel;
+    currentUser: PortalUser | null;
+    definitions: BlockDefinition[];
+    isDragging: boolean;
+    isTextEditing: boolean;
+    library: BlockLibrary;
+    pages: CanvasPage[];
+    viewportForPage: (pageId: string) => Viewport;
+    setPageViewport: (pageId: string, viewport: Viewport) => void;
+    runtime: EditorRuntime;
+    previewAuth: ResolvedEditorPreviewAuth;
+    selectedId: string | null;
+    selectedIds: string[];
+    siteTitle: string;
+    topLevel: readonly CanvasPage[];
+    pagesInColumn: (topLevelId: string) => readonly CanvasPage[];
+    columnExpanded: (topLevelId: string) => boolean;
+    expandedPages: Set<string>;
+    toggleExpanded: (pageId: string) => void;
+    movingBlockId: string | null;
+    setMovingBlockId: (blockId: string | null) => void;
+    parentPathOptionsFor: (page: CanvasPage) => ParentPathOption[];
+    backStack: string[];
+    loadedColumns: Set<string>;
+    zoom: number;
+    shellRef: RefObject<HTMLElement | null>;
+    boardRef: RefObject<HTMLDivElement | null>;
+    sizerRef: RefObject<HTMLDivElement | null>;
+    zoomLabelRef: RefObject<HTMLButtonElement | null>;
+    zoomRef: RefObject<number>;
+    zoomLabelDragRef: RefObject<{
+        startY: number;
+        startZoom: number;
+        moved: boolean;
+    } | null>;
+    applyZoom: (newZoom: number) => void;
+    centerFrameOnViewport: (pageId: string, finalWidthPx: number) => void;
+    handleZoomLabelPointerDown: (event: ReactPointerEvent<HTMLButtonElement>) => void;
+    handleCanvasKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => void;
+    handleBoardClick: (event: ReactMouseEvent<HTMLElement>) => void;
+    handleBoardMouseDown: (event: ReactMouseEvent<HTMLElement>) => void;
+    handleBack: () => void;
+    handleLogin: (user: PortalUser) => void;
+    onActivatePage: (pageId: string) => void;
+    onRevisionChange: (revision: CanvasPageRevisionKind) => void;
+    onStage: () => void;
+    onUnstage: () => void;
+    onRenameSiteTitle: (title: string) => void;
+    onRenamePage: (pageId: string, title: string) => void;
+    onChangePagePath: (pageId: string, parentId: string | null, path: string) => void;
+    onAddToColumn: (columnId: string, blocks: PageNode[]) => void;
+    onOpenCollectionItem: (collection: string, itemId: string) => void;
+    onEditCollectionItem: (collection: string, itemId: string, patch: Partial<CollectionItem>) => void;
+    onAddCollectionItem: (collection: string) => void;
+    onEditServiceCardIcon: (blockId: string, iconId: string) => void;
+    onBlockDropOnBlock: (sourceId: string, targetId: string, x: number, y: number) => void;
+    onDraggingChange: (dragging: boolean) => void;
+    onInsertBlocks: (pageId: string, index: number, blocks: PageNode[]) => void;
+    onInsertBlocksToColumn: (columnId: string, index: number, blocks: PageNode[]) => void;
+    onMoveBlockToColumn: (blockId: string, columnId: string, index: number) => void;
+    onMoveBlockToIndex: (pageId: string, blockId: string, index: number) => void;
+    onRequestAddPage: (parentId: string | null) => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    onOpenInspector: () => void;
+    onOpenPageInspector: () => void;
+    onUpdateItems: (blockId: string, items: LayoutColumnView[]) => void;
+};
+/**
+ * The presentational board for {@link Canvas}: the toolbar, the zoomable
+ * scroll shell with its lazy-mounted page columns, the back link, and
+ * the zoom control. All state, camera control, windowing, and keyboard wiring
+ * live in Canvas; this component only renders and forwards events.
+ */
+export declare function CanvasBoard({ activePageId, activeRevision, revisionBusy, pageStates, collectionPreviewItems, content, contentModel, currentUser, definitions, isDragging, isTextEditing, library, pages, viewportForPage, setPageViewport, runtime, previewAuth, selectedId, selectedIds, siteTitle, topLevel, pagesInColumn, columnExpanded, expandedPages, toggleExpanded, movingBlockId, setMovingBlockId, parentPathOptionsFor, backStack, loadedColumns, zoom, shellRef, boardRef, sizerRef, zoomLabelRef, zoomRef, zoomLabelDragRef, applyZoom, centerFrameOnViewport, handleZoomLabelPointerDown, handleCanvasKeyDown, handleBoardClick, handleBoardMouseDown, handleBack, handleLogin, onActivatePage, onRevisionChange, onStage, onUnstage, onRenameSiteTitle, onRenamePage, onChangePagePath, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onBlockDropOnBlock, onDraggingChange, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onRequestAddPage, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }: CanvasBoardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasBoard.d.ts.map

package/dist/components/canvas/CanvasBoard.d.ts.map

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

package/dist/components/canvas/CanvasBoard.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowLeft, Minus, Plus } from "lucide-react";
+import { PageFrame } from "../PageFrame.js";
+import { EditableCanvasTitle } from "./EditableCanvasTitle.js";
+import { ZOOM_MAX, ZOOM_MIN, ZOOM_STEP, clampZoom } from "./camera.js";
+import { VIEWPORT_WIDTHS } from "../page-frame/viewport.js";
+import { canvasSpacingCssVariables } from "@batterai/contract";
+/**
+ * The presentational board for {@link Canvas}: the toolbar, the zoomable
+ * scroll shell with its lazy-mounted page columns, the back link, and
+ * the zoom control. All state, camera control, windowing, and keyboard wiring
+ * live in Canvas; this component only renders and forwards events.
+ */
+export function CanvasBoard({ activePageId, activeRevision, revisionBusy, pageStates, collectionPreviewItems, content, contentModel, currentUser, definitions, isDragging, isTextEditing, library, pages, viewportForPage, setPageViewport, runtime, previewAuth, selectedId, selectedIds, siteTitle, topLevel, pagesInColumn, columnExpanded, expandedPages, toggleExpanded, movingBlockId, setMovingBlockId, parentPathOptionsFor, backStack, loadedColumns, zoom, shellRef, boardRef, sizerRef, zoomLabelRef, zoomRef, zoomLabelDragRef, applyZoom, centerFrameOnViewport, handleZoomLabelPointerDown, handleCanvasKeyDown, handleBoardClick, handleBoardMouseDown, handleBack, handleLogin, onActivatePage, onRevisionChange, onStage, onUnstage, onRenameSiteTitle, onRenamePage, onChangePagePath, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onBlockDropOnBlock, onDraggingChange, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onRequestAddPage, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }) {
+    function renderCanvasTitle() {
+        return (_jsx(EditableCanvasTitle, { title: siteTitle, onRename: onRenameSiteTitle, onSelect: onSelect }));
+    }
+    function renderFrame(page) {
+        const protectedPage = previewAuth.isProtectedPage(page);
+        const isPortal = previewAuth.isPreviewPage(page, content);
+        const frameContent = (protectedPage || isPortal) && currentUser ? previewAuth.contentForUser(content, currentUser) : content;
+        const lockedGate = protectedPage && !currentUser ? (_jsxs("section", { className: "portal-auth-placeholder", "aria-label": previewAuth.lockedTitle, children: [_jsx("strong", { children: previewAuth.lockedTitle }), _jsx("span", { children: previewAuth.lockedDescription })] })) : undefined;
+        return (_jsx(PageFrame, { content: frameContent, contentModel: contentModel, lockedGate: lockedGate, isPortal: isPortal, definitions: definitions, isActive: activePageId === page.id, pageState: pageStates?.[page.id], activeRevision: activePageId === page.id ? activeRevision : "draft", revisionBusy: activePageId === page.id && revisionBusy, isDragging: isDragging, isTextEditing: isTextEditing, library: library, movingBlockId: movingBlockId, page: page, viewport: viewportForPage(page.id), runtime: runtime, selectedId: selectedId, selectedIds: selectedIds, isExpanded: expandedPages.has(page.id), onToggleExpanded: () => toggleExpanded(page.id), onViewportChange: centerFrameOnViewport, onViewportSelect: (viewport) => setPageViewport(page.id, viewport), onActivate: () => onActivatePage(page.id), onRevisionChange: onRevisionChange, onStage: onStage, onUnstage: onUnstage, onRenamePage: (title) => onRenamePage(page.id, title), onChangePagePath: (next) => onChangePagePath(page.id, next.parentId, next.path), parentPathOptions: parentPathOptionsFor(page), onAddToColumn: onAddToColumn, onOpenCollectionItem: onOpenCollectionItem, onEditCollectionItem: onEditCollectionItem, onAddCollectionItem: onAddCollectionItem, onEditServiceCardIcon: onEditServiceCardIcon, onPreviewLogin: handleLogin, onBlockDropOnBlock: onBlockDropOnBlock, collectionPreviewItems: collectionPreviewItems, onDraggingChange: onDraggingChange, onInsertBlocks: (index, blocks) => onInsertBlocks(page.id, index, blocks), onInsertBlocksToColumn: onInsertBlocksToColumn, onMoveBlockToColumn: onMoveBlockToColumn, onMoveBlockToIndex: (blockId, index) => onMoveBlockToIndex(page.id, blockId, index), onMoveModeChange: setMovingBlockId, onSelect: onSelect, onOpenInspector: onOpenInspector, onOpenPageInspector: onOpenPageInspector, onUpdateItems: onUpdateItems }, page.id));
+    }
+    return (_jsxs("div", { className: "canvas-area", style: canvasSpacingCssVariables(), children: [_jsxs("main", { ref: shellRef, className: "canvas-shell", "aria-label": "Canvas", tabIndex: 0, onClick: handleBoardClick, onKeyDown: handleCanvasKeyDown, onMouseDown: handleBoardMouseDown, children: [_jsx("div", { className: "canvas-toolbar", children: _jsxs("div", { className: "canvas-toolbar-main", children: [renderCanvasTitle(), _jsxs("span", { children: [pages.length, " page", pages.length === 1 ? "" : "s", " \u00B7 choose a page to move around the canvas"] })] }) }), _jsx("div", { className: "canvas-board-sizer", ref: sizerRef, children: _jsxs("div", { className: "canvas-board", ref: boardRef, style: { transform: `scale(${zoom})` }, children: [topLevel.map((page) => (_jsxs("div", { className: `page-column ${columnExpanded(page.id) ? "is-expanded" : ""}`, "data-column-id": page.id, style: {
+                                        width: columnExpanded(page.id)
+                                            ? undefined
+                                            : `${Math.max(...pagesInColumn(page.id).map((candidate) => VIEWPORT_WIDTHS[viewportForPage(candidate.id)]))}px`,
+                                    }, children: [loadedColumns.has(page.id) ? (_jsx(_Fragment, { children: pagesInColumn(page.id).map((candidate) => renderFrame(candidate)) })) : (_jsx("div", { className: "page-column-placeholder", children: "Loads when visible..." })), _jsxs("button", { type: "button", className: "add-page-tile is-sub", onClick: () => onRequestAddPage(page.id), children: [_jsx(Plus, { size: 15 }), "Child page"] })] }, page.id))), _jsx("div", { className: "page-column is-add-page-column", children: _jsxs("button", { type: "button", className: "add-page-tile", onClick: () => onRequestAddPage(null), children: [_jsx(Plus, { size: 17 }), "New page"] }) })] }) })] }), backStack.length > 0 ? (_jsxs("button", { type: "button", className: "canvas-back-link", onClick: handleBack, children: [_jsx(ArrowLeft, { size: 13 }), "Back"] })) : null, _jsxs("div", { className: "zoom-control", role: "group", "aria-label": "Canvas-zoom", children: [_jsx("button", { type: "button", className: "zoom-control-step", "aria-label": "Zoom out", disabled: zoom <= ZOOM_MIN, onClick: () => applyZoom(clampZoom(zoomRef.current - ZOOM_STEP)), children: _jsx(Minus, { size: 13 }) }), _jsxs("button", { type: "button", className: "zoom-control-value", ref: zoomLabelRef, title: "Drag vertically to zoom; click for 100%", onPointerDown: handleZoomLabelPointerDown, onClick: () => {
+                            if (zoomLabelDragRef.current?.moved)
+                                return;
+                            applyZoom(1);
+                        }, children: [Math.round(zoom * 100), "%"] }), _jsx("button", { type: "button", className: "zoom-control-step", "aria-label": "Zoom in", disabled: zoom >= ZOOM_MAX, onClick: () => applyZoom(clampZoom(zoomRef.current + ZOOM_STEP)), children: _jsx(Plus, { size: 13 }) })] })] }));
+}
+//# sourceMappingURL=CanvasBoard.js.map

package/dist/components/canvas/CanvasBoard.js.map

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

package/dist/components/canvas/EditableCanvasTitle.d.ts

@@ -0,0 +1,13 @@
+type EditableCanvasTitleProps = {
+    title: string;
+    onRename: (title: string) => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+};
+/**
+ * The inline site-title editor above the board. Editing uses the same
+ * contenteditable text treatment as page titles instead of native input chrome.
+ * Enter (blur) commits and Escape cancels.
+ */
+export declare function EditableCanvasTitle({ title, onRename, onSelect }: EditableCanvasTitleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EditableCanvasTitle.d.ts.map

package/dist/components/canvas/EditableCanvasTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCanvasTitle.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/EditableCanvasTitle.tsx"],"names":[],"mappings":"AAOA,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,wBAAwB,+BA+F1F"}

package/dist/components/canvas/EditableCanvasTitle.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+/**
+ * The inline site-title editor above the board. Editing uses the same
+ * contenteditable text treatment as page titles instead of native input chrome.
+ * Enter (blur) commits and Escape cancels.
+ */
+export function EditableCanvasTitle({ title, onRename, onSelect }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [draft, setDraft] = useState(title);
+    const editorRef = useRef(null);
+    const skipBlurCommitRef = useRef(false);
+    useEffect(() => {
+        if (!isEditing)
+            setDraft(title);
+    }, [isEditing, title]);
+    useEffect(() => {
+        if (!isEditing)
+            return;
+        const editor = editorRef.current;
+        if (!editor)
+            return;
+        editor.focus();
+        const selection = window.getSelection();
+        const range = document.createRange();
+        range.selectNodeContents(editor);
+        selection?.removeAllRanges();
+        selection?.addRange(range);
+    }, [isEditing]);
+    function startEdit(event) {
+        event.stopPropagation();
+        onSelect(null);
+        skipBlurCommitRef.current = false;
+        setDraft(title);
+        setIsEditing(true);
+    }
+    function commitEdit() {
+        if (skipBlurCommitRef.current) {
+            skipBlurCommitRef.current = false;
+            setDraft(title);
+            setIsEditing(false);
+            return;
+        }
+        const nextTitle = (editorRef.current?.textContent ?? draft).trim();
+        setIsEditing(false);
+        if (!nextTitle || nextTitle === title) {
+            setDraft(title);
+            return;
+        }
+        onRename(nextTitle);
+    }
+    function cancelEdit() {
+        skipBlurCommitRef.current = true;
+        setDraft(title);
+        setIsEditing(false);
+    }
+    function handleKeyDown(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            event.currentTarget.blur();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            cancelEdit();
+        }
+    }
+    function handlePaste(event) {
+        event.preventDefault();
+        const text = event.clipboardData.getData("text/plain").replace(/[\r\n]+/g, " ");
+        document.execCommand("insertText", false, text);
+    }
+    return isEditing ? (_jsx("span", { ref: editorRef, "aria-label": "Site title", className: "canvas-site-title-input", contentEditable: "plaintext-only", role: "textbox", suppressContentEditableWarning: true, onBlur: commitEdit, onClick: (event) => event.stopPropagation(), onKeyDown: handleKeyDown, onMouseDown: (event) => event.stopPropagation(), onPaste: handlePaste, children: draft })) : (_jsx("button", { type: "button", "aria-label": `Edit site title: ${title}`, className: "canvas-site-title-button", title: "Edit site title", onClick: startEdit, children: title }));
+}
+//# sourceMappingURL=EditableCanvasTitle.js.map

package/dist/components/canvas/EditableCanvasTitle.js.map

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

package/dist/components/canvas/camera.d.ts

@@ -0,0 +1,9 @@
+export declare const ZOOM_MIN = 0.1;
+export declare const ZOOM_MAX = 2;
+export declare const ZOOM_STEP = 0.25;
+export declare const ZOOM_WHEEL_SENSITIVITY = 0.004;
+export declare const ZOOM_JUMP_THRESHOLD = 0.5;
+export declare const ZOOM_SETTLE_MS = 140;
+export declare const CENTER_PAN_MS = 480;
+export declare function clampZoom(value: number): number;
+//# sourceMappingURL=camera.d.ts.map

package/dist/components/canvas/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/camera.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,IAAI,CAAC;AAC1B,eAAO,MAAM,SAAS,OAAO,CAAC;AAK9B,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAK5C,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAMvC,eAAO,MAAM,cAAc,MAAM,CAAC;AAOlC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,UAEtC"}

package/dist/components/canvas/camera.js

@@ -0,0 +1,31 @@
+// Zoom/camera constants and the pure zoom-clamp for the Figma-style board.
+// The stateful controller (refs, timers, DOM writes) lives in useCanvasCamera;
+// this module is just the tunable numbers and the one pure helper.
+export const ZOOM_MIN = 0.1;
+export const ZOOM_MAX = 2;
+export const ZOOM_STEP = 0.25;
+// Wheel/pinch zoom is multiplicative (zoom × e^(-deltaY·k)), like Figma: each
+// tick changes the zoom by the same FACTOR, so it feels equally fast at 20%
+// and at 150% — a linear step feels glacial when zoomed in and jumpy when
+// zoomed out. k tuned so a normal wheel notch (~±50 deltaY) is ~±18%.
+export const ZOOM_WHEEL_SENSITIVITY = 0.004;
+// Below this zoom the board is an overview, not an editing surface: pages
+// are too small to select or edit anything meaningfully, so a click means
+// "take me there" — zoom back to 100% on the clicked page instead of
+// selecting a tiny block.
+export const ZOOM_JUMP_THRESHOLD = 0.5;
+// How long after the last zoom tick the gesture counts as finished. Only then
+// does React state (and the lazy-load window) catch up — committing per tick
+// would re-render every PageFrame mid-gesture, which is what made the old
+// implementation stutter.
+export const ZOOM_SETTLE_MS = 140;
+// Duration of the camera pan that centers a frame after a viewport switch
+// (collapsing the all-viewports view OR switching between single device
+// viewports). A custom timed scroll (not the browser's native
+// `scrollTo({behavior:"smooth"})`, whose speed isn't controllable) so it can be
+// tuned and kept in step with the column/shell width transitions in canvas.css.
+export const CENTER_PAN_MS = 480;
+export function clampZoom(value) {
+    return Math.round(Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, value)) * 100) / 100;
+}
+//# sourceMappingURL=camera.js.map

package/dist/components/canvas/camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.js","sourceRoot":"","sources":["../../../src/components/canvas/camera.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,+EAA+E;AAC/E,mEAAmE;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC;AAC1B,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,8EAA8E;AAC9E,4EAA4E;AAC5E,0EAA0E;AAC1E,sEAAsE;AACtE,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC;AAC5C,0EAA0E;AAC1E,0EAA0E;AAC1E,qEAAqE;AACrE,0BAA0B;AAC1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEvC,8EAA8E;AAC9E,6EAA6E;AAC7E,0EAA0E;AAC1E,0BAA0B;AAC1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAElC,0EAA0E;AAC1E,wEAAwE;AACxE,8DAA8D;AAC9D,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC/E,CAAC"}

package/dist/components/canvas/column-window.d.ts

@@ -0,0 +1,10 @@
+export declare const COLUMN_WIDTH = 1000;
+export declare const COLUMN_GAP = 40;
+export declare const EXPANDED_COLUMN_WIDTH = 2271;
+export declare const WINDOW_MARGIN = 1000;
+export declare function computeVisibleColumnIds(columns: {
+    id: string;
+    width: number;
+}[], scrollLeft: number, clientWidth: number, zoom: number): Set<string>;
+export declare function sameIds(a: Set<string>, b: Set<string>): boolean;
+//# sourceMappingURL=column-window.d.ts.map

package/dist/components/canvas/column-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-window.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/column-window.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,UAAU,KAAK,CAAC;AAK7B,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,eAAO,MAAM,aAAa,OAAO,CAAC;AAOlC,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,EACxC,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,eAYb;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,WAIrD"}

package/dist/components/canvas/column-window.js

@@ -0,0 +1,46 @@
+// Visible-column windowing for the Figma-style board: with many pages mounted
+// at once, only the columns actually within the visible area (plus a margin)
+// render live editable content; everything else is a same-size placeholder.
+// The offsets are computed directly (see computeVisibleColumnIds) so which
+// columns fall within view come from scroll position and zoom synchronously,
+// instead of waiting on an IntersectionObserver — that observer is inherently
+// throttled/async, which is exactly what made zooming feel laggy (columns would
+// pop in/out a beat behind the actual zoom level).
+// Matches .page-column's default width and .canvas-board's gap (canvas.css).
+// One column-width of margin so a column is ready before it actually scrolls
+// into view.
+export const COLUMN_WIDTH = 1000;
+export const COLUMN_GAP = 40;
+// A column showing all three viewports side by side is this much wider (mobile
+// 375 + tablet 768 + desktop 1000 + two 40px gaps + the dark collection
+// frame's 2×24px padding = 2271). Must match .page-column.is-expanded and
+// .page-frame-viewports in canvas.css.
+export const EXPANDED_COLUMN_WIDTH = 2271;
+export const WINDOW_MARGIN = 1000;
+// Columns no longer sit on a single fixed stride: an "all viewports" column is
+// wider than the rest, so downstream columns shift right by that extra width.
+// The visible window is therefore computed from cumulative per-column offsets
+// (still synchronous — no DOM measurement — because every column's width is
+// known from whether it's expanded).
+export function computeVisibleColumnIds(columns, scrollLeft, clientWidth, zoom) {
+    const localLeft = scrollLeft / zoom - WINDOW_MARGIN;
+    const localRight = (scrollLeft + clientWidth) / zoom + WINDOW_MARGIN;
+    const visible = new Set();
+    let left = 0;
+    for (const column of columns) {
+        const right = left + column.width;
+        if (right >= localLeft && left <= localRight)
+            visible.add(column.id);
+        left = right + COLUMN_GAP;
+    }
+    return visible;
+}
+export function sameIds(a, b) {
+    if (a.size !== b.size)
+        return false;
+    for (const id of a)
+        if (!b.has(id))
+            return false;
+    return true;
+}
+//# sourceMappingURL=column-window.js.map

package/dist/components/canvas/column-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-window.js","sourceRoot":"","sources":["../../../src/components/canvas/column-window.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,6EAA6E;AAC7E,4EAA4E;AAC5E,2EAA2E;AAC3E,6EAA6E;AAC7E,8EAA8E;AAC9E,gFAAgF;AAChF,mDAAmD;AAEnD,6EAA6E;AAC7E,6EAA6E;AAC7E,aAAa;AACb,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,+EAA+E;AAC/E,wEAAwE;AACxE,0EAA0E;AAC1E,uCAAuC;AACvC,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAElC,+EAA+E;AAC/E,8EAA8E;AAC9E,8EAA8E;AAC9E,4EAA4E;AAC5E,qCAAqC;AACrC,MAAM,UAAU,uBAAuB,CACrC,OAAwC,EACxC,UAAkB,EAClB,WAAmB,EACnB,IAAY;IAEZ,MAAM,SAAS,GAAG,UAAU,GAAG,IAAI,GAAG,aAAa,CAAC;IACpD,MAAM,UAAU,GAAG,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,IAAI,GAAG,aAAa,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,KAAK,IAAI,SAAS,IAAI,IAAI,IAAI,UAAU;YAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACrE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;IAC5B,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,CAAc,EAAE,CAAc;IACpD,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACpC,KAAK,MAAM,EAAE,IAAI,CAAC;QAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAO,KAAK,CAAC;IACjD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/canvas/keyboard-nav.d.ts

@@ -0,0 +1,7 @@
+import type { BlockNode } from "@batterai/bind-core";
+import type { CanvasPage } from "../../types";
+export declare const CANVAS_DESELECT_IGNORE_SELECTOR: string;
+export declare const CANVAS_KEYBOARD_IGNORE_SELECTOR: string;
+export declare function topLevelAncestorId(pages: CanvasPage[], pageId: string): string;
+export declare function selectableBlocksForPage(page: CanvasPage): BlockNode[];
+//# sourceMappingURL=keyboard-nav.d.ts.map

package/dist/components/canvas/keyboard-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-nav.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/keyboard-nav.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,eAAO,MAAM,+BAA+B,QAIhB,CAAC;AAI7B,eAAO,MAAM,+BAA+B,QAE2B,CAAC;AAExE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAU9E;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,EAAE,CAYrE"}

package/dist/components/canvas/keyboard-nav.js

@@ -0,0 +1,44 @@
+// Pure helpers backing the canvas board's keyboard navigation and
+// click-to-deselect behavior. The stateful wiring (which arrow key does what,
+// the effect listeners) stays in Canvas; this module holds only the selectors
+// and the page/block traversal logic that has no React dependency.
+import { layoutItems } from "../../pageActions.js";
+// Elements a plain click on the board must NOT treat as "deselect": the click
+// belongs to an editing affordance (a block, an insert control, a chrome
+// button, the zoom/site-title controls) rather than empty canvas.
+export const CANVAS_DESELECT_IGNORE_SELECTOR = ".editable-block, .be-nested-block, .insert-popover, .insert-trigger, " +
+    ".be-column-insert, .be-layout-mode-toggle, .be-column-chrome, .is-editable-text, " +
+    ".page-frame-label, .add-page-tile, .zoom-control, .canvas-site-title-button, " +
+    ".canvas-site-title-input";
+// Elements that own their own keyboard handling (form fields, inline editors),
+// so the board's arrow-key / Esc navigation stays out of their way.
+export const CANVAS_KEYBOARD_IGNORE_SELECTOR = "input, textarea, select, button, [contenteditable='true'], [role='textbox'], " +
+    ".is-editable-text, .be-binding-inline-editor, .be-binding-typeahead";
+export function topLevelAncestorId(pages, pageId) {
+    let current = pages.find((page) => page.id === pageId);
+    const seen = new Set();
+    while (current?.parentId && !seen.has(current.id)) {
+        seen.add(current.id);
+        const parent = pages.find((page) => page.id === current?.parentId);
+        if (!parent)
+            break;
+        current = parent;
+    }
+    return current?.id ?? pageId;
+}
+export function selectableBlocksForPage(page) {
+    const blocks = [];
+    for (const node of page.root) {
+        if (node.kind !== "block")
+            continue;
+        blocks.push(node);
+        for (const column of layoutItems(node)) {
+            for (const child of column.children) {
+                if (child.kind === "block")
+                    blocks.push(child);
+            }
+        }
+    }
+    return blocks;
+}
+//# sourceMappingURL=keyboard-nav.js.map

package/dist/components/canvas/keyboard-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-nav.js","sourceRoot":"","sources":["../../../src/components/canvas/keyboard-nav.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,8EAA8E;AAC9E,8EAA8E;AAC9E,mEAAmE;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,8EAA8E;AAC9E,yEAAyE;AACzE,kEAAkE;AAClE,MAAM,CAAC,MAAM,+BAA+B,GAC1C,uEAAuE;IACvE,mFAAmF;IACnF,+EAA+E;IAC/E,0BAA0B,CAAC;AAE7B,+EAA+E;AAC/E,oEAAoE;AACpE,MAAM,CAAC,MAAM,+BAA+B,GAC1C,+EAA+E;IAC/E,qEAAqE,CAAC;AAExE,MAAM,UAAU,kBAAkB,CAAC,KAAmB,EAAE,MAAc;IACpE,IAAI,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,OAAO,OAAO,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;QAClD,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,EAAE,QAAQ,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM;YAAE,MAAM;QACnB,OAAO,GAAG,MAAM,CAAC;IACnB,CAAC;IACD,OAAO,OAAO,EAAE,EAAE,IAAI,MAAM,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,IAAgB;IACtD,MAAM,MAAM,GAAgB,EAAE,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;YAAE,SAAS;QACpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACvC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACpC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;oBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/components/canvas/links.d.ts

@@ -0,0 +1,2 @@
+export declare function isInternalHref(href: string): boolean;
+//# sourceMappingURL=links.d.ts.map

package/dist/components/canvas/links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/links.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,WAE1C"}

package/dist/components/canvas/links.js

@@ -0,0 +1,7 @@
+// An href the canvas owns as an in-board preview link: a site-relative path
+// ("/members") or an on-page fragment ("#"). External URLs (http:, mailto:,
+// tel:, protocol-relative "//host") are left to the browser to follow normally.
+export function isInternalHref(href) {
+    return (href.startsWith("/") && !href.startsWith("//")) || href.startsWith("#");
+}
+//# sourceMappingURL=links.js.map

package/dist/components/canvas/links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.js","sourceRoot":"","sources":["../../../src/components/canvas/links.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,4EAA4E;AAC5E,gFAAgF;AAChF,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC"}

package/dist/components/editable-text/BindingInlineEditor.d.ts

@@ -0,0 +1,13 @@
+import type { RefObject } from "react";
+import type { BindingEditorState } from "./types";
+type BindingInlineEditorProps = {
+    bindingEditor: BindingEditorState | null;
+    inputRef: RefObject<HTMLInputElement | null>;
+    onCommit: () => void;
+    onChangeValue: (value: string) => void;
+    onCancel: () => void;
+    portalRoot?: Element | null;
+};
+export declare function BindingInlineEditor({ bindingEditor, inputRef, onCommit, onChangeValue, onCancel, portalRoot, }: BindingInlineEditorProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=BindingInlineEditor.d.ts.map

package/dist/components/editable-text/BindingInlineEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingInlineEditor.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/BindingInlineEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,sCA+B1B"}

package/dist/components/editable-text/BindingInlineEditor.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+export function BindingInlineEditor({ bindingEditor, inputRef, onCommit, onChangeValue, onCancel, portalRoot, }) {
+    if (!bindingEditor)
+        return null;
+    const editor = (_jsx("input", { ref: inputRef, "aria-label": `Edit content item: ${bindingEditor.label}`, className: "be-binding-inline-editor", style: {
+            left: bindingEditor.position.left,
+            top: bindingEditor.position.top,
+            width: bindingEditor.position.width,
+        }, value: bindingEditor.value, onBlur: onCommit, onChange: (event) => {
+            onChangeValue(event.currentTarget.value);
+        }, onClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
+            if (event.key === "Enter") {
+                event.preventDefault();
+                event.currentTarget.blur();
+            }
+            else if (event.key === "Escape") {
+                event.preventDefault();
+                onCancel();
+            }
+        }, onMouseDown: (event) => event.stopPropagation() }));
+    return portalRoot ? createPortal(editor, portalRoot) : editor;
+}
+//# sourceMappingURL=BindingInlineEditor.js.map

package/dist/components/editable-text/BindingInlineEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingInlineEditor.js","sourceRoot":"","sources":["../../../src/components/editable-text/BindingInlineEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAYzC,MAAM,UAAU,mBAAmB,CAAC,EAClC,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,UAAU,GACe;IACzB,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,MAAM,GAAG,CACb,gBACE,GAAG,EAAE,QAAQ,gBACD,sBAAsB,aAAa,CAAC,KAAK,EAAE,EACvD,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE;YACL,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI;YACjC,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG;YAC/B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK;SACpC,EACD,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC7B,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,GAC/C,CACH,CAAC;IACF,OAAO,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAChE,CAAC"}

package/dist/components/editable-text/BindingPicker.d.ts

@@ -0,0 +1,10 @@
+import type { BindingEntry } from "../../bindingChips";
+import type { BindingPickerState } from "./types";
+type BindingPickerProps = {
+    bindingPicker: BindingPickerState;
+    onInsert: (entry: BindingEntry) => void;
+    portalRoot?: Element | null;
+};
+export declare function BindingPicker({ bindingPicker, onInsert, portalRoot }: BindingPickerProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=BindingPicker.d.ts.map

package/dist/components/editable-text/BindingPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingPicker.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/BindingPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,kBAAkB,sCAuCxF"}

package/dist/components/editable-text/BindingPicker.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+export function BindingPicker({ bindingPicker, onInsert, portalRoot }) {
+    if (!bindingPicker.visible)
+        return null;
+    const bindingPickerStyle = bindingPicker.position
+        ? {
+            left: bindingPicker.position.left,
+            top: bindingPicker.position.top,
+            width: bindingPicker.position.width,
+            maxHeight: bindingPicker.position.maxHeight,
+        }
+        : undefined;
+    const picker = (_jsx("span", { className: "be-binding-typeahead", role: "listbox", "aria-label": "Insert content fields", style: bindingPickerStyle, onMouseDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        }, children: bindingPicker.entries.length === 0 ? (_jsxs("span", { className: "be-binding-typeahead-empty", children: ["No fields for \"", bindingPicker.query, "\""] })) : (bindingPicker.entries.map((entry, index) => (_jsx("button", { type: "button", role: "option", "aria-selected": index === bindingPicker.selected, onClick: () => onInsert(entry), children: _jsx("span", { children: entry.label }) }, entry.key)))) }));
+    return portalRoot ? createPortal(picker, portalRoot) : picker;
+}
+//# sourceMappingURL=BindingPicker.js.map

package/dist/components/editable-text/BindingPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingPicker.js","sourceRoot":"","sources":["../../../src/components/editable-text/BindingPicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAUzC,MAAM,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAsB;IACvF,IAAI,CAAC,aAAa,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IACxC,MAAM,kBAAkB,GAA8B,aAAa,CAAC,QAAQ;QAC1E,CAAC,CAAC;YACE,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI;YACjC,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG;YAC/B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK;YACnC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS;SAC5C;QACH,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,MAAM,GAAG,CACb,eACE,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,SAAS,gBACH,uBAAuB,EAClC,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,YAEA,aAAa,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpC,gBAAM,SAAS,EAAC,4BAA4B,iCAAiB,aAAa,CAAC,KAAK,UAAS,CAC1F,CAAC,CAAC,CAAC,CACF,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,aAAa,CAAC,QAAQ,EAE/C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,YAE9B,yBAAO,KAAK,CAAC,KAAK,GAAQ,IAHrB,KAAK,CAAC,GAAG,CAIP,CACV,CAAC,CACH,GACI,CACR,CAAC;IACF,OAAO,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAChE,CAAC"}

package/dist/components/editable-text/RichTextToolbar.d.ts

@@ -0,0 +1,13 @@
+import type { RichToolsState } from "./types";
+type RichTextToolbarProps = {
+    richTools: RichToolsState;
+    onBold: () => void;
+    onItalic: () => void;
+    onLink: () => void;
+    onCommand: (command: "color" | "heading" | "textTransform", value: string) => void;
+    onRemoveFormat: () => void;
+    portalRoot?: Element | null;
+};
+export declare function RichTextToolbar({ richTools, onBold, onItalic, onLink, onCommand, onRemoveFormat, portalRoot, }: RichTextToolbarProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=RichTextToolbar.d.ts.map

package/dist/components/editable-text/RichTextToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/RichTextToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,UAAU,GACX,EAAE,oBAAoB,sCA+DtB"}