@juo/blocks 1.4.2 → 1.4.4

package/dist/{ExtensionRoot-8ntJL9wz.js → ExtensionRoot-CQa6unFH.js}

@@ -3,8 +3,8 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { signal, effect, createBlockInstance } from "@juo/blocks";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
-import { d, t as subscribeContext, T as ThemeStateContext, E, x as withWrapper, v as n } from "./theme-state-BpmgtjdC.js";
-import "./juo-workflow-BXGQS82N.js";
+import { d, t as subscribeContext, T as ThemeStateContext, E, x as withWrapper, v as n, o as isStubDefinition, p as onRegisterBlock } from "./theme-state-CItCtH5l.js";
+import "./juo-workflow-1EMEURtn.js";
 class Block extends HTMLElement {
   constructor() {
     super();
@@ -63,6 +63,19 @@ class ExtensionRoot extends HTMLElement {
     __publicField(this, "themeState", null);
     __publicField(this, "unsubscribeThemeContext");
     __publicField(this, "disposeEffect");
+    __publicField(this, "__vueInstance", null);
+    /**
+     * Names of top-level slot children that resolved to a stub on the last
+     * render pass — i.e. blocks whose definition hasn't been registered yet.
+     * Rebuilt on each render and consulted from the registration listener so
+     * we only retrigger when a block we're actually waiting on lands.
+     *
+     * Only top-level children are tracked — nested stubs inside a registered
+     * parent's renderer aren't currently handled (rare in practice; revisit
+     * if it shows up).
+     */
+    __publicField(this, "unresolvedNames", /* @__PURE__ */ new Set());
+    __publicField(this, "unregisterListener");
     /**
      * Optional function to wrap each rendered block element.
      * Called with the rendered block HTMLElement, must return an HTMLElement.
@@ -80,7 +93,7 @@ class ExtensionRoot extends HTMLElement {
     if (!this.wrapperCache.has(block)) {
       const blockWrapper = this.blockWrapper;
       const wrapper = withWrapper((block2) => {
-        const rendered = block2.definition.render(block2);
+        const rendered = block2.definition.render({ ...block2, __vueInstance: this.__vueInstance });
         return blockWrapper ? blockWrapper(rendered) : rendered;
       });
       this.wrapperCache.set(block, wrapper);
@@ -123,11 +136,12 @@ class ExtensionRoot extends HTMLElement {
       const blocks = state.blocks.value;
       n(() => {
         var _a;
+        let extensionBlocks = [];
         try {
-          const extensionBlocks = (((_a = blocks.at(0)) == null ? void 0 : _a.slots) ?? {})[name] ?? [];
+          extensionBlocks = (((_a = blocks.at(0)) == null ? void 0 : _a.slots) ?? {})[name] ?? [];
           const children = extensionBlocks.map(
             (block) => this.withWrapper(block)
-          ) ?? [];
+          );
           this.replaceChildren(...children);
         } catch (error) {
           reportBlockError(error, {
@@ -138,6 +152,20 @@ class ExtensionRoot extends HTMLElement {
             }
           });
           this.replaceChildren();
+          extensionBlocks = [];
+        }
+        this.unresolvedNames.clear();
+        for (const block of extensionBlocks) {
+          if (block != null && typeof block === "object" && isStubDefinition(block.definition)) {
+            this.unresolvedNames.add(block.type);
+          }
+        }
+        if (this.unresolvedNames.size > 0 && !this.unregisterListener) {
+          this.unregisterListener = onRegisterBlock((name2) => {
+            if (this.unresolvedNames.has(name2) && this.state.value) {
+              this.state.value = { ...this.state.value };
+            }
+          });
         }
       });
     });
@@ -162,6 +190,11 @@ class ExtensionRoot extends HTMLElement {
       this.disposeEffect();
       this.disposeEffect = void 0;
     }
+    if (this.unregisterListener) {
+      this.unregisterListener();
+      this.unregisterListener = void 0;
+    }
+    this.unresolvedNames.clear();
   }
 }
 export {

package/dist/block.d.ts

@@ -10,7 +10,9 @@ export interface BlockPreset<TState = unknown, TContext extends Record<string, u
     context: TContext;
 }
 export type BlockPresets = Record<string, BlockPreset<unknown, Record<string, unknown>>>;
-export type BlockRenderer = (block: BlockInstance) => HTMLElement;
+export type BlockRenderer = (block: BlockInstance & {
+    __vueInstance?: unknown;
+}) => HTMLElement;
 export type BlockLocaleFile = {
     overrides?: Record<string, string>;
     [key: string]: string | Record<string, string> | undefined;
@@ -68,7 +70,7 @@ declare global {
 }
 export declare function withWrapper(fn: (block: BlockInstance) => HTMLElement): (block: BlockInstance) => HTMLElement;
 export declare function registerBlock<T>(block: BlockDefinition<T>): void;
-export declare function onRegisterBlock(cb: (name: string, block: BlockDefinition) => void): void;
+export declare function onRegisterBlock(cb: (name: string, block: BlockDefinition) => void): () => void;
 export declare function defineBlock<T>(name: string, opts: {
     group: "internal" | "juo" | "theme" | "integration" | "page" | "workflow" | "action";
     schema: JSONSchema;

package/dist/block.d.ts.map

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

package/dist/core.js

@@ -1,9 +1,9 @@
 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 { c as createContext, d, w, r as registerBlock, E, u } from "./theme-state-BpmgtjdC.js";
-import { B, C, a, D, S, T, b, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, v, x } from "./theme-state-BpmgtjdC.js";
-import { T as T2, W, c, a as a2, b as b2, g as g2, h as h2 } from "./juo-workflow-BXGQS82N.js";
+import { c as createContext, d, w, r as registerBlock, E, u } from "./theme-state-CItCtH5l.js";
+import { B, C, a, D, S, T, b, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, v, x } from "./theme-state-CItCtH5l.js";
+import { T as T2, W, c, a as a2, b as b2, g as g2, h as h2 } from "./juo-workflow-1EMEURtn.js";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
 function createState() {
   const discountCode = d(null);

package/dist/editor/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkJ9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IAEzE,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IA0ErB,iBAAiB;IAWjB,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAgJ9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IAEzE,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IA0ErB,iBAAiB;IAWjB,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}

package/dist/editor.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { getDefinedBlocks, onRegisterBlock } from "@juo/blocks";
 import { a as createEditorBridge, f as createRemoveBlockMessage, g as createRegisterBlocksMessage, h as createRegisterRoutesMessage } from "./bridge-B8cVa2-2.js";
 import { i, b, j, k, l, m, n, c, o, p, q, r, s, e, t, u, v, w, d, x, y, z, A } from "./bridge-B8cVa2-2.js";
-import { f as createBlockInstanceFromObject, m as indexOverrides } from "./theme-state-BpmgtjdC.js";
+import { f as createBlockInstanceFromObject, m as indexOverrides } from "./theme-state-CItCtH5l.js";
 function createEditorHandler(options) {
   const { themeState, onBlockSelection } = options;
   const blockSurfaceIndex = /* @__PURE__ */ new Map();
@@ -299,8 +299,6 @@ const styles = `
     background-color: white;
     border: 1px solid #B5B5B5;
     border-radius: 8px;
-    justify-self: center;
-    max-width: 100%;
     box-sizing: border-box;
   }
 

package/dist/{juo-workflow-BXGQS82N.js → juo-workflow-1EMEURtn.js}

@@ -1,7 +1,7 @@
 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 { c as createContext, d, E, l as getDefinedBlocks, b as createBlockInstance, w, r as registerBlock, j as defineBlock, t as subscribeContext } from "./theme-state-BpmgtjdC.js";
+import { c as createContext, d, E, l as getDefinedBlocks, b as createBlockInstance, w, r as registerBlock, j as defineBlock, t as subscribeContext } from "./theme-state-CItCtH5l.js";
 import { a as createEditorBridge, e as createSelectBlockMessage } from "./bridge-B8cVa2-2.js";
 const TranslationContext = createContext("translation");
 function toStringRecord(input) {

package/dist/{theme-state-BpmgtjdC.js → theme-state-CItCtH5l.js}

@@ -566,10 +566,15 @@ function withWrapper(fn) {
 const registerBlockListeners = [];
 function registerBlock(block) {
   blockDefinitions.set(block.name, block);
+  stubDefinitionCache.delete(block.name);
   registerBlockListeners.forEach((cb) => cb(block.name, 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 = {

package/dist/vue/block.d.ts

@@ -1,6 +1,8 @@
-import { Component } from 'vue';
+import { App, Component } from 'vue';
 import { BlockInstance } from '../main.ts';
-export declare function createVueRenderer(component: Component): (block: BlockInstance) => HTMLDivElement;
+export declare function createVueRenderer(component: Component, options?: {
+    hostApp?: App;
+}): (block: BlockInstance) => HTMLElement;
 export declare function createVueCeRenderer(name: string, component: Component, { shadowRoot }?: {
     shadowRoot?: boolean;
 }): (block: BlockInstance) => HTMLDivElement;

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,SAAS,EAOV,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAoB,MAAM,aAAa,CAAC;AAmB9D,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,WAiBrC,aAAa,oBAa7B;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,4CAoCrD"}
+{"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,EAAE,aAAa,EAAoB,MAAM,aAAa,CAAC;AA6B9D,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,WAuCZ,aAAa,iBA0D7B;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,4CAoCrD"}

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

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

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

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

package/dist/vue.js

@@ -1,4 +1,4 @@
-import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, useHost, defineCustomElement, createApp } from "vue";
+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 } from "@juo/blocks";
 import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-B8cVa2-2.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
@@ -141,35 +141,80 @@ const VueSlotWrapper = defineComponent({
     return h("div");
   },
   mounted() {
-    const children = (Array.isArray(this.$props.block) ? this.$props.block : [this.$props.block]).map(
-      (block) => typeof block === "string" ? block : block.definition.render(block)
-    );
-    this.$el.replaceChildren(...children);
+    this.syncSlotChildren();
+  },
+  updated() {
+    this.syncSlotChildren();
+  },
+  methods: {
+    syncSlotChildren() {
+      const children = (Array.isArray(this.$props.block) ? this.$props.block : [this.$props.block]).map(
+        (block) => typeof block === "string" ? block : block.definition.render(block)
+      );
+      this.$el.replaceChildren(...children);
+    }
   }
 });
-function createVueRenderer(component) {
+function createVueRenderer(component, options) {
+  const cache = /* @__PURE__ */ new Map();
   function renderSlots(slots) {
     if (!slots) {
       return slots;
     }
-    const renderedSlots = Object.fromEntries(
+    return Object.fromEntries(
       Object.entries(slots).map(([key2, value]) => [
         key2,
-        // Fix slot rendering
+        // Known limitation: if a nested block's props are mutated without changing
+        // the slot array reference, VueSlotWrapper won't re-render (updated() won't fire).
+        // Not an issue today — all block trees are flat (root → first-level blocks),
+        // and first-level blocks are re-rendered directly by ExtensionRoot's effect,
+        // bypassing VueSlotWrapper entirely.
         typeof value === "string" ? value : h(VueSlotWrapper, { block: value })
       ])
     );
-    return renderedSlots;
   }
   return (block) => {
-    const app = createApp(
-      h(ContextProvider, {}, [
-        h(component, block.props, renderSlots(block.slots))
-      ])
+    const parentInstance = block.__vueInstance;
+    const existing = cache.get(block.id);
+    if (existing && existing.parentInstance === parentInstance) {
+      existing.propsRef.value = block.props;
+      existing.slotsRef.value = block.slots;
+      triggerRef(existing.slotsRef);
+      return existing.wrapper;
+    }
+    if (existing) {
+      render(null, existing.wrapper);
+    }
+    const propsRef = shallowRef(block.props);
+    const slotsRef = shallowRef(
+      block.slots
     );
-    const wrapper = document.createElement("div");
-    wrapper.setAttribute("data-block-id", block.id);
-    app.mount(wrapper);
+    const parentProvides = parentInstance == null ? void 0 : parentInstance.provides;
+    const Root = defineComponent({
+      setup() {
+        if (parentProvides) {
+          const instance = getCurrentInstance();
+          if (instance) {
+            instance.provides = parentProvides;
+          }
+        }
+        return () => h(ContextProvider, {}, [
+          h(component, propsRef.value, renderSlots(slotsRef.value))
+        ]);
+      }
+    });
+    const wrapper = (existing == null ? void 0 : existing.wrapper) ?? document.createElement("div");
+    if (!existing) {
+      wrapper.setAttribute("data-block-id", block.id);
+      wrapper.setAttribute("data-block-type", block.type);
+      wrapper.style.display = "contents";
+    }
+    const vnode = h(Root);
+    if (options == null ? void 0 : options.hostApp) {
+      vnode.appContext = options.hostApp._context;
+    }
+    render(vnode, wrapper);
+    cache.set(block.id, { wrapper, propsRef, slotsRef, parentInstance });
     return wrapper;
   };
 }

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

@@ -3,6 +3,19 @@ export default class ExtensionRoot extends HTMLElement {
     private themeState;
     private unsubscribeThemeContext?;
     private disposeEffect?;
+    private __vueInstance;
+    /**
+     * Names of top-level slot children that resolved to a stub on the last
+     * render pass — i.e. blocks whose definition hasn't been registered yet.
+     * Rebuilt on each render and consulted from the registration listener so
+     * we only retrigger when a block we're actually waiting on lands.
+     *
+     * Only top-level children are tracked — nested stubs inside a registered
+     * parent's renderer aren't currently handled (rare in practice; revisit
+     * if it shows up).
+     */
+    private unresolvedNames;
+    private unregisterListener?;
     /**
      * Optional function to wrap each rendered block element.
      * Called with the rendered block HTMLElement, must return an HTMLElement.

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":"AAYA,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;IAEnC;;;;;;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;IAyDjB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiBzB,oBAAoB;CAWrB;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":"AAkBA,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;IAgFjB,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"}

package/dist/web-components-editor.js

@@ -1,10 +1,10 @@
 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 { n as injectContext, E, y as ContextRoot } from "./theme-state-BpmgtjdC.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-8ntJL9wz.js";
+import { n as injectContext, E, y as ContextRoot } from "./theme-state-CItCtH5l.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-CQa6unFH.js";
 import { a as createEditorBridge, b as createFocusInlineTextMessage, d as createUpdateBlockTranslationMessage } from "./bridge-B8cVa2-2.js";
-import { T as TranslationContext } from "./juo-workflow-BXGQS82N.js";
+import { T as TranslationContext } from "./juo-workflow-1EMEURtn.js";
 const _InlineText = class _InlineText extends HTMLElement {
   constructor() {
     super();

package/dist/web-components-runtime.js

@@ -1,9 +1,9 @@
 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 { n as injectContext, E, y as ContextRoot } from "./theme-state-BpmgtjdC.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-8ntJL9wz.js";
-import { T as TranslationContext } from "./juo-workflow-BXGQS82N.js";
+import { n as injectContext, E, y as ContextRoot } from "./theme-state-CItCtH5l.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-CQa6unFH.js";
+import { T as TranslationContext } from "./juo-workflow-1EMEURtn.js";
 class InlineText extends HTMLElement {
   constructor() {
     super(...arguments);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/blocks",
   "private": false,
-  "version": "1.4.2",
+  "version": "1.4.4",
   "type": "module",
   "files": [
     "dist"