@juo/blocks 1.13.0 → 1.15.0

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"}

package/dist/morph-n4LMxOYo.js

@@ -0,0 +1,182 @@
+import { canvasMode, effect } from "@juo/blocks";
+import { g as getEditorBridge, c as createLayoutingModeChangedMessage, W as WRAPPER_SELECTOR } from "./bridge-xiKEzCGR.js";
+import { LAYOUT_INTERACTION_START, LAYOUT_INTERACTION_END, LAYOUT_POP_CLASS } from "./layout-mode-adapter-BBd4JRQd.js";
+function setCanvasMode(enabled) {
+  var _a;
+  if (canvasMode.value === enabled) return;
+  (_a = getEditorBridge()) == null ? void 0 : _a.preserveScrollAcrossReflow();
+  canvasMode.value = enabled;
+}
+function resetCanvasMode() {
+  canvasMode.value = false;
+}
+let interacting = false;
+let exitListenersBound = false;
+let initialized = false;
+function notifyParentMode(enabled) {
+  var _a;
+  (_a = getEditorBridge()) == null ? void 0 : _a.sendMessage(createLayoutingModeChangedMessage({ enabled }));
+}
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const VT_STYLE_ID = "juo-morph-vt-style";
+const VT_NAME_PREFIX = "juo-block-";
+function ensureViewTransitionCss() {
+  if (typeof document === "undefined" || document.getElementById(VT_STYLE_ID)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = VT_STYLE_ID;
+  style.textContent = `
+    ::view-transition-group(*) {
+      animation-duration: 380ms;
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  `;
+  (document.head ?? document.documentElement).appendChild(style);
+}
+function collectBlockWrappers() {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  const walk = (root) => {
+    if (seen.has(root)) return;
+    seen.add(root);
+    for (const el of Array.from(
+      root.querySelectorAll(WRAPPER_SELECTOR)
+    )) {
+      out.push(el);
+    }
+    for (const el of Array.from(root.querySelectorAll("*"))) {
+      const sr = el.shadowRoot;
+      if (sr != null) walk(sr);
+    }
+  };
+  walk(document);
+  return out;
+}
+function viewTransitionName(blockId) {
+  return VT_NAME_PREFIX + blockId.replace(/[^a-zA-Z0-9_-]/g, "_");
+}
+function findWrapper(blockId) {
+  for (const el of collectBlockWrappers()) {
+    if (el.getAttribute("data-block-id") === blockId) return el;
+  }
+  return null;
+}
+function resolveWrapper(block) {
+  if (block.isConnected) return block;
+  const id = block.getAttribute("data-block-id");
+  return id != null ? findWrapper(id) : null;
+}
+function scrollBlockIntoView(block) {
+  const el = resolveWrapper(block);
+  if (el == null || typeof el.scrollIntoView !== "function") return;
+  el.scrollIntoView({ block: "start", inline: "nearest" });
+}
+function popBlock(block) {
+  const wrapper = resolveWrapper(block);
+  const item = wrapper == null ? void 0 : wrapper.closest(".grid-stack-item");
+  if (item == null) return;
+  item.classList.remove(LAYOUT_POP_CLASS);
+  void item.offsetWidth;
+  item.classList.add(LAYOUT_POP_CLASS);
+  const clear = () => item.classList.remove(LAYOUT_POP_CLASS);
+  item.addEventListener("animationend", clear, { once: true });
+  if (typeof setTimeout === "function") setTimeout(clear, 450);
+}
+function withMorphTransition(fn) {
+  const doc = document;
+  if (typeof doc.startViewTransition !== "function" || prefersReducedMotion()) {
+    fn();
+    return Promise.resolve();
+  }
+  ensureViewTransitionCss();
+  const wrappers = collectBlockWrappers();
+  for (const el of wrappers) {
+    const id = el.getAttribute("data-block-id");
+    if (id != null) el.style.viewTransitionName = viewTransitionName(id);
+  }
+  const clearNames = () => {
+    for (const el of wrappers) el.style.viewTransitionName = "";
+  };
+  let transition;
+  try {
+    transition = doc.startViewTransition(() => {
+      fn();
+    });
+  } catch {
+    fn();
+    clearNames();
+    return Promise.resolve();
+  }
+  if (transition.finished != null) {
+    return Promise.resolve(transition.finished).then(clearNames, clearNames);
+  }
+  clearNames();
+  return Promise.resolve();
+}
+function isInsideGridItem(e) {
+  const path = typeof e.composedPath === "function" ? e.composedPath() : [];
+  return path.some(
+    (n) => n instanceof Element && (n.classList.contains("grid-stack-item") || n.classList.contains("grid-stack-item-content"))
+  );
+}
+function onExitPointerDown(e) {
+  if (interacting || isInsideGridItem(e)) return;
+  exitToView();
+}
+function onExitKeyDown(e) {
+  if (e.key === "Escape") exitToView();
+}
+function bindExitListeners() {
+  if (exitListenersBound || typeof document === "undefined") return;
+  exitListenersBound = true;
+  document.addEventListener("pointerdown", onExitPointerDown, true);
+  document.addEventListener("keydown", onExitKeyDown, true);
+}
+function unbindExitListeners() {
+  if (!exitListenersBound) return;
+  exitListenersBound = false;
+  document.removeEventListener("pointerdown", onExitPointerDown, true);
+  document.removeEventListener("keydown", onExitKeyDown, true);
+}
+function enterLayout(block) {
+  if (canvasMode.value) {
+    notifyParentMode(true);
+    return;
+  }
+  const done = withMorphTransition(() => {
+    setCanvasMode(true);
+    if (block != null) scrollBlockIntoView(block);
+  });
+  notifyParentMode(true);
+  if (block != null) void done.then(() => popBlock(block));
+}
+function exitToView() {
+  if (!canvasMode.value) return;
+  withMorphTransition(() => {
+    setCanvasMode(false);
+  });
+  notifyParentMode(false);
+}
+function initMorphController() {
+  if (initialized || typeof document === "undefined") return;
+  initialized = true;
+  effect(() => {
+    if (canvasMode.value) bindExitListeners();
+    else unbindExitListeners();
+  });
+  document.addEventListener(LAYOUT_INTERACTION_START, () => {
+    interacting = true;
+  });
+  document.addEventListener(LAYOUT_INTERACTION_END, () => {
+    interacting = false;
+  });
+}
+export {
+  enterLayout as e,
+  initMorphController as i,
+  resetCanvasMode as r,
+  setCanvasMode as s
+};

package/dist/preact/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/preact/block.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAqC,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyBjD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAC1C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC1B,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAmCvC;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,GAAG,GAAG,EAC5C,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAoEvC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/preact/block.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAqC,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA0BjD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAC1C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC1B,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAuCvC;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,GAAG,GAAG,EAC5C,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAoEvC"}

package/dist/preact.js

@@ -6,7 +6,8 @@ import { useState, useRef, useEffect, useContext as useContext$1, useMemo } from
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
 import { t } from "./block-VhmfGB3N.js";
 import { createContext, h, render } from "preact";
-import { a as createEditorBridge } from "./bridge-w5KQ-czl.js";
+import { g as getInstrumentation } from "./index-JSv6UH_o.js";
+import { a as createEditorBridge } from "./bridge-xiKEzCGR.js";
 function toState(signal) {
   const [value, setValue] = useState(() => getSignalValue(signal));
   const disposeRef = useRef(null);
@@ -122,15 +123,18 @@ function createPreactRenderer(component) {
     const wrapper = document.createElement("div");
     wrapper.setAttribute("data-block-id", block.id);
     wrapper.setAttribute("data-block-type", block.type);
-    render(
-      h(ContextProvider, {
-        children: h(
-          component,
-          { ...block.props, ...renderSlots(block.slots) }
-        )
-      }),
-      wrapper
-    );
+    const renderTree = (props) => {
+      render(
+        h(ContextProvider, {
+          children: h(
+            component,
+            { ...props, ...renderSlots(block.slots) }
+          )
+        }),
+        wrapper
+      );
+    };
+    renderTree(getInstrumentation().bindLiveProps(block, renderTree));
     attachEmptyTracking(wrapper);
     return wrapper;
   };

package/dist/project-gridstack-CM783oKI.js

@@ -0,0 +1,52 @@
+import { r as resolveLayout } from "./css-runtime-ClH0MEYr.js";
+const MIN_BLOCK_ROWS = 2;
+const MIN_BLOCK_PX = 200;
+function resolveActiveBreakpoint(doc, containerWidthPx) {
+  var _a;
+  const baseId = ((_a = doc.breakpoints[0]) == null ? void 0 : _a.id) ?? "desktop";
+  if (!(containerWidthPx > 0)) return baseId;
+  let active = baseId;
+  for (const bp of doc.breakpoints.slice(1)) {
+    if (bp.query && containerWidthPx <= bp.query.maxWidth) active = bp.id;
+  }
+  return active;
+}
+function projectToGridStack(doc, breakpointId) {
+  const layout = resolveLayout(doc, breakpointId);
+  const widgets = Object.keys(layout.items).map((id) => {
+    const rect = layout.items[id];
+    return {
+      id,
+      x: rect.c,
+      y: rect.r,
+      w: rect.w,
+      h: Math.max(rect.h, MIN_BLOCK_ROWS),
+      minH: MIN_BLOCK_ROWS,
+      filled: rect.fill === true
+    };
+  });
+  return {
+    options: {
+      column: layout.grid.cols,
+      cellHeight: layout.grid.rowUnit,
+      // GridStack applies margin on each side of a widget; halving gap achieves
+      // the same visual spacing as CSS gap. May be fractional for odd gap values.
+      margin: layout.grid.gap / 2,
+      // Row-aligned MVP: gravity on (compaction) so reordering pulls blocks up
+      // and never leaves empty rows. float:true would allow free/masonry
+      // placement, producing the "weird gaps" seen in portal rendering.
+      float: false,
+      // OFF: the merchant owns cell height via the resize handle. Whitespace is
+      // avoided by a pure-CSS fill chain in the adapter, not content measurement
+      // (which proved circular and caused unbounded grow loops).
+      sizeToContent: false
+    },
+    widgets
+  };
+}
+export {
+  MIN_BLOCK_ROWS as M,
+  MIN_BLOCK_PX as a,
+  projectToGridStack as p,
+  resolveActiveBreakpoint as r
+};

package/dist/react/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/react/block.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAuBjD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,GAAG,EACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAmCvC;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAC3C,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAyEvC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/react/block.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,GAAG,EACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAuCvC;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAC3C,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAyEvC"}

package/dist/react.js

@@ -6,7 +6,8 @@ import React, { useSyncExternalStore, createContext, useState, useContext as use
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
 import { t } from "./block-VhmfGB3N.js";
 import { createRoot } from "react-dom/client";
-import { a as createEditorBridge } from "./bridge-w5KQ-czl.js";
+import { g as getInstrumentation } from "./index-JSv6UH_o.js";
+import { a as createEditorBridge } from "./bridge-xiKEzCGR.js";
 function toState(signal) {
   const subscribe = (callback) => {
     const dispose = effect(() => {
@@ -105,14 +106,17 @@ function createReactRenderer(component) {
     wrapper.setAttribute("data-block-id", block.id);
     wrapper.setAttribute("data-block-type", block.type);
     const root = createRoot(wrapper);
-    root.render(
-      React.createElement(ContextProvider, {
-        children: React.createElement(
-          component,
-          { ...block.props, ...renderSlots(block.slots) }
-        )
-      })
-    );
+    const renderTree = (props) => {
+      root.render(
+        React.createElement(ContextProvider, {
+          children: React.createElement(
+            component,
+            { ...props, ...renderSlots(block.slots) }
+          )
+        })
+      );
+    };
+    renderTree(getInstrumentation().bindLiveProps(block, renderTree));
     attachEmptyTracking(wrapper);
     return wrapper;
   };

package/dist/registry.devtools.test.d.ts

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

package/dist/registry.devtools.test.d.ts.map

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

package/dist/theme-state.d.ts

@@ -1,6 +1,7 @@
 import { ReadonlySignal, Signal } from '@preact/signals-core';
 import { Block, BlockInstance } from './block';
 import { RouterService } from './services/router';
+import { LayoutDocument, LayoutEngineId } from './layout';
 export type ThemeSurface = "page" | "overlay";
 export type GlobalStyleColors = {
     accent: string;
@@ -14,6 +15,17 @@ export type GlobalStyleColors = {
     background: string;
 };
 export type ThemeType = "neutral" | "warm" | "cold";
+/**
+ * Which layout engine renders this theme. Absent is treated as "legacy" so
+ * existing themes need no migration. "grid-v1" opts the theme into the
+ * grid-based layout system (grid rendering + arrange mode + the layout block
+ * wrapper); "legacy" is the classic stacked/flex editing experience.
+ *
+ * Built by extending the real engine ids ({@link LayoutEngineId}) with the
+ * `"legacy"` sentinel (= layout system off). Adding a new engine format only
+ * requires touching `LayoutEngineId` in `layout/types.ts`.
+ */
+export type LayoutEngine = LayoutEngineId | "legacy";
 export type GlobalStyles = {
     volume: "compact" | "comfort" | "spacious";
     style: "bare" | "ghost" | "tinted" | "solid" | "layered";
@@ -23,10 +35,13 @@ export type GlobalStyles = {
     theme: "preset" | "custom";
     themeType: ThemeType;
     colors: GlobalStyleColors;
+    /** Opt-in layout engine version. Omitted/undefined => legacy. */
+    layoutEngine?: LayoutEngine;
 };
 export declare const DEFAULT_GLOBAL_STYLES: GlobalStyles;
 export type ThemeSurfaceState = {
     blocks: Signal<BlockInstance[]>;
+    layout: Signal<LayoutDocument | null>;
 };
 export type TranslationMode = "override" | "default";
 export type TranslationScope = {
@@ -77,6 +92,7 @@ export declare function indexOverrides(overrides: TranslationOverride[]): {
 export declare function createThemeState(deps: {
     resolve: (surface: ThemeSurface, path: string) => Promise<{
         blocks: Block[];
+        layout?: LayoutDocument | null;
     } | null>;
     translations?: {
         resolveTranslations: (locale: string) => Promise<TranslationOverride[]>;

package/dist/theme-state.d.ts.map

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

package/dist/theme-state.layout.test.d.ts

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

package/dist/theme-state.layout.test.d.ts.map

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

package/dist/theme-state.test.d.ts

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

package/dist/theme-state.test.d.ts.map

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

package/dist/vue/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/vue/block.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EAGR,SAAS,EAUV,MAAM,KAAK,CAAC;AACb,OAAO,EAEL,aAAa,EAEb,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,CAAC;AA2B9B,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,WAuCZ,aAAa,iBA6D7B;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,yCAoCrD"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/vue/block.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EAGR,SAAS,EAUV,MAAM,KAAK,CAAC;AAEb,OAAO,EAEL,aAAa,EAEb,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,CAAC;AA2B9B,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,WA0CZ,aAAa,iBA+E7B;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,yCAoCrD"}

package/dist/vue.js

@@ -1,7 +1,8 @@
 import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
+import { g as getInstrumentation } from "./index-JSv6UH_o.js";
 import { effect, signal, injectContext, provideContext, createCeRenderer, attachEmptyTracking } from "@juo/blocks";
 import { hasRenderedContent } from "@juo/blocks";
-import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-w5KQ-czl.js";
+import { v as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-xiKEzCGR.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
 function toSignal(ref2) {
   if (!signalsMap.has(ref2)) {
@@ -179,7 +180,8 @@ function createVueRenderer(component, options) {
     const parentInstance = block.__vueInstance;
     const existing = cache.get(block.id);
     if (existing && existing.parentInstance === parentInstance) {
-      existing.propsRef.value = block.props;
+      existing.baseProps = block.props;
+      existing.propsRef.value = getInstrumentation().resolveProps(block);
       existing.slotsRef.value = block.slots;
       triggerRef(existing.slotsRef);
       return existing.wrapper;
@@ -187,7 +189,17 @@ function createVueRenderer(component, options) {
     if (existing) {
       render(null, existing.wrapper);
     }
-    const propsRef = shallowRef(block.props);
+    const propsRef = shallowRef({});
+    propsRef.value = getInstrumentation().bindLiveProps(
+      block,
+      (p) => {
+        propsRef.value = p;
+      },
+      () => {
+        var _a;
+        return ((_a = cache.get(block.id)) == null ? void 0 : _a.baseProps) ?? block.props;
+      }
+    );
     const slotsRef = shallowRef(
       block.slots
     );
@@ -218,7 +230,13 @@ function createVueRenderer(component, options) {
     if (!existing) {
       attachEmptyTracking(wrapper);
     }
-    cache.set(block.id, { wrapper, propsRef, slotsRef, parentInstance });
+    cache.set(block.id, {
+      wrapper,
+      propsRef,
+      slotsRef,
+      parentInstance,
+      baseProps: block.props
+    });
     return wrapper;
   };
 }