@juo/blocks 1.13.0 → 1.14.0

package/dist/layout/css-runtime.d.ts

@@ -0,0 +1,41 @@
+import { LayoutDocument } from './types';
+/** Attribute that scopes a runtime grid container's generated stylesheet. */
+export declare const LAYOUT_SCOPE_ATTR = "data-juo-layout";
+/** CSS attribute selector for a given grid scope id. */
+export declare function layoutScopeSelector(scopeId: string): string;
+/**
+ * Build the scoped CSS Grid stylesheet for a layout, reconciled against the
+ * block ids actually being rendered (prune orphans / autofill unplaced).
+ * Pure: no DOM access.
+ */
+export declare function buildLayoutCss(layout: LayoutDocument, blockIds: string[], scopeId: string): string;
+export type GridLayoutRuntime = {
+    css: string;
+    /**
+     * Leader block ids (leftmost block of each divider row) — draw the full-width
+     * bare-style divider line above their row.
+     */
+    dividerBlockIds: Set<string>;
+    /**
+     * Every block on a divider row — get the extra divider-row spacing so the gap
+     * grows (gap | divider | gap) only where a divider is drawn.
+     */
+    dividerRowBlockIds: Set<string>;
+    /**
+     * Blocks with the sticky `fill` flag set. Used to reflect the "fill" toggle's
+     * active/pressed state onto the block wrapper chrome (only the block the
+     * merchant filled — never its neighbours).
+     */
+    fullWidthBlockIds: Set<string>;
+};
+/**
+ * Reconcile layout, emit scoped CSS, and classify bare-style row dividers in
+ * one pass (avoids double reconciliation in ExtensionRoot).
+ *
+ * Empty-block collapse is handled entirely in CSS (see `collapseRule` in
+ * project-css): an empty block sets `display:none` and, because row spacing is a
+ * per-item bottom margin rather than row-gap, its row closes up with no ghost
+ * gap — no runtime re-projection needed.
+ */
+export declare function buildGridLayout(layout: LayoutDocument, blockIds: string[], scopeId: string): GridLayoutRuntime;
+//# sourceMappingURL=css-runtime.d.ts.map

package/dist/layout/css-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-runtime.d.ts","sourceRoot":"","sources":["../../src/layout/css-runtime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,MAAM,EAAE,EAClB,OAAO,EAAE,MAAM,GACd,MAAM,CAMR;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,MAAM,EAAE,EAClB,OAAO,EAAE,MAAM,GACd,iBAAiB,CAsBnB"}

package/dist/layout/css-runtime.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=css-runtime.test.d.ts.map

package/dist/layout/css-runtime.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-runtime.test.d.ts","sourceRoot":"","sources":["../../src/layout/css-runtime.test.ts"],"names":[],"mappings":""}

package/dist/layout/derive.d.ts

@@ -0,0 +1,4 @@
+import { BreakpointDef, LayoutDocument, LayoutForBreakpoint } from './types';
+export declare function deriveLayout(base: LayoutForBreakpoint, target: BreakpointDef): LayoutForBreakpoint;
+export declare function resolveLayout(doc: LayoutDocument, breakpointId: string): LayoutForBreakpoint;
+//# sourceMappingURL=derive.d.ts.map

package/dist/layout/derive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"derive.d.ts","sourceRoot":"","sources":["../../src/layout/derive.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAY,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE5F,wBAAgB,YAAY,CAC1B,IAAI,EAAE,mBAAmB,EACzB,MAAM,EAAE,aAAa,GACpB,mBAAmB,CAWrB;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,cAAc,EACnB,YAAY,EAAE,MAAM,GACnB,mBAAmB,CAYrB"}

package/dist/layout/derive.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=derive.test.d.ts.map

package/dist/layout/derive.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"derive.test.d.ts","sourceRoot":"","sources":["../../src/layout/derive.test.ts"],"names":[],"mappings":""}

package/dist/layout/dividers.d.ts

