@batterai/editor-shell 0.1.0

package/dist/components/page-frame/PageFrameBlockList.js

@@ -0,0 +1,204 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { SlidersHorizontal } from "lucide-react";
+import { useBlockHost } from "../../blockHost.js";
+import { BlockNavIcon, handleBlockSelectClick, isInteractiveClick, } from "@batterai/canvas";
+import { isPlacedBlockDrag, readBlockDrop, setPlacedBlockDrag, } from "../../drag-transfer.js";
+import { listCollectionForBlock } from "../../content-model.js";
+import { coverInteractionPath } from "../../blockInteraction.js";
+import { AddCollectionItemControl } from "../AddCollectionItemControl.js";
+import { blockDesignStyle } from "../../designSettings.js";
+import { LayoutBlockEditor } from "../LayoutBlockEditor.js";
+import { readProp } from "../../model/bind-map.js";
+export function PageFrameBlockList({ page, content, contentModel, definitions, library, pageRuntime, rendererActions, isTextEditing, isPageActive, scopedSelectedIds, scopedSelectedId, selectHere, pendingTextFocus, setPendingTextFocus, dropOverBlockId, setDropOverBlockId, gearCornerBlockId, setGearCornerBlockId, movingBlockId, handleTextPointerIntent, handleTextClickFocus, renderInsertSlot, onAddCollectionItem, onAddToColumn, onBlockDropOnBlock, onDraggingChange, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveModeChange, onOpenInspector, onUpdateItems, }) {
+    const { renderBlock } = useBlockHost();
+    const pageRendererActions = {
+        ...rendererActions,
+        pageContentBinding: page.contentBinding,
+    };
+    return (_jsx(_Fragment, { children: page.root.map((block, index) => {
+            // Only block nodes render in the frame; repeaters (Phase 4) skip.
+            if (block.kind !== "block")
+                return null;
+            const sharedBlock = sharedBlockForRef(block, content);
+            const effectiveBlockType = sharedBlock?.block.blockType ?? block.blockType;
+            const definition = definitions.find((item) => item.type === effectiveBlockType) ??
+                definitions.find((item) => item.type === block.blockType);
+            const wrapperDefinition = definitions.find((item) => item.type === block.blockType);
+            const isLayoutBlock = Boolean(definition?.gridConfig);
+            const isSelected = scopedSelectedIds.includes(block.id);
+            const runtimeWithPendingTextFocus = {
+                ...pageRuntime,
+                pendingTextFocus,
+                onPendingTextFocusHandled: (id) => {
+                    setPendingTextFocus((current) => current?.id === id ? null : current);
+                },
+                requestTextFocus: (focus) => {
+                    setPendingTextFocus({ id: Date.now(), ...focus });
+                },
+            };
+            // Selection IS an editing context: a selected block's texts and
+            // dates are directly editable without the global direct-edit toggle
+            // (which remains for whole-canvas editing and
+            // translating). Scoped by handing the subtree a runtime with
+            // editMode forced on.
+            const blockRuntime = isSelected
+                ? {
+                    ...runtimeWithPendingTextFocus,
+                    editMode: true,
+                    contentBindingMode: true,
+                }
+                : runtimeWithPendingTextFocus;
+            // A contact block acts as the page footer: it's a full-bleed
+            // band and sticks to the bottom of the frame.
+            const isFooter = effectiveBlockType === "action.contact";
+            // Viewport pin (sticky header/footer) — only the first block can
+            // pin to top and only the last to bottom, so the stored value is
+            // only honored at those positions. A trailing footer sticks to
+            // the bottom by default; an explicit inspector pin still wins.
+            const isPinnedTop = readProp(block, "pinned") === "top" && index === 0;
+            const isLast = index === page.root.length - 1;
+            const isPinnedBottom = isLast &&
+                (readProp(block, "pinned") === "bottom" ||
+                    (isFooter && readProp(block, "pinned") == null));
+            const pinClass = isPinnedTop
+                ? "is-pinned-top"
+                : isPinnedBottom
+                    ? "is-pinned-bottom"
+                    : "";
+            const baseStyle = blockDesignStyle(block, definition ?? null, effectiveBlockType);
+            // margin-top:auto (via inline, since blockDesignStyle sets the
+            // margin shorthand which would otherwise win) drops a
+            // bottom-pinned block to the frame's bottom edge.
+            let blockStyle = isPinnedBottom
+                ? { ...baseStyle, marginTop: "auto" }
+                : baseStyle;
+            // A footer is a full-bleed band: zero out any horizontal margin
+            // so the dark background always reaches the frame edges (no white
+            // gutters left/right) regardless of design settings.
+            if (isFooter)
+                blockStyle = { ...blockStyle, marginLeft: 0, marginRight: 0 };
+            // A cover-interaction block (whole surface is one link): a
+            // surface click selects it here, and the corner icon carries the
+            // navigation instead (see Canvas.handleLinkClick).
+            const coverPath = coverInteractionPath(block, wrapperDefinition ?? null, content);
+            // A selected collection-list block gets the harness's "+" control
+            // handed in; it decides where to render it. Everything else, and
+            // the same block when unselected, gets no control.
+            const listCollection = listCollectionForBlock(block, contentModel);
+            const blockActions = isSelected && listCollection
+                ? {
+                    ...pageRendererActions,
+                    addItemControl: (_jsx(AddCollectionItemControl, { collection: listCollection, label: contentModel.collectionLabel(listCollection), onAdd: onAddCollectionItem })),
+                }
+                : pageRendererActions;
+            return (_jsxs(Fragment, { children: [_jsxs("div", { "data-block-id": block.id, "data-cover-interaction": wrapperDefinition?.coverInteraction ? "true" : undefined, className: `editable-block ${isSelected ? "is-selected" : ""} ${pinClass} ${dropOverBlockId === block.id ? "is-drop-over" : ""}`, style: blockStyle, 
+                        // Draggable is gated ONLY for the specific block you're
+                        // typing in (a draggable ancestor would hijack text
+                        // selection). Every other block stays draggable at all
+                        // times — a single global isTextEditing flag used to make
+                        // the whole canvas non-draggable whenever any field had
+                        // focus.
+                        draggable: !(isTextEditing && isSelected), onMouseDownCapture: (event) => handleTextPointerIntent(event, () => selectHere(block.id, event.shiftKey)), onClickCapture: handleTextClickFocus, onClick: (event) => {
+                            if (pageRuntime.globalEditMode)
+                                return;
+                            if (isInteractiveClick(event) && !isSelected)
+                                return;
+                            handleBlockSelectClick(event, () => selectHere(block.id, event.shiftKey));
+                        }, onDragStart: (event) => {
+                            if (event.target.closest(".is-editable-text")) {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                onDraggingChange(false);
+                                return;
+                            }
+                            setPlacedBlockDrag(event, block.id);
+                            onMoveModeChange(block.id);
+                            // Deliberately NOT selecting the block here: selecting
+                            // flips it into editMode, which swaps its whole subtree
+                            // for contentEditable nodes. Rewriting the drag source's
+                            // DOM inside dragstart makes Chrome abort the drag (no
+                            // drop fires). The move handlers re-select the block
+                            // after a successful drop, so selection is not lost.
+                            onDraggingChange(true);
+                        }, onDragEnd: () => {
+                            onDraggingChange(false);
+                            // Always leave move mode when the drag ends, aborted or
+                            // not: dragend fires AFTER a successful drop (which has
+                            // already moved the block and cleared this), so this only
+                            // matters for cancelled drags — without it the page stays
+                            // in is-moving-block and every insert line keeps showing.
+                            onMoveModeChange(null);
+                        }, 
+                        // Dropping a PLACED block ON TOP of another (non-layout)
+                        // block offers the swap/replace choice — distinct from the
+                        // insert slots between blocks, which move it into a gap.
+                        // Gated on the PLACED marker type (a placed block move, not
+                        // a new-from-menu block, which uses the slots) — readable
+                        // on dragover from the type list, so no dependence on React
+                        // commit timing. `movingBlockId` only best-effort skips the
+                        // source block.
+                        onDragOver: isLayoutBlock
+                            ? undefined
+                            : (event) => {
+                                if (!isPlacedBlockDrag(event))
+                                    return;
+                                if (movingBlockId === block.id)
+                                    return;
+                                event.preventDefault();
+                                event.stopPropagation();
+                                event.dataTransfer.dropEffect = "move";
+                                setDropOverBlockId((current) => current === block.id ? current : block.id);
+                            }, onDragLeave: isLayoutBlock
+                            ? undefined
+                            : () => setDropOverBlockId((current) => current === block.id ? null : current), onDrop: isLayoutBlock
+                            ? undefined
+                            : (event) => {
+                                if (!isPlacedBlockDrag(event))
+                                    return;
+                                event.preventDefault();
+                                event.stopPropagation();
+                                setDropOverBlockId(null);
+                                const payload = readBlockDrop(event, library);
+                                onMoveModeChange(null);
+                                if (payload?.kind === "placed" &&
+                                    payload.blockId !== block.id) {
+                                    onBlockDropOnBlock(payload.blockId, block.id, event.clientX, event.clientY);
+                                }
+                            }, 
+                        // Reveal the settings gear only while the cursor is in this
+                        // selected block's top-right 150×150 corner. Read from the
+                        // pointer position so nothing overlays (and blocks) the
+                        // block's own content in that corner.
+                        onMouseMove: isSelected
+                            ? (event) => {
+                                const rect = event.currentTarget.getBoundingClientRect();
+                                const inCorner = event.clientX >= rect.right - 150 &&
+                                    event.clientY <= rect.top + 150;
+                                setGearCornerBlockId((current) => inCorner
+                                    ? block.id
+                                    : current === block.id
+                                        ? null
+                                        : current);
+                            }
+                            : undefined, onMouseLeave: isSelected
+                            ? () => setGearCornerBlockId((current) => current === block.id ? null : current)
+                            : undefined, role: "button", tabIndex: isPageActive ? 0 : -1, children: [coverPath ? _jsx(BlockNavIcon, { href: coverPath }) : null, isSelected && gearCornerBlockId === block.id ? (_jsx("button", { type: "button", className: "block-settings-gear", style: coverPath || isLayoutBlock
+                                    ? {
+                                        right: `${8 + (coverPath ? 38 : 0) + (isLayoutBlock ? 38 : 0)}px`,
+                                    }
+                                    : undefined, "aria-label": "Open settings", title: "Settings", onClick: (event) => {
+                                    event.stopPropagation();
+                                    onOpenInspector();
+                                }, children: _jsx(SlidersHorizontal, { size: 15 }) })) : null, isLayoutBlock ? (_jsx(LayoutBlockEditor, { block: block, definition: definition ?? null, content: content, contentModel: contentModel, isSelected: scopedSelectedId === block.id, showColumnControl: gearCornerBlockId === block.id, isTextEditing: isTextEditing, library: library, rendererActions: pageRendererActions, runtime: blockRuntime, selectedIds: scopedSelectedIds, onSelect: selectHere, onUpdateItems: (items) => onUpdateItems(block.id, items), onAddToColumn: onAddToColumn, onDraggingChange: onDraggingChange, onInsertInColumn: onInsertBlocksToColumn, movingBlockId: movingBlockId, onMoveToColumn: onMoveBlockToColumn, onMoveModeChange: onMoveModeChange, onBlockDropOnBlock: onBlockDropOnBlock, onOpenInspector: onOpenInspector })) : (renderBlock(block, content, blockRuntime, contentModel, blockActions)), isLast ? renderInsertSlot(page.root.length, "bottom") : null] }), index === page.root.length - 1
+                        ? null
+                        : renderInsertSlot(index + 1)] }, block.id));
+        }) }));
+}
+function sharedBlockForRef(block, content) {
+    if (block.blockType !== "shared.ref")
+        return null;
+    const sharedId = readProp(block, "sharedId");
+    return content.sharedBlocks?.find((entry) => entry.id === sharedId) ?? null;
+}
+//# sourceMappingURL=PageFrameBlockList.js.map

