@juo/blocks 1.15.0 → 2.0.0-alpha.1

package/dist/css-runtime-ClH0MEYr.js

@@ -1,1570 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { g as getInstrumentation, _ as __setDefinedBlocksReader } from "./index-JSv6UH_o.js";
-import { reportBlockError, reportBlockWarning } from "./observability.js";
-const createContext = (key) => key;
-class ContextRequestEvent extends Event {
-  constructor(context, callback, subscribe) {
-    super("context-request", { bubbles: true, composed: true });
-    this.context = context;
-    this.callback = callback;
-    this.subscribe = subscribe;
-  }
-}
-class ContextProvideEvent extends Event {
-  constructor(context, value, subscribe) {
-    super("context-provide", { bubbles: true, composed: true });
-    this.context = context;
-    this.value = value;
-    this.subscribe = subscribe;
-  }
-}
-function provideContext(target, context, init) {
-  getInstrumentation().onContextProvided(context);
-  const ev = new ContextProvideEvent(context, init);
-  target.dispatchEvent(ev);
-}
-function injectContext(target, context) {
-  let value = void 0;
-  getInstrumentation().onContextRequested(context);
-  const ev = new ContextRequestEvent(context, (received) => {
-    value = received;
-  });
-  target.dispatchEvent(ev);
-  if (value === void 0) {
-    throw new Error(`Context '${context}' not defined`);
-  }
-  return value;
-}
-function subscribeContext(target, context, callback) {
-  let unsubscribeFunction = null;
-  getInstrumentation().onContextRequested(context);
-  const protocolCallback = (value, unsubscribe) => {
-    if (unsubscribe) {
-      unsubscribeFunction = unsubscribe;
-    }
-    callback(value);
-  };
-  const ev = new ContextRequestEvent(context, protocolCallback, true);
-  target.dispatchEvent(ev);
-  return () => {
-    if (unsubscribeFunction) {
-      unsubscribeFunction();
-    }
-  };
-}
-class ContextRoot extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "store", /* @__PURE__ */ new Map());
-    __publicField(this, "callbacks", /* @__PURE__ */ new Map());
-  }
-  connectedCallback() {
-    this.addEventListener("context-provide", (ev) => {
-      ev.stopPropagation();
-      this.store.set(ev.context, ev.value);
-      const registeredCallbacks = this.callbacks.get(ev.context) ?? [];
-      registeredCallbacks.forEach((cb) => {
-        const unsubscribe = () => {
-          const callbacks = this.callbacks.get(ev.context);
-          if (callbacks) {
-            const cbIndex = callbacks.indexOf(cb);
-            if (cbIndex > -1) {
-              callbacks.splice(cbIndex, 1);
-            }
-          }
-        };
-        cb(ev.value, unsubscribe);
-      });
-    });
-    this.addEventListener("context-request", (ev) => {
-      ev.stopPropagation();
-      const storedValue = this.store.get(ev.context);
-      if (ev.subscribe) {
-        let callbacks = this.callbacks.get(ev.context);
-        if (!callbacks) {
-          callbacks = [];
-          this.callbacks.set(ev.context, callbacks);
-        }
-        const unsubscribe = () => {
-          const currentCallbacks = this.callbacks.get(ev.context);
-          if (currentCallbacks) {
-            const index = currentCallbacks.indexOf(ev.callback);
-            if (index > -1) {
-              currentCallbacks.splice(index, 1);
-            }
-          }
-        };
-        callbacks.push(ev.callback);
-        if (storedValue !== void 0) {
-          ev.callback(storedValue, unsubscribe);
-        }
-      } else {
-        if (storedValue !== void 0) {
-          ev.callback(storedValue);
-        } else {
-          console.warn("Context not present in store: " + String(ev.context));
-        }
-      }
-    });
-  }
-}
-var i = Symbol.for("preact-signals");
-function t() {
-  if (!(s > 1)) {
-    var i2, t2 = false;
-    while (void 0 !== h) {
-      var r2 = h;
-      h = void 0;
-      f++;
-      while (void 0 !== r2) {
-        var o2 = r2.o;
-        r2.o = void 0;
-        r2.f &= -3;
-        if (!(8 & r2.f) && c(r2)) try {
-          r2.c();
-        } catch (r3) {
-          if (!t2) {
-            i2 = r3;
-            t2 = true;
-          }
-        }
-        r2 = o2;
-      }
-    }
-    f = 0;
-    s--;
-    if (t2) throw i2;
-  } else s--;
-}
-function r(i2) {
-  if (s > 0) return i2();
-  s++;
-  try {
-    return i2();
-  } finally {
-    t();
-  }
-}
-var o = void 0;
-function n(i2) {
-  var t2 = o;
-  o = void 0;
-  try {
-    return i2();
-  } finally {
-    o = t2;
-  }
-}
-var h = void 0, s = 0, f = 0, v = 0;
-function e(i2) {
-  if (void 0 !== o) {
-    var t2 = i2.n;
-    if (void 0 === t2 || t2.t !== o) {
-      t2 = { i: 0, S: i2, p: o.s, n: void 0, t: o, e: void 0, x: void 0, r: t2 };
-      if (void 0 !== o.s) o.s.n = t2;
-      o.s = t2;
-      i2.n = t2;
-      if (32 & o.f) i2.S(t2);
-      return t2;
-    } else if (-1 === t2.i) {
-      t2.i = 0;
-      if (void 0 !== t2.n) {
-        t2.n.p = t2.p;
-        if (void 0 !== t2.p) t2.p.n = t2.n;
-        t2.p = o.s;
-        t2.n = void 0;
-        o.s.n = t2;
-        o.s = t2;
-      }
-      return t2;
-    }
-  }
-}
-function u(i2, t2) {
-  this.v = i2;
-  this.i = 0;
-  this.n = void 0;
-  this.t = void 0;
-  this.W = null == t2 ? void 0 : t2.watched;
-  this.Z = null == t2 ? void 0 : t2.unwatched;
-}
-u.prototype.brand = i;
-u.prototype.h = function() {
-  return true;
-};
-u.prototype.S = function(i2) {
-  var t2 = this, r2 = this.t;
-  if (r2 !== i2 && void 0 === i2.e) {
-    i2.x = r2;
-    this.t = i2;
-    if (void 0 !== r2) r2.e = i2;
-    else n(function() {
-      var i3;
-      null == (i3 = t2.W) || i3.call(t2);
-    });
-  }
-};
-u.prototype.U = function(i2) {
-  var t2 = this;
-  if (void 0 !== this.t) {
-    var r2 = i2.e, o2 = i2.x;
-    if (void 0 !== r2) {
-      r2.x = o2;
-      i2.e = void 0;
-    }
-    if (void 0 !== o2) {
-      o2.e = r2;
-      i2.x = void 0;
-    }
-    if (i2 === this.t) {
-      this.t = o2;
-      if (void 0 === o2) n(function() {
-        var i3;
-        null == (i3 = t2.Z) || i3.call(t2);
-      });
-    }
-  }
-};
-u.prototype.subscribe = function(i2) {
-  var t2 = this;
-  return E(function() {
-    var r2 = t2.value, n2 = o;
-    o = void 0;
-    try {
-      i2(r2);
-    } finally {
-      o = n2;
-    }
-  });
-};
-u.prototype.valueOf = function() {
-  return this.value;
-};
-u.prototype.toString = function() {
-  return this.value + "";
-};
-u.prototype.toJSON = function() {
-  return this.value;
-};
-u.prototype.peek = function() {
-  var i2 = o;
-  o = void 0;
-  try {
-    return this.value;
-  } finally {
-    o = i2;
-  }
-};
-Object.defineProperty(u.prototype, "value", { get: function() {
-  var i2 = e(this);
-  if (void 0 !== i2) i2.i = this.i;
-  return this.v;
-}, set: function(i2) {
-  if (i2 !== this.v) {
-    if (f > 100) throw new Error("Cycle detected");
-    this.v = i2;
-    this.i++;
-    v++;
-    s++;
-    try {
-      for (var r2 = this.t; void 0 !== r2; r2 = r2.x) r2.t.N();
-    } finally {
-      t();
-    }
-  }
-} });
-function d(i2, t2) {
-  return new u(i2, t2);
-}
-function c(i2) {
-  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) if (t2.S.i !== t2.i || !t2.S.h() || t2.S.i !== t2.i) return true;
-  return false;
-}
-function a(i2) {
-  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) {
-    var r2 = t2.S.n;
-    if (void 0 !== r2) t2.r = r2;
-    t2.S.n = t2;
-    t2.i = -1;
-    if (void 0 === t2.n) {
-      i2.s = t2;
-      break;
-    }
-  }
-}
-function l(i2) {
-  var t2 = i2.s, r2 = void 0;
-  while (void 0 !== t2) {
-    var o2 = t2.p;
-    if (-1 === t2.i) {
-      t2.S.U(t2);
-      if (void 0 !== o2) o2.n = t2.n;
-      if (void 0 !== t2.n) t2.n.p = o2;
-    } else r2 = t2;
-    t2.S.n = t2.r;
-    if (void 0 !== t2.r) t2.r = void 0;
-    t2 = o2;
-  }
-  i2.s = r2;
-}
-function y(i2, t2) {
-  u.call(this, void 0);
-  this.x = i2;
-  this.s = void 0;
-  this.g = v - 1;
-  this.f = 4;
-  this.W = null == t2 ? void 0 : t2.watched;
-  this.Z = null == t2 ? void 0 : t2.unwatched;
-}
-y.prototype = new u();
-y.prototype.h = function() {
-  this.f &= -3;
-  if (1 & this.f) return false;
-  if (32 == (36 & this.f)) return true;
-  this.f &= -5;
-  if (this.g === v) return true;
-  this.g = v;
-  this.f |= 1;
-  if (this.i > 0 && !c(this)) {
-    this.f &= -2;
-    return true;
-  }
-  var i2 = o;
-  try {
-    a(this);
-    o = this;
-    var t2 = this.x();
-    if (16 & this.f || this.v !== t2 || 0 === this.i) {
-      this.v = t2;
-      this.f &= -17;
-      this.i++;
-    }
-  } catch (i3) {
-    this.v = i3;
-    this.f |= 16;
-    this.i++;
-  }
-  o = i2;
-  l(this);
-  this.f &= -2;
-  return true;
-};
-y.prototype.S = function(i2) {
-  if (void 0 === this.t) {
-    this.f |= 36;
-    for (var t2 = this.s; void 0 !== t2; t2 = t2.n) t2.S.S(t2);
-  }
-  u.prototype.S.call(this, i2);
-};
-y.prototype.U = function(i2) {
-  if (void 0 !== this.t) {
-    u.prototype.U.call(this, i2);
-    if (void 0 === this.t) {
-      this.f &= -33;
-      for (var t2 = this.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
-    }
-  }
-};
-y.prototype.N = function() {
-  if (!(2 & this.f)) {
-    this.f |= 6;
-    for (var i2 = this.t; void 0 !== i2; i2 = i2.x) i2.t.N();
-  }
-};
-Object.defineProperty(y.prototype, "value", { get: function() {
-  if (1 & this.f) throw new Error("Cycle detected");
-  var i2 = e(this);
-  this.h();
-  if (void 0 !== i2) i2.i = this.i;
-  if (16 & this.f) throw this.v;
-  return this.v;
-} });
-function w(i2, t2) {
-  return new y(i2, t2);
-}
-function _(i2) {
-  var r2 = i2.u;
-  i2.u = void 0;
-  if ("function" == typeof r2) {
-    s++;
-    var n2 = o;
-    o = void 0;
-    try {
-      r2();
-    } catch (t2) {
-      i2.f &= -2;
-      i2.f |= 8;
-      b(i2);
-      throw t2;
-    } finally {
-      o = n2;
-      t();
-    }
-  }
-}
-function b(i2) {
-  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
-  i2.x = void 0;
-  i2.s = void 0;
-  _(i2);
-}
-function g(i2) {
-  if (o !== this) throw new Error("Out-of-order effect");
-  l(this);
-  o = i2;
-  this.f &= -2;
-  if (8 & this.f) b(this);
-  t();
-}
-function p(i2) {
-  this.x = i2;
-  this.u = void 0;
-  this.s = void 0;
-  this.o = void 0;
-  this.f = 32;
-}
-p.prototype.c = function() {
-  var i2 = this.S();
-  try {
-    if (8 & this.f) return;
-    if (void 0 === this.x) return;
-    var t2 = this.x();
-    if ("function" == typeof t2) this.u = t2;
-  } finally {
-    i2();
-  }
-};
-p.prototype.S = function() {
-  if (1 & this.f) throw new Error("Cycle detected");
-  this.f |= 1;
-  this.f &= -9;
-  _(this);
-  a(this);
-  s++;
-  var i2 = o;
-  o = this;
-  return g.bind(this, i2);
-};
-p.prototype.N = function() {
-  if (!(2 & this.f)) {
-    this.f |= 2;
-    this.o = h;
-    h = this;
-  }
-};
-p.prototype.d = function() {
-  this.f |= 8;
-  if (!(1 & this.f)) b(this);
-};
-p.prototype.dispose = function() {
-  this.d();
-};
-function E(i2) {
-  var t2 = new p(i2);
-  try {
-    t2.c();
-  } catch (i3) {
-    t2.d();
-    throw i3;
-  }
-  var r2 = t2.d.bind(t2);
-  r2[Symbol.dispose] = r2;
-  return r2;
-}
-function isEditorPreview() {
-  if (typeof window === "undefined") return false;
-  return new URLSearchParams(window.location.search).get("editor") === "true";
-}
-const layoutSystemEnabled = d(false);
-function setLayoutSystemEnabled(enabled) {
-  if (layoutSystemEnabled.peek() === enabled) return;
-  layoutSystemEnabled.value = enabled;
-}
-function hasRenderedContent(scope) {
-  var _a;
-  for (const child of scope.children) {
-    if (!(child instanceof HTMLElement)) {
-      continue;
-    }
-    const display = (_a = child.ownerDocument.defaultView) == null ? void 0 : _a.getComputedStyle(child).display;
-    if (display === "contents") {
-      if (hasRenderedContent(child)) {
-        return true;
-      }
-      continue;
-    }
-    if (child.checkVisibility()) {
-      return true;
-    }
-  }
-  return false;
-}
-function attachEmptyTracking(host, scope) {
-  let observer = null;
-  let disposed = false;
-  queueMicrotask(() => {
-    if (disposed) return;
-    const observed = scope ?? host.shadowRoot ?? host;
-    const sync = () => host.toggleAttribute("data-empty", !hasRenderedContent(observed));
-    observer = new MutationObserver(sync);
-    observer.observe(observed, { childList: true, subtree: true });
-    sync();
-  });
-  return () => {
-    disposed = true;
-    observer == null ? void 0 : observer.disconnect();
-    observer = null;
-  };
-}
-function serializeBlocks(blocks) {
-  return blocks.map((block) => serializeBlock(block));
-}
-function serializeBlock(block) {
-  return {
-    id: block.id,
-    type: block.type,
-    props: JSON.parse(JSON.stringify(block.props)),
-    slots: Object.fromEntries(
-      Object.entries(block.slots ?? {}).map(([key, value]) => [
-        key,
-        Array.isArray(value) ? value.map(
-          (v2) => typeof v2 === "string" ? v2 : serializeBlock(v2)
-        ) : typeof value === "string" ? value : serializeBlock(value)
-      ])
-    )
-  };
-}
-function createSelectedBlock() {
-  const selected = d(null);
-  function setSelection(block) {
-    selected.value = null;
-    selected.value = block;
-  }
-  function clearSelection(block) {
-    var _a;
-    if (block == null || ((_a = selected.value) == null ? void 0 : _a.id) === block.id) {
-      selected.value = null;
-    }
-  }
-  return { selected, setSelection, clearSelection };
-}
-const SelectedBlockContext = createContext("selectedBlock");
-const blockDefinitions = (() => {
-  if (typeof window !== "undefined") {
-    window._juoBlocks = window._juoBlocks || /* @__PURE__ */ new Map();
-    return window._juoBlocks;
-  }
-  return /* @__PURE__ */ new Map();
-})();
-class BlockWrapperEvent extends Event {
-  constructor(block, callback) {
-    super("juo:block-wrapper-render", {
-      bubbles: true,
-      composed: true,
-      cancelable: true
-    });
-    this.block = block;
-    this.callback = callback;
-  }
-}
-function withWrapper(fn) {
-  let wrapper = null;
-  return (block) => {
-    var _a;
-    let rendered;
-    try {
-      rendered = fn(block);
-    } catch (error) {
-      reportBlockError(error, {
-        site: "block.withWrapper",
-        block: { id: block.id, type: block.type, definition: block.definition },
-        keys: {
-          props: Object.keys(block.props ?? {}),
-          slots: Object.keys(block.slots ?? {})
-        }
-      });
-      rendered = createStubDefinition(block.type).render(block);
-    }
-    getInstrumentation().onBlockRendered(block, rendered);
-    if (wrapper === null) {
-      if (isEditorPreview()) {
-        wrapper = document.createElement(
-          layoutSystemEnabled.value ? "juo-editor-layout-block-wrapper" : "juo-editor-block-wrapper"
-        );
-        wrapper.setAttribute("data-block-id", block.id);
-        (_a = wrapper.setBlock) == null ? void 0 : _a.call(wrapper, block);
-        wrapper.appendChild(rendered);
-      } else {
-        const evt = new BlockWrapperEvent(block, (evtWrapper) => {
-          wrapper = evtWrapper;
-        });
-        document.dispatchEvent(evt);
-      }
-    }
-    if (!wrapper) {
-      return rendered;
-    }
-    wrapper.replaceChildren(rendered);
-    return wrapper;
-  };
-}
-const registerBlockListeners = [];
-function registerBlock(block) {
-  blockDefinitions.set(block.name, block);
-  stubDefinitionCache.delete(block.name);
-  registerBlockListeners.forEach((cb) => cb(block.name, block));
-  getInstrumentation().onBlockRegistered(block);
-}
-function onRegisterBlock(cb) {
-  registerBlockListeners.push(cb);
-  return () => {
-    const idx = registerBlockListeners.indexOf(cb);
-    if (idx >= 0) registerBlockListeners.splice(idx, 1);
-  };
-}
-function defineBlock(name, opts) {
-  const definition = {
-    name,
-    displayName: opts.displayName,
-    group: opts.group,
-    schema: opts.schema,
-    initialValue: opts.initialValue,
-    render: opts.renderer,
-    presets: opts.presets,
-    locales: opts.locales
-  };
-  return definition;
-}
-function defineBlockRuntime(name, opts) {
-  const definition = {
-    name,
-    displayName: opts.displayName,
-    group: opts.group,
-    schema: {},
-    initialValue() {
-      throw new Error("Initial value cannot be called in runtime mode");
-    },
-    render: opts.renderer
-  };
-  return definition;
-}
-function getDefinedBlocks() {
-  return [...blockDefinitions.values()];
-}
-__setDefinedBlocksReader(getDefinedBlocks);
-function createCeRenderer(name) {
-  function renderSlots(slots, block) {
-    if (!slots) {
-      return slots;
-    }
-    return Object.entries(slots).flatMap(([key, value]) => {
-      const values = Array.isArray(value) ? value : [value];
-      return values.flatMap((value2) => {
-        if (typeof value2 === "string") {
-          const el = document.createElement("span");
-          if (key !== "default") {
-            el.slot = key;
-          }
-          el.innerText = value2;
-          return [el];
-        }
-        try {
-          const el = value2.definition.render({
-            ...value2,
-            props: {
-              ...value2.props,
-              parentProps: block.props
-            }
-          });
-          if (key !== "default") {
-            el.slot = key;
-          }
-          return [el];
-        } catch (error) {
-          reportBlockError(error, {
-            site: "block.createCeRenderer.renderSlots",
-            block: { id: value2.id, type: value2.type, definition: value2.definition },
-            extra: {
-              parentBlockId: block.id,
-              parentBlockType: block.type,
-              slotKey: key
-            }
-          });
-          return [];
-        }
-      });
-    });
-  }
-  return (block) => {
-    const el = document.createElement(name);
-    el.setAttribute("data-block-id", block.id);
-    el.setAttribute("data-block-type", block.type);
-    Object.entries(getInstrumentation().resolveProps(block)).forEach(
-      ([key, value]) => {
-        el[key] = value;
-      }
-    );
-    el.replaceChildren(...renderSlots(block.slots, block));
-    attachEmptyTracking(el);
-    return el;
-  };
-}
-const stubDefinitionCache = /* @__PURE__ */ new Map();
-function createStubDefinition(name) {
-  const cached = stubDefinitionCache.get(name);
-  if (cached) return cached;
-  const stub = {
-    name,
-    group: "internal",
-    schema: {},
-    initialValue: { props: {}, slots: {} },
-    __stub: true,
-    render() {
-      const el = document.createElement("div");
-      el.dataset.stubBlock = name;
-      if (isEditorPreview()) {
-        el.textContent = `Block definition not found: ${name}`;
-      } else {
-        el.style.display = "none";
-      }
-      return el;
-    }
-  };
-  stubDefinitionCache.set(name, stub);
-  reportBlockWarning(`Block definition '${name}' not found`, {
-    site: "block.createStubDefinition",
-    block: { id: "(none)", type: name }
-  });
-  console.warn(
-    `[juo/blocks] Block definition '${name}' not found. This block may have been removed or renamed. Rendering a hidden stub.`
-  );
-  return stub;
-}
-function isStubDefinition(definition) {
-  return definition.__stub === true;
-}
-function backfillInstanceDefaults(block) {
-  if (Object.keys(block.props ?? {}).length > 0) return false;
-  if (Object.keys(block.slots ?? {}).length > 0) return false;
-  if (isStubDefinition(block.definition)) return false;
-  let defaults;
-  try {
-    const iv = block.definition.initialValue;
-    defaults = (typeof iv === "function" ? iv() : iv) ?? {};
-  } catch (error) {
-    reportBlockError(error, {
-      site: "block.backfillInstanceDefaults",
-      block: { id: block.id, type: block.type, definition: block.definition }
-    });
-    return false;
-  }
-  const propsDefault = defaults.props ?? {};
-  const slotsDefault = defaults.slots ?? {};
-  const hasProps = Object.keys(propsDefault).length > 0;
-  const hasSlots = Object.keys(slotsDefault).length > 0;
-  if (!hasProps && !hasSlots) return false;
-  if (hasProps) Object.assign(block.props, propsDefault);
-  if (hasSlots) Object.assign(block.slots, slotsDefault);
-  return true;
-}
-function getDefinitionByName(name) {
-  const definition = blockDefinitions.get(name);
-  if (definition != null) {
-    return definition;
-  }
-  return createStubDefinition(name);
-}
-function createBlockInstance(name, opts) {
-  const initialValue = (() => {
-    const value = getDefinitionByName(name).initialValue ?? {};
-    if (typeof value === "function") {
-      return value();
-    }
-    return value;
-  })();
-  if ((opts == null ? void 0 : opts.props) == null && initialValue == null) {
-    const error = new Error(
-      `Block '${name}' cannot be created without value in runtime mode`
-    );
-    reportBlockError(error, {
-      site: "block.createBlockInstance",
-      block: { id: "(none)", type: name }
-    });
-    throw error;
-  }
-  const slots = {
-    ...initialValue.slots,
-    ...(opts == null ? void 0 : opts.slots) ?? {}
-  };
-  const props = {
-    ...initialValue.props ?? {},
-    ...(opts == null ? void 0 : opts.props) ?? {}
-  };
-  return {
-    // TODO: This should be unique
-    id: (opts == null ? void 0 : opts.id) ?? Math.round(1e3 * Math.random()).toString(10),
-    type: name,
-    props,
-    slots,
-    get definition() {
-      return getDefinitionByName(name);
-    }
-  };
-}
-function createBlockInstanceFromObject(input) {
-  const { id, type, props, slots } = input;
-  return createBlockInstance(type, {
-    props,
-    slots: Object.fromEntries(
-      Object.entries(slots).map(([key, value]) => [
-        key,
-        (Array.isArray(value) ? value : [value]).map(
-          (child) => createBlockInstanceFromObject(child)
-        )
-      ])
-    ),
-    id
-  });
-}
-function createBlockInstanceFromJSON(input) {
-  try {
-    return createBlockInstanceFromObject(JSON.parse(input));
-  } catch (error) {
-    reportBlockError(error, {
-      site: "block.createBlockInstanceFromJSON",
-      extra: { inputLength: input.length }
-    });
-    throw error;
-  }
-}
-const DEFAULT_GLOBAL_STYLES = {
-  volume: "comfort",
-  style: "ghost",
-  corners: "round",
-  buttonCorners: "round",
-  thumbnailCorners: "circle",
-  theme: "preset",
-  themeType: "neutral",
-  colors: {
-    accent: "#000000",
-    secondary: "#000000",
-    tint: "#111111",
-    callout: "#F5F5F5",
-    success: "#287a25",
-    error: "#a93c3c",
-    information: "#0075a3",
-    warning: "#8a5e00",
-    background: "#FFFFFF"
-  }
-};
-const ThemeStateContext = createContext("theme-state");
-function normalizeLocale(locale) {
-  return locale.trim().toLowerCase().split("-")[0] || "en";
-}
-function toStringRecord$1(input) {
-  if (input == null) return {};
-  return Object.fromEntries(
-    Object.entries(input).filter(([, value]) => typeof value === "string")
-  );
-}
-function parseBlockLocaleFile(file) {
-  if (file == null) {
-    return { defaults: {}, modes: {} };
-  }
-  const entries = Object.entries(file).filter(
-    ([key, value]) => key !== "overrides" && typeof value === "string"
-  );
-  const topLevel = Object.fromEntries(entries);
-  const overrides = toStringRecord$1(file.overrides);
-  return {
-    defaults: { ...topLevel, ...overrides },
-    modes: {
-      ...Object.fromEntries(
-        Object.keys(topLevel).map((key) => [key, "default"])
-      ),
-      ...Object.fromEntries(
-        Object.keys(overrides).map((key) => [key, "override"])
-      )
-    }
-  };
-}
-function indexOverrides(overrides) {
-  const indexed = {
-    theme: {},
-    blocks: {}
-  };
-  for (const item of overrides) {
-    if (item.scope.kind === "theme") {
-      indexed.theme[item.key] = item.value;
-      continue;
-    }
-    if (indexed.blocks[item.scope.blockId] == null) {
-      indexed.blocks[item.scope.blockId] = {};
-    }
-    indexed.blocks[item.scope.blockId][item.key] = item.value;
-  }
-  return indexed;
-}
-function createThemeState(deps) {
-  var _a;
-  const surfaces = {
-    page: {
-      blocks: d([]),
-      layout: d(null)
-    },
-    overlay: {
-      blocks: d([]),
-      layout: d(null)
-    }
-  };
-  const locale = d("en");
-  const catalogs = d(null);
-  const globalStyles = d(
-    deps.initialGlobalStyles ?? DEFAULT_GLOBAL_STYLES
-  );
-  function setGlobalStyles(styles) {
-    globalStyles.value = styles;
-  }
-  E(() => {
-    setLayoutSystemEnabled(globalStyles.value.layoutEngine === "grid-v1");
-  });
-  async function collectBlockDefaults(loc) {
-    const nextDefaults = {};
-    const nextModes = {};
-    for (const block of getDefinedBlocks()) {
-      if (block.locales == null) continue;
-      let file = null;
-      try {
-        file = await block.locales.load(loc);
-      } catch {
-        file = null;
-      }
-      const parsed = parseBlockLocaleFile(file);
-      nextDefaults[block.name] = parsed.defaults;
-      nextModes[block.name] = parsed.modes;
-    }
-    return { defaults: nextDefaults, modes: nextModes };
-  }
-  async function setLocale(nextLocaleRaw) {
-    var _a2;
-    const nextLocale = normalizeLocale(nextLocaleRaw);
-    const [blockData, loadedOverrides] = await Promise.all([
-      collectBlockDefaults(nextLocale),
-      ((_a2 = deps.translations) == null ? void 0 : _a2.resolveTranslations(nextLocale).catch(() => [])) ?? Promise.resolve([])
-    ]);
-    const overrides = loadedOverrides.filter(
-      (item) => normalizeLocale(item.locale) === nextLocale
-    );
-    const indexed = indexOverrides(overrides);
-    catalogs.value = {
-      theme: {
-        defaults: {},
-        overrides: indexed.theme
-      },
-      blocks: {
-        defaults: blockData.defaults,
-        modes: blockData.modes,
-        overrides: indexed.blocks
-      }
-    };
-    locale.value = nextLocale;
-  }
-  async function resolve(surface, path) {
-    var _a2, _b, _c, _d;
-    r(() => {
-      surfaces[surface].blocks.value = [];
-      surfaces[surface].layout.value = null;
-    });
-    const stored = await deps.resolve(surface, path);
-    if (stored != null) {
-      const hydratedBlocks = stored.blocks.flatMap((block) => {
-        try {
-          return [createBlockInstanceFromObject(block)];
-        } catch (error) {
-          reportBlockError(error, {
-            site: "theme-state.resolve.hydrate",
-            extra: {
-              surface,
-              path,
-              blockType: typeof (block == null ? void 0 : block.type) === "string" ? block.type : "(unknown)"
-            }
-          });
-          return [];
-        }
-      });
-      r(() => {
-        surfaces[surface].blocks.value = hydratedBlocks;
-        surfaces[surface].layout.value = stored.layout ?? null;
-      });
-      return stored;
-    }
-    const blockToUse = surface === "page" ? (_b = (_a2 = deps.routerService) == null ? void 0 : _a2.getPages().find((p2) => p2.path === path)) == null ? void 0 : _b.block : (_c = getDefinedBlocks().find((b2) => b2.name === path)) == null ? void 0 : _c.name;
-    if (blockToUse != null) {
-      const instance = createBlockInstance(blockToUse);
-      surfaces[surface].blocks.value = [instance];
-      const serialized = serializeBlocks([instance]);
-      (_d = deps.upsertState) == null ? void 0 : _d.call(deps, surface, path, serialized);
-      return { blocks: serialized };
-    }
-    return { blocks: [] };
-  }
-  onRegisterBlock(async (_2, block) => {
-    if (block.locales == null || catalogs.value == null) return;
-    const localeAtLoadStart = locale.value;
-    let file = null;
-    try {
-      file = await block.locales.load(localeAtLoadStart);
-    } catch {
-      file = null;
-    }
-    if (catalogs.value == null || locale.value !== localeAtLoadStart) return;
-    const parsed = parseBlockLocaleFile(file);
-    const current = catalogs.value;
-    catalogs.value = {
-      ...current,
-      blocks: {
-        ...current.blocks,
-        defaults: {
-          ...current.blocks.defaults,
-          [block.name]: parsed.defaults
-        },
-        modes: {
-          ...current.blocks.modes,
-          [block.name]: parsed.modes
-        }
-      }
-    };
-  });
-  (_a = deps.routerService) == null ? void 0 : _a.subscribe(({ path }) => {
-    resolve("page", path);
-  });
-  return {
-    page: surfaces.page,
-    overlay: surfaces.overlay,
-    locales: { locale, catalogs, setLocale },
-    globalStyles,
-    setGlobalStyles,
-    resolve
-  };
-}
-const TranslationContext = createContext("translation");
-function toStringRecord(input) {
-  if (input == null) return {};
-  return Object.fromEntries(
-    Object.entries(input).filter(([, value]) => typeof value === "string")
-  );
-}
-function createTranslationService(locales, options = {}) {
-  const loadedThemeDefaults = d({});
-  if (options.loadDefaultTranslations) {
-    let loadVersion = 0;
-    E(() => {
-      const locale = locales.locale.value;
-      const currentVersion = ++loadVersion;
-      void options.loadDefaultTranslations(locale).then((result) => toStringRecord(result)).catch(() => ({})).then((result) => {
-        if (currentVersion !== loadVersion) return;
-        loadedThemeDefaults.value = result;
-      });
-    });
-  }
-  return {
-    locale: locales.locale,
-    resolve(blockType, blockId, key) {
-      var _a, _b, _c;
-      const data = locales.catalogs.value;
-      const themeDefault = loadedThemeDefaults.value[key] ?? (data == null ? void 0 : data.theme.defaults[key]);
-      if (data == null) {
-        return themeDefault ?? key;
-      }
-      if (blockId && ((_a = data.blocks.overrides[blockId]) == null ? void 0 : _a[key]) !== void 0) {
-        return data.blocks.overrides[blockId][key];
-      }
-      const blockDefault = blockType != null ? (_b = data.blocks.defaults[blockType]) == null ? void 0 : _b[key] : void 0;
-      const mode = (blockType != null ? (_c = data.blocks.modes[blockType]) == null ? void 0 : _c[key] : void 0) ?? "override";
-      if (blockDefault !== void 0 && mode === "override") {
-        return blockDefault;
-      }
-      if (data.theme.overrides[key] !== void 0) {
-        return data.theme.overrides[key];
-      }
-      if (themeDefault !== void 0) {
-        return themeDefault;
-      }
-      if (blockDefault !== void 0) {
-        return blockDefault;
-      }
-      return key;
-    }
-  };
-}
-const GRID_V1_ENGINE_ID = "grid-v1";
-const PAGE_ROOT_SLOT = "content";
-const DEFAULT_GRID = { cols: 12, gap: 16, rowUnit: 40 };
-const MAX_BLOCKS_PER_ROW = 3;
-const DEFAULT_BREAKPOINTS = [
-  { id: "desktop", cols: 12 },
-  { id: "mobile", cols: 1, query: { maxWidth: 600 } }
-];
-function sharesRowBand$1(a2, b2) {
-  return a2.r < b2.r + b2.h && a2.r + a2.h > b2.r;
-}
-function minFillCols(cols) {
-  return Math.max(1, Math.ceil(Math.max(1, cols) / MAX_BLOCKS_PER_ROW));
-}
-function clampRect(rect, cols) {
-  const w2 = Math.max(1, Math.min(rect.w, cols));
-  const c2 = Math.max(0, Math.min(rect.c, cols - w2));
-  const h2 = Math.max(1, rect.h);
-  const r2 = Math.max(0, rect.r);
-  return { ...rect, c: c2, r: r2, w: w2, h: h2 };
-}
-function rectsOverlap(a2, b2) {
-  return a2.c < b2.c + b2.w && a2.c + a2.w > b2.c && a2.r < b2.r + b2.h && a2.r + a2.h > b2.r;
-}
-function readingOrder(items) {
-  return Object.keys(items).sort((idA, idB) => {
-    const a2 = items[idA];
-    const b2 = items[idB];
-    if (a2.r !== b2.r) return a2.r - b2.r;
-    return a2.c - b2.c;
-  });
-}
-function compactItems(items, cols) {
-  const columnBottoms = new Array(Math.max(1, cols)).fill(0);
-  const compacted = {};
-  for (const id of readingOrder(items)) {
-    const rect = clampRect(items[id], cols);
-    let top = 0;
-    for (let c2 = rect.c; c2 < rect.c + rect.w; c2++) {
-      top = Math.max(top, columnBottoms[c2] ?? 0);
-    }
-    compacted[id] = { ...rect, r: top };
-    for (let c2 = rect.c; c2 < rect.c + rect.w; c2++) {
-      columnBottoms[c2] = top + rect.h;
-    }
-  }
-  return compacted;
-}
-function rowBandBounds(items, target, cols, excludeId) {
-  let left = 0;
-  let right = Math.max(1, cols);
-  for (const [id, rect] of Object.entries(items)) {
-    if (id === excludeId) continue;
-    const sharesRow = rect.r < target.r + target.h && rect.r + rect.h > target.r;
-    if (!sharesRow) continue;
-    const rectRight = rect.c + rect.w;
-    if (rectRight <= target.c) {
-      left = Math.max(left, rectRight);
-    } else if (rect.c >= target.c + target.w) {
-      right = Math.min(right, rect.c);
-    }
-  }
-  return { left, right };
-}
-function fillSegmentBounds(target, nonFill, cols) {
-  let left = 0;
-  let right = Math.max(1, cols);
-  for (const rect of nonFill) {
-    if (!sharesRowBand$1(rect, target)) continue;
-    const rectRight = rect.c + rect.w;
-    if (rectRight <= target.c) {
-      left = Math.max(left, rectRight);
-    } else if (rect.c >= target.c) {
-      right = Math.min(right, rect.c);
-    } else {
-      left = Math.max(left, rectRight);
-    }
-  }
-  return { left, right: Math.max(left, right) };
-}
-function applyFillExpansion(items, cols) {
-  const next = {};
-  for (const id of readingOrder(items)) {
-    next[id] = items[id];
-  }
-  const fillIds = readingOrder(next).filter((id) => next[id].fill === true);
-  if (fillIds.length === 0) return next;
-  const nonFill = Object.values(next).filter((rect) => rect.fill !== true);
-  const groups = [];
-  for (const id of fillIds) {
-    const rect = next[id];
-    const seg = fillSegmentBounds(rect, nonFill, cols);
-    const group = groups.find(
-      (g2) => g2.left === seg.left && g2.right === seg.right && g2.members.some((memberId) => sharesRowBand$1(next[memberId], rect))
-    );
-    if (group) group.members.push(id);
-    else groups.push({ left: seg.left, right: seg.right, members: [id] });
-  }
-  const minCols = minFillCols(cols);
-  const overflow = [];
-  for (const group of groups) {
-    const span = Math.max(1, group.right - group.left);
-    const fit = Math.min(group.members.length, Math.floor(span / minCols));
-    if (fit <= 0) {
-      overflow.push(...group.members);
-      continue;
-    }
-    const staying = group.members.slice(0, fit);
-    overflow.push(...group.members.slice(fit));
-    const base = Math.floor(span / fit);
-    const remainder = span - base * fit;
-    let pos = group.left;
-    staying.forEach((id, index) => {
-      const w2 = base + (index < remainder ? 1 : 0);
-      next[id] = { ...next[id], c: pos, w: Math.max(1, w2) };
-      pos += w2;
-    });
-  }
-  if (overflow.length === 0) return next;
-  for (const id of overflow) {
-    const rect = next[id];
-    let bandBottom = rect.r;
-    for (const [otherId, other] of Object.entries(next)) {
-      if (otherId === id || overflow.includes(otherId)) continue;
-      if (sharesRowBand$1(other, rect)) {
-        bandBottom = Math.max(bandBottom, other.r + other.h);
-      }
-    }
-    next[id] = { ...next[id], c: 0, r: bandBottom, w: cols };
-  }
-  return compactItems(next, cols);
-}
-function findFreeRect(items, size, cols) {
-  const w2 = Math.max(1, Math.min(size.w, cols));
-  const h2 = Math.max(1, size.h);
-  const existing = Object.values(items);
-  for (let r2 = 0; ; r2++) {
-    for (let c2 = 0; c2 <= cols - w2; c2++) {
-      const candidate = { c: c2, r: r2, w: w2, h: h2 };
-      if (!existing.some((rect) => rectsOverlap(candidate, rect))) {
-        return candidate;
-      }
-    }
-  }
-}
-function deriveLayout(base, target) {
-  const cols = target.cols;
-  const items = {};
-  let r2 = 0;
-  for (const id of readingOrder(base.items)) {
-    const h2 = Math.max(1, base.items[id].h);
-    items[id] = clampRect({ c: 0, r: r2, w: cols, h: h2 }, cols);
-    r2 += h2;
-  }
-  return { grid: { ...base.grid, cols }, items };
-}
-function resolveLayout(doc, breakpointId) {
-  var _a;
-  const present = doc.layouts[breakpointId];
-  if (present) return present;
-  const baseId = (_a = doc.breakpoints[0]) == null ? void 0 : _a.id;
-  const baseLayout = baseId ? doc.layouts[baseId] : void 0;
-  const target = doc.breakpoints.find((b2) => b2.id === breakpointId);
-  if (!baseLayout || !target) {
-    return { grid: { ...DEFAULT_GRID, cols: (target == null ? void 0 : target.cols) ?? 1 }, items: {} };
-  }
-  return deriveLayout(baseLayout, target);
-}
-function classifyRowDividers(items, blockIds) {
-  const leaderBlockIds = /* @__PURE__ */ new Set();
-  const rowBlockIds = /* @__PURE__ */ new Set();
-  const placed = blockIds.filter((id) => items[id] != null);
-  if (placed.length === 0) return { leaderBlockIds, rowBlockIds };
-  const rects = placed.map((id) => items[id]);
-  const minRow = Math.min(...rects.map((rect) => rect.r));
-  const boundaryIsCrossed = (boundary) => rects.some((rect) => rect.r < boundary && rect.r + rect.h > boundary);
-  const ordered = [...placed].sort((a2, b2) => {
-    const ra = items[a2];
-    const rb = items[b2];
-    return ra.r - rb.r || ra.c - rb.c;
-  });
-  let lastLeaderRow = null;
-  for (const id of ordered) {
-    const { r: r2 } = items[id];
-    if (r2 <= minRow || boundaryIsCrossed(r2)) continue;
-    rowBlockIds.add(id);
-    if (r2 !== lastLeaderRow) {
-      leaderBlockIds.add(id);
-      lastLeaderRow = r2;
-    }
-  }
-  return { leaderBlockIds, rowBlockIds };
-}
-function containerRule(scope, grid) {
-  return `${scope}{display:grid;grid-template-columns:repeat(${grid.cols},minmax(0,1fr));--juo-layout-cols:${grid.cols};--juo-layout-gap:var(--juo-layout-spacing,${grid.gap}px);column-gap:var(--juo-layout-gap);row-gap:0;margin-block-end:calc(-1 * var(--juo-layout-gap));}`;
-}
-function baseSpacingRule(scope) {
-  return `${scope} > [data-block-id]{margin-block-end:var(--juo-layout-gap);}`;
-}
-function collapseRule(scope) {
-  return `${scope} > [data-empty],${scope} > :has(> [data-empty]){margin-block-end:0;}`;
-}
-function itemRule(scope, blockId, rect, divider) {
-  return `${scope} > [data-block-id="${blockId}"]{grid-column:${rect.c + 1}/span ${rect.w};grid-row:${rect.r + 1}/span ${rect.h};--juo-layout-c:${rect.c};--juo-divider-row:${divider.row ? 1 : 0};--juo-divider-line:${divider.line ? 1 : 0};}`;
-}
-function breakpointCss(scope, layout, domOrder) {
-  const { leaderBlockIds, rowBlockIds } = classifyRowDividers(
-    layout.items,
-    domOrder
-  );
-  const rules = [containerRule(scope, layout.grid)];
-  for (const blockId of Object.keys(layout.items)) {
-    rules.push(
-      itemRule(scope, blockId, layout.items[blockId], {
-        row: rowBlockIds.has(blockId),
-        line: leaderBlockIds.has(blockId)
-      })
-    );
-  }
-  return rules.join("");
-}
-function sharesRowBand(a2, b2) {
-  return a2.r < b2.r + b2.h && a2.r + a2.h > b2.r;
-}
-function nonEmptySubsets(ids) {
-  const out = [];
-  for (let mask = 1; mask < 1 << ids.length; mask++) {
-    const subset = [];
-    for (let i2 = 0; i2 < ids.length; i2++) {
-      if (mask & 1 << i2) subset.push(ids[i2]);
-    }
-    out.push(subset);
-  }
-  return out;
-}
-function reclaimSelector(scope, fillId, emptyMates, domIndex) {
-  const fillIdx = domIndex.get(fillId) ?? 0;
-  const byDom = (a2, b2) => (domIndex.get(a2) ?? 0) - (domIndex.get(b2) ?? 0);
-  const before = emptyMates.filter((id) => (domIndex.get(id) ?? 0) < fillIdx).sort(byDom);
-  const after = emptyMates.filter((id) => (domIndex.get(id) ?? 0) > fillIdx).sort(byDom);
-  const emptyBefore = (id) => `[data-block-id="${id}"]:is([data-empty],:has(> [data-empty]))`;
-  const emptyAfterHas = (id) => `~ [data-block-id="${id}"][data-empty],~ [data-block-id="${id}"] > [data-empty]`;
-  let sel = "";
-  for (const id of before) sel += `${emptyBefore(id)} ~ `;
-  sel += `[data-block-id="${fillId}"]`;
-  for (const id of after) sel += `:has(${emptyAfterHas(id)})`;
-  return `${scope} > ${sel}`;
-}
-function reclaimCss(scope, layout, domOrder) {
-  const items = layout.items;
-  const cols = layout.grid.cols;
-  const domIndex = new Map(domOrder.map((id, index) => [id, index]));
-  const rules = [];
-  for (const [fillId, fillRect] of Object.entries(items)) {
-    if (fillRect.fill !== true) continue;
-    const mateIds = Object.entries(items).filter(([id, rect]) => id !== fillId && sharesRowBand(rect, fillRect)).map(([id]) => id);
-    if (mateIds.length === 0 || mateIds.length > 4) continue;
-    for (const emptyMates of nonEmptySubsets(mateIds)) {
-      const remaining = {};
-      for (const [id, rect] of Object.entries(items)) {
-        if (id === fillId || emptyMates.includes(id)) continue;
-        remaining[id] = rect;
-      }
-      const { left, right } = rowBandBounds(remaining, fillRect, cols);
-      if (left >= fillRect.c && right <= fillRect.c + fillRect.w) continue;
-      const selector = reclaimSelector(scope, fillId, emptyMates, domIndex);
-      rules.push(
-        `${selector}{grid-column:${left + 1}/span ${Math.max(1, right - left)};--juo-layout-c:${left};}`
-      );
-    }
-  }
-  return rules.join("");
-}
-function projectToCss(doc, opts) {
-  const base = doc.breakpoints[0];
-  if (!base) return "";
-  const baseLayout = resolveLayout(doc, base.id);
-  const domOrder = opts.domOrder ?? Object.keys(baseLayout.items);
-  const parts = [
-    breakpointCss(opts.scope, baseLayout, domOrder),
-    baseSpacingRule(opts.scope),
-    collapseRule(opts.scope),
-    reclaimCss(opts.scope, baseLayout, domOrder)
-  ];
-  for (const bp of doc.breakpoints.slice(1)) {
-    if (!bp.query) continue;
-    parts.push(
-      `@container (max-width:${bp.query.maxWidth}px){` + breakpointCss(opts.scope, resolveLayout(doc, bp.id), domOrder) + `}`
-    );
-  }
-  return parts.join("");
-}
-function createDefaultLayoutDocument(blockIds) {
-  const items = {};
-  blockIds.forEach((id, index) => {
-    items[id] = { c: 0, r: index, w: DEFAULT_GRID.cols, h: 1 };
-  });
-  return {
-    version: 1,
-    engine: GRID_V1_ENGINE_ID,
-    breakpoints: structuredClone([...DEFAULT_BREAKPOINTS]),
-    layouts: {
-      [DEFAULT_BREAKPOINTS[0].id]: { grid: { ...DEFAULT_GRID }, items }
-    }
-  };
-}
-function colsForBreakpoint(doc, breakpointId, layout) {
-  var _a;
-  return ((_a = doc.breakpoints.find((b2) => b2.id === breakpointId)) == null ? void 0 : _a.cols) ?? layout.grid.cols;
-}
-function reconcileBreakpointLayout(layout, blockIds, cols) {
-  const known = new Set(blockIds);
-  for (const id of Object.keys(layout.items)) {
-    if (!known.has(id)) delete layout.items[id];
-  }
-  for (const id of blockIds) {
-    if (!layout.items[id]) {
-      layout.items[id] = findFreeRect(layout.items, { w: cols, h: 1 }, cols);
-    }
-  }
-}
-function reconcileLayout(doc, blockIds) {
-  var _a;
-  if (!doc) return createDefaultLayoutDocument(blockIds);
-  const next = structuredClone(doc);
-  const baseId = (_a = next.breakpoints[0]) == null ? void 0 : _a.id;
-  if (!baseId) return createDefaultLayoutDocument(blockIds);
-  for (const def of DEFAULT_BREAKPOINTS) {
-    if (!next.breakpoints.some((b2) => b2.id === def.id)) {
-      next.breakpoints.push(structuredClone(def));
-    }
-  }
-  next.layouts[baseId] = next.layouts[baseId] ?? {
-    grid: { ...DEFAULT_GRID },
-    items: {}
-  };
-  for (const breakpointId of Object.keys(next.layouts)) {
-    const layout = next.layouts[breakpointId];
-    if (!layout) continue;
-    reconcileBreakpointLayout(
-      layout,
-      blockIds,
-      colsForBreakpoint(next, breakpointId, layout)
-    );
-  }
-  return next;
-}
-function compactLayoutDocument(doc) {
-  if (!doc) return doc;
-  const next = structuredClone(doc);
-  for (const breakpointId of Object.keys(next.layouts)) {
-    const layout = next.layouts[breakpointId];
-    if (!layout) continue;
-    layout.items = compactItems(
-      layout.items,
-      colsForBreakpoint(next, breakpointId, layout)
-    );
-  }
-  return next;
-}
-function expandFillLayoutDocument(doc) {
-  if (!doc) return doc;
-  const next = structuredClone(doc);
-  for (const breakpointId of Object.keys(next.layouts)) {
-    const layout = next.layouts[breakpointId];
-    if (!layout) continue;
-    layout.items = applyFillExpansion(
-      layout.items,
-      colsForBreakpoint(next, breakpointId, layout)
-    );
-  }
-  return next;
-}
-const LAYOUT_SCOPE_ATTR = "data-juo-layout";
-function layoutScopeSelector(scopeId) {
-  return `[${LAYOUT_SCOPE_ATTR}="${scopeId}"]`;
-}
-function buildLayoutCss(layout, blockIds, scopeId) {
-  const reconciled = reconcileLayout(layout, blockIds);
-  return projectToCss(reconciled, {
-    scope: layoutScopeSelector(scopeId),
-    domOrder: blockIds
-  });
-}
-function buildGridLayout(layout, blockIds, scopeId) {
-  var _a, _b;
-  const scope = layoutScopeSelector(scopeId);
-  const reconciled = reconcileLayout(layout, blockIds);
-  const baseId = (_a = reconciled.breakpoints[0]) == null ? void 0 : _a.id;
-  const layoutItems = (baseId != null ? (_b = reconciled.layouts[baseId]) == null ? void 0 : _b.items : null) ?? {};
-  const { leaderBlockIds, rowBlockIds } = classifyRowDividers(
-    layoutItems,
-    blockIds
-  );
-  const fullWidthBlockIds = /* @__PURE__ */ new Set();
-  for (const [id, rect] of Object.entries(layoutItems)) {
-    if (rect.fill === true) fullWidthBlockIds.add(id);
-  }
-  return {
-    css: projectToCss(reconciled, { scope, domOrder: blockIds }),
-    dividerBlockIds: leaderBlockIds,
-    dividerRowBlockIds: rowBlockIds,
-    fullWidthBlockIds
-  };
-}
-export {
-  layoutScopeSelector as $,
-  attachEmptyTracking as A,
-  BlockWrapperEvent as B,
-  ContextRoot as C,
-  DEFAULT_GRID as D,
-  E,
-  buildLayoutCss as F,
-  GRID_V1_ENGINE_ID as G,
-  classifyRowDividers as H,
-  compactLayoutDocument as I,
-  createBlockInstanceFromJSON as J,
-  createBlockInstanceFromObject as K,
-  LAYOUT_SCOPE_ATTR as L,
-  MAX_BLOCKS_PER_ROW as M,
-  createCeRenderer as N,
-  createDefaultLayoutDocument as O,
-  PAGE_ROOT_SLOT as P,
-  createSelectedBlock as Q,
-  createThemeState as R,
-  SelectedBlockContext as S,
-  TranslationContext as T,
-  createTranslationService as U,
-  defineBlockRuntime as V,
-  deriveLayout as W,
-  expandFillLayoutDocument as X,
-  hasRenderedContent as Y,
-  indexOverrides as Z,
-  isEditorPreview as _,
-  isStubDefinition as a,
-  layoutSystemEnabled as a0,
-  projectToCss as a1,
-  provideContext as a2,
-  readingOrder as a3,
-  rectsOverlap as a4,
-  serializeBlocks as a5,
-  setLayoutSystemEnabled as a6,
-  n as a7,
-  buildGridLayout as b,
-  ThemeStateContext as c,
-  backfillInstanceDefaults as d,
-  reconcileLayout as e,
-  createContext as f,
-  d as g,
-  w as h,
-  injectContext as i,
-  registerBlock as j,
-  getDefinedBlocks as k,
-  createBlockInstance as l,
-  defineBlock as m,
-  clampRect as n,
-  onRegisterBlock as o,
-  applyFillExpansion as p,
-  compactItems as q,
-  resolveLayout as r,
-  subscribeContext as s,
-  findFreeRect as t,
-  u,
-  ContextProvideEvent as v,
-  withWrapper as w,
-  ContextRequestEvent as x,
-  DEFAULT_BREAKPOINTS as y,
-  DEFAULT_GLOBAL_STYLES as z
-};