@@ -0,0 +1,34 @@
+import { GridRect } from './types';
+export type RowDividerClassification = {
+    /**
+     * Leftmost block (reading order) of each divider row — draws the full-width
+     * horizontal divider line above its row. A subset of `rowBlockIds`.
+     */
+    leaderBlockIds: Set<string>;
+    /**
+     * Every block belonging to a divider row. These receive the extra
+     * divider-row spacing (a top margin) so the boundary grows to
+     * gap | divider | gap ONLY where a divider is actually drawn — boundaries
+     * without a divider keep the regular single row-gap. Tagging all members
+     * (not just the leader) keeps side-by-side blocks on the same row aligned.
+     */
+    rowBlockIds: Set<string>;
+};
+/**
+ * Classify "divider rows": grid rows below the first whose top boundary is a
+ * clean full-width break (not crossed by any spanning block). Such a boundary
+ * gets a horizontal divider line plus extra breathing room.
+ *
+ * Rules:
+ *   1. The first row is never a divider row (no divider above the content top).
+ *   2. If any block spans across a row boundary (a tall block with
+ *      `r < boundary < r + h`), that boundary is NOT a clean break — drawing a
+ *      full-width line there would slice through the spanning block, and the
+ *      rows beside it should read as a single band. Such rows are skipped, so
+ *      they keep the regular gap with no divider (e.g. a tall "Upcoming items"
+ *      next to a stacked "Upcoming renewal" / "Subscription notifications").
+ *   3. Only the leftmost block of a divider row leads the line (drawn once,
+ *      full canvas width); every block on that row gets the spacing margin.
+ */
+export declare function classifyRowDividers(items: Record<string, GridRect>, blockIds: readonly string[]): RowDividerClassification;
+//# sourceMappingURL=dividers.d.ts.map

package/dist/layout/dividers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dividers.d.ts","sourceRoot":"","sources":["../../src/layout/dividers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B;;;;;;OAMG;IACH,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,QAAQ,EAAE,SAAS,MAAM,EAAE,GAC1B,wBAAwB,CA8B1B"}

package/dist/layout/dividers.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dividers.test.d.ts.map

package/dist/layout/dividers.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dividers.test.d.ts","sourceRoot":"","sources":["../../src/layout/dividers.test.ts"],"names":[],"mappings":""}

package/dist/layout/engine.d.ts

@@ -0,0 +1,3 @@
+import { LayoutEngine } from './types';
+export declare const gridV1Engine: LayoutEngine;
+//# sourceMappingURL=engine.d.ts.map

package/dist/layout/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../src/layout/engine.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,YAAY,EAAE,YAiG1B,CAAC"}

package/dist/layout/engine.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=engine.test.d.ts.map

package/dist/layout/engine.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.test.d.ts","sourceRoot":"","sources":["../../src/layout/engine.test.ts"],"names":[],"mappings":""}

package/dist/layout/grid-utils.d.ts