package/dist/components/page-frame/PageFrameBlockList.js.map

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

package/dist/components/page-frame/PageFrameControls.d.ts

@@ -0,0 +1,23 @@
+import type { Viewport } from "./viewport";
+import type { CanvasPageRevisionKind, HostPageState } from "@batterai/contract";
+type PageFrameControlsProps = {
+    pageId: string;
+    viewport: Viewport;
+    isExpanded: boolean;
+    isActive: boolean;
+    pageState?: HostPageState;
+    activeRevision: CanvasPageRevisionKind;
+    revisionBusy: boolean;
+    setViewport: (viewport: Viewport) => void;
+    onToggleExpanded: () => void;
+    onViewportChange: (pageId: string, frameWidthPx: number) => void;
+    onActivate: () => void;
+    onRevisionChange: (revision: CanvasPageRevisionKind) => void;
+    onStage: () => void;
+    onUnstage: () => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    onOpenPageInspector: () => void;
+};
+export declare function PageFrameControls({ pageId, viewport, isExpanded, isActive, pageState, activeRevision, revisionBusy, setViewport, onToggleExpanded, onViewportChange, onActivate, onRevisionChange, onStage, onUnstage, onSelect, onOpenPageInspector, }: PageFrameControlsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageFrameControls.d.ts.map

package/dist/components/page-frame/PageFrameControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFrameControls.d.ts","sourceRoot":"","sources":["../../../src/components/page-frame/PageFrameControls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,EAAE,sBAAsB,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,mBAAmB,GACpB,EAAE,sBAAsB,+BA8GxB"}

package/dist/components/page-frame/PageFrameControls.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CloudUpload, MonitorSmartphone, PackageCheck, PencilLine, SlidersHorizontal } from "lucide-react";
+import { VIEWPORT_OPTIONS, VIEWPORT_WIDTHS } from "./viewport.js";
+export function PageFrameControls({ pageId, viewport, isExpanded, isActive, pageState, activeRevision, revisionBusy, setViewport, onToggleExpanded, onViewportChange, onActivate, onRevisionChange, onStage, onUnstage, onSelect, onOpenPageInspector, }) {
+    const revisionLabel = activeRevision === "draft"
+        ? "Draft · editable"
+        : activeRevision === "staged"
+            ? "Staged · read-only"
+            : "Published · read-only";
+    return (_jsxs("div", { className: "page-frame-controls", onClick: (event) => event.stopPropagation(), children: [isActive ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `page-frame-revision-indicator is-${activeRevision}`, "aria-live": "polite", children: revisionLabel }), _jsxs("div", { className: "page-frame-revision-switch", role: "group", "aria-label": "Page revisions", children: [_jsx("button", { type: "button", "aria-pressed": activeRevision === "draft", "aria-label": "View draft", title: "Draft", disabled: revisionBusy, className: activeRevision === "draft" ? "is-active" : "", onClick: () => onRevisionChange("draft"), children: _jsx(PencilLine, { size: 13 }) }), _jsx("button", { type: "button", "aria-pressed": activeRevision === "staged", "aria-label": pageState?.hasStagedVersion
+                                    ? (activeRevision === "staged" ? "Unstage page" : "View staged revision")
+                                    : "Stage current draft", title: pageState?.hasStagedVersion
+                                    ? (activeRevision === "staged" ? "Unstage" : "Staged")
+                                    : "Stage current draft", disabled: revisionBusy, className: `${activeRevision === "staged" ? "is-active" : ""} ${pageState?.hasStagedVersion ? "has-version" : ""}`, onClick: () => {
+                                    if (!pageState?.hasStagedVersion)
+                                        onStage();
+                                    else if (activeRevision === "staged")
+                                        onUnstage();
+                                    else
+                                        onRevisionChange("staged");
+                                }, children: _jsx(PackageCheck, { size: 13 }) }), _jsx("button", { type: "button", "aria-pressed": activeRevision === "published", "aria-label": "View published revision", title: pageState?.hasPublishedVersion || pageState?.publication === "published" ? "Published" : "Not published", disabled: revisionBusy || !(pageState?.hasPublishedVersion || pageState?.publication === "published"), className: `${activeRevision === "published" ? "is-active" : ""} ${pageState?.hasPublishedVersion ? "has-version" : ""}`, onClick: () => onRevisionChange("published"), children: _jsx(CloudUpload, { size: 13 }) })] })] })) : null, _jsxs("div", { className: "page-frame-viewport-switch", role: "group", "aria-label": "Viewport", children: [VIEWPORT_OPTIONS.map(({ id, label, Icon }) => (_jsx("button", { type: "button", "aria-pressed": !isExpanded && viewport === id, "aria-label": label, title: label, className: !isExpanded && viewport === id ? "is-active" : "", onClick: () => {
+                            setViewport(id);
+                            // Picking a device collapses the all-viewports view (if open)
+                            // back to that device. Either way — a collapse OR a plain switch
+                            // between single viewports — pan the camera so the resulting
+                            // viewport ends up horizontally centered in the canvas.
+                            if (isExpanded)
+                                onToggleExpanded();
+                            onViewportChange(pageId, VIEWPORT_WIDTHS[id]);
+                        }, children: _jsx(Icon, { size: 13 }) }, id))), _jsx("span", { className: "page-frame-viewport-sep", "aria-hidden": "true" }), _jsx("button", { type: "button", "aria-pressed": isExpanded, "aria-label": "All sizes", title: "All sizes side by side", className: isExpanded ? "is-active" : "", onClick: onToggleExpanded, children: _jsx(MonitorSmartphone, { size: 13 }) })] }), isActive ? (_jsx("button", { type: "button", className: "page-frame-settings-gear", "aria-label": "Open page settings", title: "Page settings", onClick: () => {
+                    onSelect(null);
+                    onActivate();
+                    onOpenPageInspector();
+                }, children: _jsx(SlidersHorizontal, { size: 15 }) })) : null] }));
+}
+//# sourceMappingURL=PageFrameControls.js.map

