@juo/blocks 1.13.0 → 1.14.0

package/dist/morph-Dj-xvrwt.js

@@ -0,0 +1,182 @@
+import { canvasMode, effect } from "@juo/blocks";
+import { K as getEditorBridge, o as createLayoutingModeChangedMessage, W as WRAPPER_SELECTOR } from "./bridge-D838SWmN.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.js

@@ -6,7 +6,7 @@ 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 { c as createEditorBridge } from "./bridge-D838SWmN.js";
 function toState(signal) {
   const [value, setValue] = useState(() => getSignalValue(signal));
   const disposeRef = useRef(null);

package/dist/project-gridstack-DYLMKSH1.js

@@ -0,0 +1,52 @@
+import { a1 as resolveLayout } from "./css-runtime-DWytAzZ5.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.js

@@ -6,7 +6,7 @@ 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 { c as createEditorBridge } from "./bridge-D838SWmN.js";
 function toState(signal) {
   const subscribe = (callback) => {
     const dispose = effect(() => {

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.js

@@ -1,7 +1,7 @@
 import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
 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 { b as createRegisterBlockTranslationKeysMessage, c as createEditorBridge } from "./bridge-D838SWmN.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
 function toSignal(ref2) {
   if (!signalsMap.has(ref2)) {

package/dist/web-components/ExtensionRoot.d.ts

@@ -1,3 +1,4 @@
+import { LayoutController } from './layout/layout-controller';
 export default class ExtensionRoot extends HTMLElement {
     private state;
     private themeState;
@@ -16,6 +17,16 @@ export default class ExtensionRoot extends HTMLElement {
      */
     private unresolvedNames;
     private unregisterListener?;
+    private static scopeCounter;
+    private scopeId;
+    /**
+     * Pluggable layout strategy. Runtime default renders the settled CSS-Grid/flex
+     * view; the editor subclass swaps in a controller that adds the drag/resize
+     * adapter path. ExtensionRoot owns block rendering — the controller owns all
+     * layout side-effects on this host.
+     */
+    protected layout: LayoutController;
+    private getScopeId;
     /**
      * Optional function to wrap each rendered block element.
      * Called with the rendered block HTMLElement, must return an HTMLElement.
@@ -26,8 +37,45 @@ export default class ExtensionRoot extends HTMLElement {
     blockWrapper: ((rendered: HTMLElement) => HTMLElement) | null;
     static get observedAttributes(): string[];
     constructor();
-    private wrapperCache;
-    private withWrapper;
+    /**
+     * Rendered top-level children cached by stable block id.
+     *
+     * Keying on id (not BlockInstance identity) is what keeps entering layout
+     * mode cheap: a PROVIDE_THEME_STATE that re-materialises the same blocks
+     * into fresh instance objects reuses the existing wrapper element instead of
+     * recreating the whole subtree — which would otherwise tear down and
+     * re-request context for every nested `juo-text` and rip GridStack's managed
+     * elements out from under it.
+     *
+     * `render` is the memoised withWrapper closure (owns a stable outer wrapper
+     * element). `signature` is a content hash of the last-rendered block; when
+     * it is unchanged (e.g. only `canvasMode`/layout changed) we return the
+     * cached element without re-rendering at all. Any real content change —
+     * props/slots edited in place, a stub upgrading to its real definition at
+     * any depth — flips the signature and forces a re-render.
+     */
+    private childCache;
+    /**
+     * The layout engine the cached wrappers were built under. `withWrapper`
+     * (block.ts) picks the wrapper *element* (legacy chrome vs. minimal layout
+     * wrapper) once, at creation, from `layoutSystemEnabled`. The child cache
+     * keys on block id and reuses that memoised closure, so a live engine switch
+     * would otherwise keep the stale wrapper tag until a full refresh. Tracking
+     * the engine here lets us drop the cache when it flips, forcing fresh
+     * closures (and thus the correct wrapper element) on the next render.
+     */
+    private childCacheEngine;
+    /**
+     * Content hash of a block subtree: type, props, slot structure and the
+     * stub/real state of every node. Identity is deliberately excluded so a
+     * re-materialised-but-identical tree reuses its element; stub flags are
+     * included so a late-registered definition still re-renders even when its
+     * serialised props are unchanged.
+     */
+    private static signatureOf;
+    private renderChild;
+    /** Drop cached children whose ids are no longer rendered to avoid leaks. */
+    private pruneChildCache;
     private getSurface;
     private setStateFromThemeState;
     connectedCallback(): void;

package/dist/web-components/ExtensionRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionRoot.d.ts","sourceRoot":"","sources":["../../src/web-components/ExtensionRoot.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IACpD,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,aAAa,CAA0C;IAE/D;;;;;;;;;OASG;IACH,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,kBAAkB,CAAC,CAAa;IAExC;;;;;;OAMG;IACI,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,IAAI,CAAQ;IAE5E,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,OAAO,CAAC,YAAY,CAGhB;IAEJ,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;IAM9B,iBAAiB;IAuHjB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiBzB,oBAAoB;CAkBrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,aAAa,CAAC;KACrC;CACF"}
+{"version":3,"file":"ExtensionRoot.d.ts","sourceRoot":"","sources":["../../src/web-components/ExtensionRoot.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAKnE,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IACpD,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,aAAa,CAA0C;IAE/D;;;;;;;;;OASG;IACH,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAK;IAChC,OAAO,CAAC,OAAO,CAAuB;IAEtC;;;;;OAKG;IACH,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAA8B;IAEhE,OAAO,CAAC,UAAU;IAOlB;;;;;;OAMG;IACI,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,IAAI,CAAQ;IAE5E,MAAM,KAAK,kBAAkB,aAE5B;;IAMD;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,UAAU,CAOd;IAEJ;;;;;;;;OAQG;IACH,OAAO,CAAC,gBAAgB,CAAwB;IAEhD;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAiB1B,OAAO,CAAC,WAAW;IAsBnB,4EAA4E;IAC5E,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;IAM9B,iBAAiB;IAuJjB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiBzB,oBAAoB;CAoBrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,aAAa,CAAC;KACrC;CACF"}

package/dist/web-components/editor/ExtensionRoot.d.ts

@@ -0,0 +1,11 @@
+import { default as ExtensionRoot } from '../ExtensionRoot';
+/**
+ * Editor build of `juo-extension-root`. Identical to the runtime base except it
+ * swaps in the EditorLayoutController, which adds the drag/resize adapter path
+ * (and its `canvasMode` dependency). Keeping this in the editor bundle only is
+ * what keeps the editor layout-mode modules out of the storefront runtime.
+ */
+export default class EditorExtensionRoot extends ExtensionRoot {
+    constructor();
+}
+//# sourceMappingURL=ExtensionRoot.d.ts.map

package/dist/web-components/editor/ExtensionRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionRoot.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/ExtensionRoot.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAG7C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,aAAa;;CAK7D"}

package/dist/web-components/editor/ExtensionRoot.test.d.ts

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

package/dist/web-components/editor/ExtensionRoot.test.d.ts.map

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

package/dist/web-components/editor/InlineText.d.ts

@@ -9,6 +9,7 @@ export default class InlineText extends HTMLElement {
     private boundHandleClick;
     private lastValue;
     private dispose?;
+    private domInitialized;
     static get observedAttributes(): string[];
     constructor();
     connectedCallback(): void;

package/dist/web-components/editor/InlineText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,OAAO,CAAC,CAAa;IAE7B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IAiD5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
+{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,OAAO,CAAC,CAAa;IAI7B,OAAO,CAAC,cAAc,CAAS;IAE/B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IA2D5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/web-components/editor/editor-layout-controller.d.ts

@@ -0,0 +1,28 @@
+import { LayoutApplyInputs, LayoutController, LayoutReactiveState } from '../layout/layout-controller';
+/**
+ * Editor layout strategy: while layout (drag/resize) mode is active and a
+ * LayoutModeAdapter (GridStack) is registered, delegates layout to the adapter;
+ * otherwise falls back to the settled CSS-Grid/flex view via ViewLayoutController.
+ * Only ever loaded into the editor bundle — never the storefront runtime.
+ */
+export declare class EditorLayoutController implements LayoutController {
+    private currentAdapter;
+    private readonly view;
+    private changeHandler;
+    readReactiveState(): LayoutReactiveState;
+    apply(host: HTMLElement, inputs: LayoutApplyInputs): void;
+    teardown(host: HTMLElement): void;
+    /**
+     * Idempotently unmount the currently-mounted LayoutModeAdapter. Swallows
+     * secondary teardown errors so a broken adapter can't wedge rendering.
+     */
+    private unmountAdapter;
+    /**
+     * Stable commit-time rects handler bound to `host`'s surface. Cached so the
+     * adapter always receives the same callback reference (created once per
+     * controller/host, mirroring the previous per-element handler).
+     */
+    private handlerFor;
+    private surfaceOf;
+}
+//# sourceMappingURL=editor-layout-controller.d.ts.map

package/dist/web-components/editor/editor-layout-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-layout-controller.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/editor-layout-controller.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAQrC;;;;;GAKG;AACH,qBAAa,sBAAuB,YAAW,gBAAgB;IAC7D,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA8B;IACnD,OAAO,CAAC,aAAa,CAAyD;IAE9E,iBAAiB,IAAI,mBAAmB;IAIxC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IA2DzD,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKjC;;;OAGG;IACH,OAAO,CAAC,cAAc;IAUtB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,SAAS;CAGlB"}

package/dist/web-components/editor/gridstack-adapter.d.ts

@@ -0,0 +1,3 @@
+import { LayoutModeAdapter } from '../layout-mode-adapter';
+export declare function createGridStackAdapter(): LayoutModeAdapter;
+//# sourceMappingURL=gridstack-adapter.d.ts.map

package/dist/web-components/editor/gridstack-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridstack-adapter.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/gridstack-adapter.ts"],"names":[],"mappings":"AAkBA,OAAO,EAIL,KAAK,iBAAiB,EAGvB,MAAM,wBAAwB,CAAC;AAuehC,wBAAgB,sBAAsB,IAAI,iBAAiB,CA8c1D"}

package/dist/web-components/editor/gridstack-adapter.test.d.ts

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

package/dist/web-components/editor/gridstack-adapter.test.d.ts.map

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

package/dist/web-components/editor/morph.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Run `fn` (a mode swap) inside a View Transition when supported and motion is
+ * allowed; otherwise apply it instantly. Assigns per-block `view-transition-name`s
+ * so each block morphs from its old rect to its new rect, clearing them once the
+ * transition finishes. Used for EXIT/settle and the button toggle — entry-from-grab
+ * deliberately bypasses this for instant continuity.
+ */
+export declare function withMorphTransition(fn: () => void): Promise<void>;
+/**
+ * Enter layout mode from a click on a block's arrange handle ("click to arm").
+ * The mode swap is a smooth View Transition morph; the user then drags/resizes
+ * the block natively in GridStack. When `block` is given (the exact wrapper the
+ * operator grabbed), it is scrolled into view as part of the morph and then
+ * plays a one-shot "pop" so it doesn't get lost across the reflow. Passing the
+ * element — not an id — avoids targeting the wrong node when blocks share an id.
+ * Layout mode persists until an explicit exit (click-away / Escape / button);
+ * exit listeners are bound reactively from `canvasMode` in `initMorphController`.
+ */
+export declare function enterLayout(block?: HTMLElement): void;
+/** Smoothly morph back to view mode (click-away / Escape / button toggle off). */
+export declare function exitToView(): void;
+/**
+ * Wire the controller's lifecycle. Idempotent — safe to call on every load.
+ *
+ * - Binds/unbinds the click-away + Escape exit listeners from `canvasMode`, so
+ *   exit works regardless of how layout mode was entered (click-to-arm or the
+ *   "Edit layout" button).
+ * - Tracks an "interacting" flag from the adapter's drag/resize lifecycle so a
+ *   pointerdown that ends a gesture can't be mistaken for click-away.
+ */
+export declare function initMorphController(): void;
+//# sourceMappingURL=morph.d.ts.map

package/dist/web-components/editor/morph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/morph.ts"],"names":[],"mappings":"AAuKA;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAmCjE;AAyCD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAkBrD;AAED,kFAAkF;AAClF,wBAAgB,UAAU,IAAI,IAAI,CAMjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAa1C"}

package/dist/web-components/editor/morph.test.d.ts

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

package/dist/web-components/editor/morph.test.d.ts.map

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

package/dist/web-components/layout/layout-controller.d.ts

@@ -0,0 +1,55 @@
+import { BlockInstance } from '../../block';
+import { LayoutDocument } from '../../layout';
+/**
+ * Reactive inputs a LayoutController reads inside the ExtensionRoot effect's
+ * TRACKED scope. Keeping these behind `readReactiveState()` is what lets the
+ * editor controller subscribe the effect to `canvasMode` while the runtime
+ * controller subscribes to nothing.
+ */
+export type LayoutReactiveState = {
+    /** Whether the editor layout (drag/resize) mode is active. Always false at runtime. */
+    mode: boolean;
+};
+/**
+ * Everything a LayoutController needs to lay out a host's children. Assembled
+ * by ExtensionRoot each render pass; `children` are the already-rendered,
+ * cached block elements in render order (parallel to `extensionBlocks`).
+ */
+export type LayoutApplyInputs = {
+    extensionBlocks: BlockInstance[];
+    children: HTMLElement[];
+    layoutDoc: LayoutDocument | null;
+    /** Stable per-host scope id for the generated grid stylesheet. */
+    scopeId: string;
+    reactive: LayoutReactiveState;
+    /**
+     * Whether the active theme opts into the grid layout engine
+     * (`GlobalStyles.layoutEngine === "grid-v1"`). The `grid-layout` attribute is
+     * a per-surface CAPABILITY flag; this is the theme-level ON switch. Both must
+     * be true for the grid path to run — legacy themes render the flex/stacked
+     * view even on grid-capable surfaces.
+     */
+    layoutEngineEnabled: boolean;
+};
+/**
+ * Pluggable layout strategy for ExtensionRoot. The runtime variant applies a
+ * CSS-Grid/flex view; the editor variant additionally delegates to a
+ * LayoutModeAdapter (GridStack) while in layout mode. ExtensionRoot owns block
+ * rendering; the controller owns all layout/geometry side-effects on the host.
+ */
+export interface LayoutController {
+    /**
+     * Called in the effect's TRACKED scope so any signal reads register as
+     * effect dependencies (e.g. the editor controller reads `canvasMode` here so
+     * entering/exiting layout mode re-runs the effect).
+     */
+    readReactiveState(): LayoutReactiveState;
+    /** Called in untracked scope: apply layout to `host`. */
+    apply(host: HTMLElement, inputs: LayoutApplyInputs): void;
+    /**
+     * Idempotent: undo any persistent layout side-effect (adapter mount, grid
+     * containment). Called on empty/error render branches and on disconnect.
+     */
+    teardown(host: HTMLElement): void;
+}
+//# sourceMappingURL=layout-controller.d.ts.map

package/dist/web-components/layout/layout-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-controller.d.ts","sourceRoot":"","sources":["../../../src/web-components/layout/layout-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,uFAAuF;IACvF,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B;;;;;;OAMG;IACH,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,iBAAiB,IAAI,mBAAmB,CAAC;IACzC,yDAAyD;IACzD,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1D;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC"}

package/dist/web-components/layout/view-layout-controller.d.ts

@@ -0,0 +1,17 @@
+import { LayoutApplyInputs, LayoutController, LayoutReactiveState } from './layout-controller';
+/**
+ * Runtime layout strategy: renders the settled CSS-Grid view (or a flex column
+ * when no grid layout applies). No editor/canvas dependencies — this is the
+ * only layout code the storefront runtime bundle pulls in.
+ *
+ * Stateless: empty-block collapse is handled entirely in the generated CSS (an
+ * empty block sets `display:none` and row spacing is a per-item margin, so its
+ * row closes with no ghost gap), so there is nothing to observe or recompute at
+ * runtime.
+ */
+export declare class ViewLayoutController implements LayoutController {
+    readReactiveState(): LayoutReactiveState;
+    apply(host: HTMLElement, inputs: LayoutApplyInputs): void;
+    teardown(host: HTMLElement): void;
+}
+//# sourceMappingURL=view-layout-controller.d.ts.map

package/dist/web-components/layout/view-layout-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-layout-controller.d.ts","sourceRoot":"","sources":["../../../src/web-components/layout/view-layout-controller.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;GASG;AACH,qBAAa,oBAAqB,YAAW,gBAAgB;IAC3D,iBAAiB,IAAI,mBAAmB;IAIxC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAyBzD,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAGlC"}

package/dist/web-components/layout/view-layout-controller.test.d.ts

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