@@ -0,0 +1,57 @@
+import { GridRect } from './types';
+export declare function clampRect(rect: GridRect, cols: number): GridRect;
+export declare function rectsOverlap(a: GridRect, b: GridRect): boolean;
+export declare function readingOrder(items: Record<string, GridRect>): string[];
+/**
+ * Compact items with GridStack `float:false` gravity: pull every block up as
+ * far as it fits, preserving its column (`c`) and size (`w`/`h`), in reading
+ * order (row then column). This:
+ *  - removes vertical gaps (e.g. left behind by a deleted block), and
+ *  - resolves overlaps (e.g. after a block is stretched to full width over its
+ *    row-mates) by pushing later blocks down instead of letting them overlay.
+ *
+ * The result is deterministic and idempotent for an already-compact layout, so
+ * it matches what layout mode (GridStack) shows and is safe to re-run.
+ */
+export declare function compactItems(items: Record<string, GridRect>, cols: number): Record<string, GridRect>;
+/**
+ * Compute the free horizontal span available to `target` within its row band
+ * (the rows it vertically overlaps), given the other blocks in `items`.
+ *
+ *  - `left`  = the right edge (c + w) of the nearest block sitting to the left of
+ *    `target` in the same band, or 0 if none.
+ *  - `right` = the left edge (c) of the nearest block sitting to the right of
+ *    `target` in the same band, or `cols` if none.
+ *
+ * Blocks that don't share any row with `target`, and the target itself
+ * (`target.id` compared via reference is not possible here, so pass `excludeId`),
+ * are ignored. This defines the maximum width a block can grow to WITHOUT moving
+ * any neighbour — the basis for the "fill" toggle.
+ */
+export declare function rowBandBounds(items: Record<string, GridRect>, target: GridRect, cols: number, excludeId?: string): {
+    left: number;
+    right: number;
+};
+/**
+ * Re-apply every sticky `fill` block's layout. Fill blocks that share a row band
+ * and the same free segment (the span between the non-fill blocks that bound
+ * them) split that segment EQUALLY, laid left→right in reading order. As a
+ * neighbour is stretched the segment shrinks and the fill blocks squeeze down
+ * together; once a block's equal share would fall below the minimum width
+ * (`ceil(cols / MAX_BLOCKS_PER_ROW)`) it can no longer squeeze, so the overflow
+ * blocks wrap to their own fresh full-width rows below the band.
+ *
+ * When nothing overflows, non-fill blocks are never moved and no compaction runs
+ * — fill only ever consumes empty columns in place, so it can't create overlaps.
+ * When a block wraps, the layout is compacted so the vacated/added rows close up.
+ *
+ * Run after any mutation (drag, delete, resize, reflow) so filled blocks reclaim
+ * the space a neighbour vacates and re-equalise as row-mates come and go.
+ */
+export declare function applyFillExpansion(items: Record<string, GridRect>, cols: number): Record<string, GridRect>;
+/** Finds the first free cell scanning rows top-to-bottom, columns left-to-right. @param cols must be >= 1. */
+export declare function findFreeRect(items: Record<string, GridRect>, size: {
+    w: number;
+    h: number;
+}, cols: number): GridRect;
+//# sourceMappingURL=grid-utils.d.ts.map

package/dist/layout/grid-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-utils.d.ts","sourceRoot":"","sources":["../../src/layout/grid-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAY5D,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,CAOhE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,GAAG,OAAO,CAO9D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,MAAM,EAAE,CAOtE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,IAAI,EAAE,MAAM,GACX,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAe1B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAejC;AAmCD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,IAAI,EAAE,MAAM,GACX,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CA6E1B;AAED,8GAA8G;AAC9G,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAC9B,IAAI,EAAE,MAAM,GACX,QAAQ,CAYV"}

package/dist/layout/grid-utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grid-utils.test.d.ts.map

package/dist/layout/grid-utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-utils.test.d.ts","sourceRoot":"","sources":["../../src/layout/grid-utils.test.ts"],"names":[],"mappings":""}

package/dist/layout/index.d.ts

@@ -0,0 +1,12 @@
+export type { BreakpointId, GridRect, GridConfig, ContainerQuery, BreakpointDef, LayoutForBreakpoint, LayoutDocument, GridCtx, LayoutCommand, LayoutEngine, LayoutEngineId, } from './types';
+export { GRID_V1_ENGINE_ID, DEFAULT_GRID, DEFAULT_BREAKPOINTS, PAGE_ROOT_SLOT, } from './types';
+export { clampRect, rectsOverlap, readingOrder, findFreeRect, compactItems, } from './grid-utils';
+export { gridV1Engine } from './engine';
+export { deriveLayout, resolveLayout } from './derive';
+export { projectToCss } from './project-css';
+export { projectToGridStack, type GridStackProjection, type GridStackWidgetProjection, } from './project-gridstack';
+export { createDefaultLayoutDocument, reconcileLayout, compactLayoutDocument, expandFillLayoutDocument, } from './reconcile';
+export { classifyRowDividers, type RowDividerClassification, } from './dividers';
+export { DEFAULT_NEW_BLOCK_HEIGHT, insertRectRelative, type InsertPosition, } from './insert';
+export { LAYOUT_SCOPE_ATTR, layoutScopeSelector, buildLayoutCss, buildGridLayout, type GridLayoutRuntime, } from './css-runtime';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,OAAO,EACP,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,GAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,2BAA2B,EAC3B,eAAe,EACf,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,KAAK,cAAc,GACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC"}

package/dist/layout/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/layout/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/layout/index.test.ts"],"names":[],"mappings":""}

package/dist/layout/insert.d.ts