package/dist/components/page-frame/PageFrameControls.js.map

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

package/dist/components/page-frame/PageFramePathEditor.d.ts

@@ -0,0 +1,33 @@
+import type { ClipboardEvent as ReactClipboardEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, RefObject } from "react";
+import type { ParentPathOption } from "./viewport";
+import type { CanvasPage } from "../../types";
+type SplitPagePath = {
+    segment: string;
+    parentPath: string | null;
+};
+type PageFramePathEditorProps = {
+    page: CanvasPage;
+    pagePath: string;
+    pathParts: SplitPagePath;
+    parentPath: string;
+    isRootPath: boolean;
+    isPreviewPath?: boolean;
+    isEditingPathSegment: boolean;
+    pathSegmentRef: RefObject<HTMLSpanElement | null>;
+    isParentPickerOpen: boolean;
+    parentQuery: string;
+    parentPickerRef: RefObject<HTMLSpanElement | null>;
+    parentPickerInputRef: RefObject<HTMLInputElement | null>;
+    filteredParentPathOptions: ParentPathOption[];
+    setParentQuery: (value: string) => void;
+    startPathSegmentEdit: (event: ReactMouseEvent) => void;
+    commitPathSegmentEdit: () => void;
+    handlePathSegmentKeyDown: (event: ReactKeyboardEvent<HTMLSpanElement>) => void;
+    handlePathSegmentPaste: (event: ReactClipboardEvent<HTMLSpanElement>) => void;
+    openParentPicker: (event: ReactMouseEvent) => void;
+    selectParentPath: (option: ParentPathOption) => void;
+    handleParentQueryKeyDown: (event: ReactKeyboardEvent<HTMLInputElement>) => void;
+};
+export declare function PageFramePathEditor({ page, pagePath, pathParts, parentPath, isRootPath, isPreviewPath, isEditingPathSegment, pathSegmentRef, isParentPickerOpen, parentQuery, parentPickerRef, parentPickerInputRef, filteredParentPathOptions, setParentQuery, startPathSegmentEdit, commitPathSegmentEdit, handlePathSegmentKeyDown, handlePathSegmentPaste, openParentPicker, selectParentPath, handleParentQueryKeyDown, }: PageFramePathEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageFramePathEditor.d.ts.map

package/dist/components/page-frame/PageFramePathEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFramePathEditor.d.ts","sourceRoot":"","sources":["../../../src/components/page-frame/PageFramePathEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,IAAI,mBAAmB,EACrC,aAAa,IAAI,kBAAkB,EACnC,UAAU,IAAI,eAAe,EAC7B,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAClD,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACnD,oBAAoB,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACzD,yBAAyB,EAAE,gBAAgB,EAAE,CAAC;IAC9C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oBAAoB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACvD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,wBAAwB,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC/E,sBAAsB,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC9E,gBAAgB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,wBAAwB,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjF,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,aAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,GACzB,EAAE,wBAAwB,+BAmG1B"}

package/dist/components/page-frame/PageFramePathEditor.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PageFramePathEditor({ page, pagePath, pathParts, parentPath, isRootPath, isPreviewPath = false, isEditingPathSegment, pathSegmentRef, isParentPickerOpen, parentQuery, parentPickerRef, parentPickerInputRef, filteredParentPathOptions, setParentQuery, startPathSegmentEdit, commitPathSegmentEdit, handlePathSegmentKeyDown, handlePathSegmentPaste, openParentPicker, selectParentPath, handleParentQueryKeyDown, }) {
+    return (_jsxs("code", { className: "page-frame-path", onClick: (event) => event.stopPropagation(), children: [!isRootPath ? (_jsxs("span", { ref: parentPickerRef, className: "page-frame-parent-path", children: [isPreviewPath ? (_jsx("span", { "aria-label": `Preview parent path: ${parentPath}`, className: "page-frame-path-parent-button is-preview", title: parentPath, children: parentPath })) : (_jsx("button", { type: "button", "aria-expanded": isParentPickerOpen, "aria-label": `Choose parent path: ${parentPath}`, className: "page-frame-path-parent-button", title: parentPath, onClick: openParentPicker, children: parentPath })), isParentPickerOpen ? (_jsxs("span", { className: "page-frame-parent-popover", children: [_jsx("input", { ref: parentPickerInputRef, "aria-label": "Search parent path", className: "page-frame-parent-search", value: parentQuery, onChange: (event) => setParentQuery(event.target.value), onKeyDown: handleParentQueryKeyDown }), _jsx("span", { className: "page-frame-parent-options", role: "listbox", children: filteredParentPathOptions.map((option) => (_jsxs("button", { type: "button", "data-parent-path-option": option.path, role: "option", "aria-selected": option.pageId === (page.parentId ?? null), className: option.pageId === (page.parentId ?? null) ? "is-selected" : undefined, onClick: () => selectParentPath(option), children: [_jsx("span", { children: option.path }), _jsx("small", { children: option.label })] }, option.pageId ?? "root"))) })] })) : null] })) : null, !isRootPath && parentPath !== "/" ? (_jsx("span", { className: "page-frame-path-separator", "aria-hidden": "true", children: "/" })) : null, isPreviewPath ? (_jsx("span", { "aria-label": `Preview path: ${pagePath}`, className: "page-frame-path-segment-button is-preview", title: pagePath, children: pathParts.segment || "/" })) : isEditingPathSegment ? (_jsx("span", { ref: pathSegmentRef, "aria-label": "Relative page path", className: "page-frame-path-segment-editor", contentEditable: "plaintext-only", role: "textbox", suppressContentEditableWarning: true, onBlur: commitPathSegmentEdit, onClick: (event) => event.stopPropagation(), onKeyDown: handlePathSegmentKeyDown, onMouseDown: (event) => event.stopPropagation(), onPaste: handlePathSegmentPaste, children: pathParts.segment || "/" })) : (_jsx("button", { type: "button", "aria-label": `Edit relative path: ${pathParts.segment || "/"}`, className: "page-frame-path-segment-button", title: pagePath, onClick: startPathSegmentEdit, children: pathParts.segment || "/" }))] }));
+}
+//# sourceMappingURL=PageFramePathEditor.js.map

package/dist/components/page-frame/PageFramePathEditor.js.map

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

package/dist/components/page-frame/viewport.d.ts

@@ -0,0 +1,26 @@
+import { Smartphone } from "lucide-react";
+export type Viewport = "mobile" | "tablet" | "desktop";
+export type ParentPathOption = {
+    pageId: string | null;
+    path: string;
+    label: string;
+};
+export type PagePathUpdate = {
+    parentId: string | null;
+    path: string;
+};
+export type TitleFocusIntent = {
+    kind: "keyboard";
+} | {
+    kind: "pointer";
+    clientX: number;
+    clientY: number;
+};
+export declare function titleCaretRangeFromPoint(element: HTMLElement, clientX: number, clientY: number): Range;
+export declare const VIEWPORT_WIDTHS: Record<Viewport, number>;
+export declare const VIEWPORT_OPTIONS: {
+    id: Viewport;
+    label: string;
+    Icon: typeof Smartphone;
+}[];
+//# sourceMappingURL=viewport.d.ts.map

package/dist/components/page-frame/viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../../src/components/page-frame/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAU,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SA0B9F;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE;IAAE,EAAE,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,UAAU,CAAA;CAAE,EAItF,CAAC"}

package/dist/components/page-frame/viewport.js

@@ -0,0 +1,37 @@
+import { Monitor, Smartphone, Tablet } from "lucide-react";
+export function titleCaretRangeFromPoint(element, clientX, clientY) {
+    const doc = element.ownerDocument;
+    const caretRangeFromPoint = doc.caretRangeFromPoint?.bind(doc);
+    if (caretRangeFromPoint) {
+        const range = caretRangeFromPoint(clientX, clientY);
+        if (range && element.contains(range.startContainer)) {
+            range.collapse(true);
+            return range;
+        }
+    }
+    const caretPositionFromPoint = doc.caretPositionFromPoint?.bind(doc);
+    if (caretPositionFromPoint) {
+        const position = caretPositionFromPoint(clientX, clientY);
+        if (position && element.contains(position.offsetNode)) {
+            const range = doc.createRange();
+            range.setStart(position.offsetNode, position.offset);
+            range.collapse(true);
+            return range;
+        }
+    }
+    const fallback = doc.createRange();
+    fallback.selectNodeContents(element);
+    fallback.collapse(false);
+    return fallback;
+}
+export const VIEWPORT_WIDTHS = {
+    mobile: 375,
+    tablet: 768,
+    desktop: 1000,
+};
+export const VIEWPORT_OPTIONS = [
+    { id: "mobile", label: "Mobile", Icon: Smartphone },
+    { id: "tablet", label: "Tablet", Icon: Tablet },
+    { id: "desktop", label: "Desktop", Icon: Monitor },
+];
+//# sourceMappingURL=viewport.js.map

package/dist/components/page-frame/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../src/components/page-frame/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAmB3D,MAAM,UAAU,wBAAwB,CAAC,OAAoB,EAAE,OAAe,EAAE,OAAe;IAC7F,MAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC;IAClC,MAAM,mBAAmB,GAAG,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/D,IAAI,mBAAmB,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,KAAK,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YACpD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM,sBAAsB,GAAG,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,IAAI,sBAAsB,EAAE,CAAC;QAC3B,MAAM,QAAQ,GAAG,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC1D,IAAI,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACtD,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;YAChC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACrD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IACnC,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAA6B;IACvD,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA+D;IAC1F,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE;IACnD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;IAC/C,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;CACnD,CAAC"}

package/dist/content-model.d.ts

@@ -0,0 +1,36 @@
+import type { BlockNode, PageNode } from "@batterai/bind-core";
+export type EditorCollectionBlockConfig = {
+    blockType: string;
+    collectionProp: string;
+    defaultCollection: string;
+};
+export type EditorDetailBlockConfig = EditorCollectionBlockConfig;
+export type EditorReferenceOption<Label = unknown> = {
+    value: string;
+    label: Label;
+};
+export type EditorCollectionItemImage = {
+    url: string;
+    alt: string;
+};
+export type EditorContentModel<Content = unknown, CollectionItem = unknown, CollectionField = unknown, ReferenceOption extends EditorReferenceOption = EditorReferenceOption> = {
+    editableCollections: readonly string[];
+    defaultSiteTitle: string;
+    detailBlock: EditorCollectionBlockConfig;
+    listBlock?: EditorCollectionBlockConfig;
+    collectionLabel: (collection: string) => string;
+    collectionItems: (content: Content, collection: string) => CollectionItem[];
+    collectionItemsForBlock: (content: Content, blockConfig: Record<string, unknown>) => CollectionItem[];
+    collectionItemImage: (content: Content, item: CollectionItem) => EditorCollectionItemImage | null;
+    collectionItemHref: (content: Content, item: CollectionItem, blockConfig: Record<string, unknown>) => string;
+    createCollectionItem: (collection: string) => CollectionItem;
+    collectionFieldDef: (content: Content, collection: string, fieldName: string) => CollectionField | null;
+    resolveOptionItems: (content: Content, field: CollectionField, locale: string) => readonly ReferenceOption[];
+    optionLabel: (content: Content, field: CollectionField, value: string, locale: string) => string;
+};
+export type AnyEditorContentModel = EditorContentModel<any, any, any, any>;
+export type EditorCollectionBlockCandidate = BlockNode | PageNode | null | undefined;
+export declare function collectionForBlockConfig(block: EditorCollectionBlockCandidate, config: EditorCollectionBlockConfig | null | undefined): string | null;
+export declare function detailCollectionForBlock(block: EditorCollectionBlockCandidate, contentModel: Pick<AnyEditorContentModel, "detailBlock">): string | null;
+export declare function listCollectionForBlock(block: EditorCollectionBlockCandidate, contentModel: Pick<AnyEditorContentModel, "listBlock">): string | null;
+//# sourceMappingURL=content-model.d.ts.map

package/dist/content-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-model.d.ts","sourceRoot":"","sources":["../src/content-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,CAAC;AAElE,MAAM,MAAM,qBAAqB,CAAC,KAAK,GAAG,OAAO,IAAI;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,OAAO,GAAG,OAAO,EACjB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,OAAO,EACzB,eAAe,SAAS,qBAAqB,GAAG,qBAAqB,IACnE;IACF,mBAAmB,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,2BAA2B,CAAC;IACzC,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,cAAc,EAAE,CAAC;IAC5E,uBAAuB,EAAE,CACvB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACjC,cAAc,EAAE,CAAC;IACtB,mBAAmB,EAAE,CACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,KACjB,yBAAyB,GAAG,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,EACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACjC,MAAM,CAAC;IACZ,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7D,kBAAkB,EAAE,CAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,eAAe,GAAG,IAAI,CAAC;IAC5B,kBAAkB,EAAE,CAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,MAAM,KACX,SAAS,eAAe,EAAE,CAAC;IAChC,WAAW,EAAE,CACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,KACX,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAE3E,MAAM,MAAM,8BAA8B,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAErF,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,8BAA8B,EACrC,MAAM,EAAE,2BAA2B,GAAG,IAAI,GAAG,SAAS,GACrD,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,8BAA8B,EACrC,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,GACvD,MAAM,GAAG,IAAI,CAEf;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,8BAA8B,EACrC,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GACrD,MAAM,GAAG,IAAI,CAEf"}

package/dist/content-model.js

@@ -0,0 +1,15 @@
+import { readProp } from "./model/prop-access.js";
+export function collectionForBlockConfig(block, config) {
+    if (!block || !config || block.kind !== "block" || block.blockType !== config.blockType) {
+        return null;
+    }
+    const rawCollection = readProp(block, config.collectionProp);
+    return typeof rawCollection === "string" ? rawCollection : config.defaultCollection;
+}
+export function detailCollectionForBlock(block, contentModel) {
+    return collectionForBlockConfig(block, contentModel.detailBlock);
+}
+export function listCollectionForBlock(block, contentModel) {
+    return collectionForBlockConfig(block, contentModel.listBlock);
+}
+//# sourceMappingURL=content-model.js.map

package/dist/content-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-model.js","sourceRoot":"","sources":["../src/content-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAoE/C,MAAM,UAAU,wBAAwB,CACtC,KAAqC,EACrC,MAAsD;IAEtD,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;QACxF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IAC7D,OAAO,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,KAAqC,EACrC,YAAwD;IAExD,OAAO,wBAAwB,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAqC,EACrC,YAAsD;IAEtD,OAAO,wBAAwB,CAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;AACjE,CAAC"}

package/dist/contentModel.d.ts

@@ -0,0 +1,3 @@
+export type { AnyEditorContentModel as EditorShellContentModel, } from "./content-model";
+export { collectionForBlockConfig, detailCollectionForBlock, listCollectionForBlock, } from "./content-model";
+//# sourceMappingURL=contentModel.d.ts.map

package/dist/contentModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentModel.d.ts","sourceRoot":"","sources":["../src/contentModel.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,IAAI,uBAAuB,GACjD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/contentModel.js

@@ -0,0 +1,2 @@
+export { collectionForBlockConfig, detailCollectionForBlock, listCollectionForBlock, } from "./content-model.js";
+//# sourceMappingURL=contentModel.js.map

package/dist/contentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentModel.js","sourceRoot":"","sources":["../src/contentModel.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/designSettings.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties } from "react";
+import type { BlockNode } from "@batterai/bind-core";
+import type { BlockDefinition, BlockDesignSettings } from "./types";
+export declare const FALLBACK_DESIGN: BlockDesignSettings;
+export declare function blockDesignDefaults(definition: BlockDefinition | null): BlockDesignSettings;
+export declare function normalizeDesignSettings(value: unknown, defaults?: BlockDesignSettings): BlockDesignSettings;
+export declare function blockDesign(block: BlockNode | null, definition: BlockDefinition | null): BlockDesignSettings;
+export declare function designsEqual(a: BlockDesignSettings, b: BlockDesignSettings): boolean;
+export declare function hasCustomDesign(block: BlockNode | null, definition: BlockDefinition | null): boolean;
+export declare function blockDesignStyle(block: BlockNode, definition: BlockDefinition | null, effectiveBlockType?: string): CSSProperties;
+//# sourceMappingURL=designSettings.d.ts.map

package/dist/designSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"designSettings.d.ts","sourceRoot":"","sources":["../src/designSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAmB,MAAM,SAAS,CAAC;AAMrF,eAAO,MAAM,eAAe,EAAE,mBAI7B,CAAC;AAqBF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,eAAe,GAAG,IAAI,GAAG,mBAAmB,CAE3F;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,OAAO,EACd,QAAQ,GAAE,mBAAqC,GAC9C,mBAAmB,CAcrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,uBAGtF;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,WAE1E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,WAG1F;AAqBD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,eAAe,GAAG,IAAI,EAClC,kBAAkB,SAAkB,GACnC,aAAa,CAsBf"}