@@ -0,0 +1,31 @@
+import { LayoutDocument } from './types';
+export type InsertPosition = "before" | "after";
+/**
+ * Default height (in row units) for a freshly added block. `1` row (= rowUnit,
+ * 40px by default) is too short for the layout-mode skeleton's icon + name +
+ * lines and clips the label, so new blocks start a few rows tall. The merchant
+ * can still resize down in layout mode.
+ */
+export declare const DEFAULT_NEW_BLOCK_HEIGHT = 4;
+/**
+ * Insert a rect for `blockId` adjacent to `targetId` in the base breakpoint of
+ * `doc`, so a block added via the editor's add buttons lands directly
+ * above/below the block it was added relative to — not at the end of the grid.
+ *
+ * The new block inherits the target's column (`c`) and width (`w`) so it appears
+ * in the same lane the user added it from (full-width when the target is
+ * full-width). Every block at or below the insertion row is shifted down by the
+ * new block's height so reading order is preserved regardless of GridStack's
+ * compaction.
+ *
+ * Returns a NEW document; the input is never mutated. If the base breakpoint or
+ * the target's rect is missing (layout not reconciled yet), the document is
+ * returned unchanged — `reconcileLayout` then falls back to its default
+ * end-of-grid placement.
+ */
+export declare function insertRectRelative(doc: LayoutDocument, args: {
+    blockId: string;
+    targetId: string;
+    position: InsertPosition;
+}): LayoutDocument;
+//# sourceMappingURL=insert.d.ts.map

package/dist/layout/insert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../../src/layout/insert.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,cAAc,CAAA;CAAE,GACpE,cAAc,CA8BhB"}

package/dist/layout/insert.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=insert.test.d.ts.map

package/dist/layout/insert.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.test.d.ts","sourceRoot":"","sources":["../../src/layout/insert.test.ts"],"names":[],"mappings":""}

package/dist/layout/project-css.d.ts

@@ -0,0 +1,6 @@
+import { LayoutDocument } from './types';
+export declare function projectToCss(doc: LayoutDocument, opts: {
+    scope: string;
+    domOrder?: string[];
+}): string;
+//# sourceMappingURL=project-css.d.ts.map

package/dist/layout/project-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-css.d.ts","sourceRoot":"","sources":["../../src/layout/project-css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwB,cAAc,EAAuB,MAAM,SAAS,CAAC;AAsMzF,wBAAgB,YAAY,CAC1B,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC3C,MAAM,CAqBR"}

package/dist/layout/project-css.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=project-css.test.d.ts.map

package/dist/layout/project-css.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-css.test.d.ts","sourceRoot":"","sources":["../../src/layout/project-css.test.ts"],"names":[],"mappings":""}

package/dist/layout/project-gridstack.d.ts

@@ -0,0 +1,50 @@
+import { LayoutDocument } from './types';
+export { MAX_BLOCKS_PER_ROW } from './types';
+/**
+ * Minimum height (in row units) the merchant may resize a block to in layout
+ * mode. Below this the layout-mode skeleton's icon + name label gets clipped
+ * and the block becomes unidentifiable, so we floor the resize handle here
+ * (enforced via GridStack's per-widget `minH`).
+ */
+export declare const MIN_BLOCK_ROWS = 2;
+/**
+ * Minimum width (in CSS px) the merchant may resize a block to in layout mode.
+ * Sized so a block can shrink to a third of the grid (≈4 of 12 columns) at
+ * realistic canvas widths, letting three blocks sit alongside each other — the
+ * previous 320px "mobile block" floor forced blocks to ~half the grid, capping
+ * a row at two. Columns are a fraction of the grid width, so this is converted
+ * to a per-widget `minW` (column count) by the adapter, which is the only place
+ * that knows the live pixel width.
+ */
+export declare const MIN_BLOCK_PX = 200;
+export type GridStackWidgetProjection = {
+    id: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    minH: number;
+    /** True when the block already fills the free span of its row band. */
+    filled: boolean;
+};
+export type GridStackProjection = {
+    options: {
+        column: number;
+        cellHeight: number;
+        margin: number;
+        float: boolean;
+        sizeToContent: boolean;
+    };
+    widgets: GridStackWidgetProjection[];
+};
+/**
+ * Resolve which breakpoint a container of `containerWidthPx` renders, mirroring
+ * the CSS `@container (max-width:N)` cascade in `project-css.ts`: start at the
+ * base (widest) breakpoint and let each narrower breakpoint whose `maxWidth`
+ * query matches override it (document order = widest→narrowest, so the last
+ * match — the narrowest applicable — wins). Returns the base id when the width
+ * can't be measured (0 / jsdom), so layout mode defaults to desktop.
+ */
+export declare function resolveActiveBreakpoint(doc: LayoutDocument, containerWidthPx: number): string;
+export declare function projectToGridStack(doc: LayoutDocument, breakpointId: string): GridStackProjection;
+//# sourceMappingURL=project-gridstack.d.ts.map

package/dist/layout/project-gridstack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-gridstack.d.ts","sourceRoot":"","sources":["../../src/layout/project-gridstack.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;GAKG;AACH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,yBAAyB,EAAE,CAAC;CACtC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,cAAc,EACnB,gBAAgB,EAAE,MAAM,GACvB,MAAM,CAQR;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,cAAc,EACnB,YAAY,EAAE,MAAM,GACnB,mBAAmB,CAgCrB"}

package/dist/layout/project-gridstack.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=project-gridstack.test.d.ts.map

package/dist/layout/project-gridstack.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-gridstack.test.d.ts","sourceRoot":"","sources":["../../src/layout/project-gridstack.test.ts"],"names":[],"mappings":""}

package/dist/layout/reconcile.d.ts

@@ -0,0 +1,22 @@
+import { LayoutDocument } from './types';
+export declare function createDefaultLayoutDocument(blockIds: string[]): LayoutDocument;
+export declare function reconcileLayout(doc: LayoutDocument | null | undefined, blockIds: string[]): LayoutDocument;
+/**
+ * Compact the base (authored) breakpoint of a layout document with
+ * `float:false` gravity (see `compactItems`). Used after mutations that can
+ * leave the settled CSS-grid view out of sync with the GridStack model — most
+ * notably deleting a block (which otherwise leaves a vertical gap) or stretching
+ * one to full width (which otherwise overlays its row-mates). Narrower
+ * breakpoints are derived at projection time and need no compaction here.
+ */
+export declare function compactLayoutDocument(doc: LayoutDocument | null | undefined): LayoutDocument | null | undefined;
+/**
+ * Re-apply sticky `fill` expansion to the base (authored) breakpoint of a layout
+ * document (see `applyFillExpansion`). Mutations routed through the block tree
+ * (e.g. deleting or adding a block) reconcile + compact the layout but do NOT go
+ * through the grid engine's command pipeline, so without this a fill block never
+ * reclaims the columns a deleted row-mate vacates. Kept document-level to mirror
+ * `compactLayoutDocument` and run right after it.
+ */
+export declare function expandFillLayoutDocument(doc: LayoutDocument | null | undefined): LayoutDocument | null | undefined;
+//# sourceMappingURL=reconcile.d.ts.map

package/dist/layout/reconcile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconcile.d.ts","sourceRoot":"","sources":["../../src/layout/reconcile.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EAEpB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,cAAc,CAa9E;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,MAAM,EAAE,GACjB,cAAc,CA4BhB;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,GACrC,cAAc,GAAG,IAAI,GAAG,SAAS,CAUnC;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,GACrC,cAAc,GAAG,IAAI,GAAG,SAAS,CAUnC"}

package/dist/layout/reconcile.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reconcile.test.d.ts.map

package/dist/layout/reconcile.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconcile.test.d.ts","sourceRoot":"","sources":["../../src/layout/reconcile.test.ts"],"names":[],"mappings":""}

package/dist/layout/types.d.ts

@@ -0,0 +1,118 @@
+export type BreakpointId = string;
+/**
+ * 0-indexed cell coordinates (c/r) and spans (w/h).
+ *
+ * `fill` is a sticky per-block flag: when true the block consumes all the free
+ * space in its row band (up to full width) and keeps doing so as neighbours move
+ * — see {@link applyFillExpansion}. It's toggled by the `fillWidth` command and
+ * cleared when the merchant manually resizes the block's width.
+ */
+export type GridRect = {
+    c: number;
+    r: number;
+    w: number;
+    h: number;
+    fill?: boolean;
+};
+export type GridConfig = {
+    cols: number;
+    gap: number;
+    rowUnit: number;
+};
+export type ContainerQuery = {
+    maxWidth: number;
+};
+export type BreakpointDef = {
+    id: BreakpointId;
+    cols: number;
+    /** Absent for the base (widest) breakpoint; present for narrower ones. */
+    query?: ContainerQuery;
+};
+export type LayoutForBreakpoint = {
+    grid: GridConfig;
+    /** Keyed by Block.id — the ONLY thing the renderer reads. */
+    items: Record<string, GridRect>;
+    /** Engine-private (future zones/stacks/groups) — opaque to model/renderer. */
+    data?: unknown;
+};
+/**
+ * Identifier of a real layout-document engine format (the shape a persisted
+ * {@link LayoutDocument} is authored in). This is the canonical registry of
+ * engines — add `"grid-v2"` etc. here. It intentionally does NOT include
+ * `"legacy"`: legacy is the *absence* of the layout system, not a document
+ * format, so no doc is ever tagged `"legacy"`. The theme-level opt-in
+ * (`GlobalStyles.layoutEngine`) layers `"legacy"` on top of this set.
+ */
+export type LayoutEngineId = "grid-v1";
+export type LayoutDocument = {
+    version: 1;
+    engine: LayoutEngineId;
+    /** Ordered widest → narrowest; index 0 is the authored base. */
+    breakpoints: BreakpointDef[];
+    layouts: Partial<Record<BreakpointId, LayoutForBreakpoint>>;
+};
+/** Runtime context passed to engine methods: the resolved GridConfig plus the active breakpoint id. */
+export type GridCtx = {
+    breakpoint: BreakpointId;
+    cols: number;
+    gap: number;
+    rowUnit: number;
+};
+export type LayoutCommand = {
+    kind: "add";
+    blockId: string;
+    rect?: GridRect;
+} | {
+    kind: "move";
+    blockId: string;
+    to: {
+        c: number;
+        r: number;
+    };
+} | {
+    kind: "resize";
+    blockId: string;
+    size: {
+        w: number;
+        h: number;
+    };
+} | {
+    kind: "remove";
+    blockId: string;
+} | {
+    kind: "setRects";
+    rects: Record<string, GridRect>;
+}
+/**
+ * Toggle a block's sticky `fill` flag. When enabled the block expands to
+ * consume the free space in its row band (and re-expands as neighbours move);
+ * when disabled it keeps its current width.
+ */
+ | {
+    kind: "fillWidth";
+    blockId: string;
+};
+export interface LayoutEngine {
+    id: LayoutEngineId;
+    applyCommand(doc: LayoutDocument, cmd: LayoutCommand, ctx: GridCtx): LayoutDocument;
+    reflow(doc: LayoutDocument, ctx: GridCtx): LayoutDocument;
+}
+export declare const GRID_V1_ENGINE_ID: LayoutEngineId;
+/**
+ * The slot whose children the MVP LayoutDocument governs (the "page-root
+ * slot"). The editor's getLayoutBlockIds and the runtime ExtensionRoot
+ * grid container both key off this so they govern the SAME block set.
+ */
+export declare const PAGE_ROOT_SLOT = "content";
+export declare const DEFAULT_GRID: Readonly<GridConfig>;
+/**
+ * Maximum number of blocks allowed side by side in a single row. Fill blocks
+ * split their free row-band space equally down to a floor of
+ * `ceil(cols / MAX_BLOCKS_PER_ROW)` columns; below that they wrap to a new
+ * full-width row (see `applyFillExpansion` in grid-utils). The GridStack
+ * adapter uses the same floor for per-widget `minW`, capping a row at this many
+ * blocks regardless of the live canvas width.
+ */
+export declare const MAX_BLOCKS_PER_ROW = 3;
+export declare const DEFAULT_BREAKPOINTS: readonly BreakpointDef[];
+//# sourceMappingURL=types.d.ts.map

package/dist/layout/types.d.ts.map

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

package/dist/layout-mode-adapter-BBd4JRQd.js

@@ -0,0 +1,21 @@
+const LAYOUT_INTERACTION_START = "juo-layout-interaction-start";
+const LAYOUT_INTERACTION_END = "juo-layout-interaction-end";
+const LAYOUT_POP_CLASS = "juo-layout-pop";
+let current = null;
+function registerLayoutModeAdapter(adapter) {
+  current = adapter;
+}
+function getLayoutModeAdapter() {
+  return current;
+}
+function clearLayoutModeAdapter() {
+  current = null;
+}
+export {
+  LAYOUT_INTERACTION_END,
+  LAYOUT_INTERACTION_START,
+  LAYOUT_POP_CLASS,
+  clearLayoutModeAdapter,
+  getLayoutModeAdapter,
+  registerLayoutModeAdapter
+};

package/dist/main.d.ts

@@ -1,6 +1,6 @@
 export type { Block, BlockInstance, BlockDefinition, BlockLocaleFile, BlockRenderer, BlockPreset, BlockPresets, } from './block';
 export { attachEmptyTracking, backfillInstanceDefaults, createBlockInstance, createBlockInstanceFromJSON, createBlockInstanceFromObject, createCeRenderer, defineBlock, defineBlockRuntime, getDefinedBlocks, hasRenderedContent, isStubDefinition, withWrapper, registerBlock, SelectedBlockContext, createSelectedBlock, BlockWrapperEvent, serializeBlocks, onRegisterBlock, } from './block';
-export { ThemeStateContext, createThemeState, indexOverrides, type TranslationCatalogs, type TranslationMode, type TranslationScope, type TranslationOverride, type ThemeLocaleState, type ThemeState, type ThemeSurface, type ThemeSurfaceState, type GlobalStyles, type GlobalStyleColors, type ThemeType, DEFAULT_GLOBAL_STYLES, } from './theme-state';
+export { ThemeStateContext, createThemeState, indexOverrides, type TranslationCatalogs, type TranslationMode, type TranslationScope, type TranslationOverride, type ThemeLocaleState, type ThemeState, type ThemeSurface, type ThemeSurfaceState, type GlobalStyles, type GlobalStyleColors, type ThemeType, type LayoutEngine, DEFAULT_GLOBAL_STYLES, } from './theme-state';
 export { TranslationContext, createTranslationService, type TranslationServiceOptions, type TranslationService, } from './translation';
 export { ContextRequestEvent, ContextProvideEvent, type ContextCallback, createContext, injectContext, provideContext, subscribeContext, type ContextType, type UnknownContext, } from './context';
 export { StateContext, createState } from './state';
@@ -8,5 +8,11 @@ export { waitForDevBlocksUrl, loadBlockRegistry } from './registry';
 export * from './utils';
 export * from './services';
 export * from './flows';
+export * from './layout';
+export { registerLayoutModeAdapter, getLayoutModeAdapter, clearLayoutModeAdapter, type LayoutModeAdapter, type LayoutModeMountInputs, type LayoutModeRectsChange, } from './web-components/layout-mode-adapter';
+export { canvasMode } from './editor/canvas-mode-signal';
+export { layoutSystemEnabled, setLayoutSystemEnabled, } from './editor/layout-system-signal';
+export { setActiveSurfaceContext, getActiveSurfaceContext, clearAllSurfaceContexts, } from './editor/surface-context';
+export { setLayoutCommandEmitter, emitLayoutSetRects, setLayoutCommandDispatcher, emitLayoutCommand, type LayoutCommandEmitter, type LayoutSetRectsEvent, type LayoutCommandDispatcher, type LayoutCommandEvent, } from './editor/layout-command-emitter';
 export { Signal, signal, effect, computed, untracked, } from '@preact/signals-core';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,KAAK,EACL,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,2BAA2B,EAC3B,6BAA6B,EAC7B,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,qBAAqB,GACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,eAAe,EACpB,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpE,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACV,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,KAAK,EACL,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,2BAA2B,EAC3B,6BAA6B,EAC7B,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,qBAAqB,GACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,eAAe,EACpB,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpE,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AAEzB,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,sCAAsC,CAAC;AAO9C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EACL,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACV,MAAM,sBAAsB,CAAC"}