@jackuait/blok 0.4.3-beta.4 → 0.4.3-beta.6

package/dist/chunks/{i18next-loader-aMaQI76a.mjs → i18next-loader-DolG6O7i.mjs}

@@ -1,4 +1,4 @@
-import { e as i } from "./blok-N-sAekLt.mjs";
+import { e as i } from "./blok-B6xeFB1r.mjs";
 const l = async (e, r) => {
   const n = (await import("./i18next-CugVlwWp.mjs")).default.createInstance(), s = {
     lng: e,

package/dist/chunks/{index-B6xvzBsa.mjs → index-Bqo-x11-.mjs}

@@ -1,4 +1,4 @@
-import { t as f, q as i } from "./inline-tool-convert-BBeAtLcM.mjs";
+import { t as f, q as i } from "./inline-tool-convert-DqYXfC5g.mjs";
 const a = {
   wrapper: i(
     "fixed z-[2] bottom-5 left-5",

package/dist/chunks/{inline-tool-convert-BBeAtLcM.mjs → inline-tool-convert-DqYXfC5g.mjs}

@@ -18,7 +18,7 @@ let nt = (o = 21) => {
   return t;
 };
 var ot = /* @__PURE__ */ ((o) => (o.VERBOSE = "VERBOSE", o.INFO = "INFO", o.WARN = "WARN", o.ERROR = "ERROR", o))(ot || {});
-const rt = () => "0.4.3-beta.4", Ct = {
+const rt = () => "0.4.3-beta.6", Ct = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,
@@ -1945,13 +1945,13 @@ export {
   Et as a8,
   jt as a9,
   ke as aa,
-  de as ab,
-  ue as ac,
-  pe as ad,
-  ge as ae,
-  he as af,
-  fe as ag,
-  me as ah,
+  me as ab,
+  de as ac,
+  ue as ad,
+  pe as ae,
+  ge as af,
+  he as ag,
+  fe as ah,
   ve as ai,
   we as aj,
   Ce as ak,

package/dist/full.mjs

@@ -10,10 +10,10 @@ var e = (a, l, o) => l in a ? n(a, l, { enumerable: !0, configurable: !0, writab
       d.call(l, o) && e(a, o, l[o]);
   return a;
 }, r = (a, l) => t(a, c(l));
-import { B as v, v as A } from "./chunks/blok-N-sAekLt.mjs";
+import { B as v, v as A } from "./chunks/blok-B6xeFB1r.mjs";
 import { List as p, Header as f, Paragraph as I, Link as k, Italic as u, Bold as B } from "./tools.mjs";
 import { defaultBlockTools as H, defaultInlineTools as P } from "./tools.mjs";
-import { D as _ } from "./chunks/inline-tool-convert-BBeAtLcM.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-DqYXfC5g.mjs";
 const m = {
   paragraph: {
     class: I,

package/dist/tools.mjs

@@ -1,17 +1,17 @@
-var nt = Object.defineProperty, rt = Object.defineProperties;
-var st = Object.getOwnPropertyDescriptors;
-var K = Object.getOwnPropertySymbols;
-var ot = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var U = (f, t, e) => t in f ? nt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, w = (f, t) => {
+var rt = Object.defineProperty, st = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var q = Object.getOwnPropertySymbols;
+var it = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable;
+var U = (f, t, e) => t in f ? rt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, w = (f, t) => {
   for (var e in t || (t = {}))
-    ot.call(t, e) && U(f, e, t[e]);
-  if (K)
-    for (var e of K(t))
-      it.call(t, e) && U(f, e, t[e]);
+    it.call(t, e) && U(f, e, t[e]);
+  if (q)
+    for (var e of q(t))
+      at.call(t, e) && U(f, e, t[e]);
   return f;
-}, P = (f, t) => rt(f, st(t));
-import { t as L, D as g, a9 as et, aa as at, ab as lt, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as G, aj as j, ak as $, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-BBeAtLcM.mjs";
-import { a0 as Ot } from "./chunks/inline-tool-convert-BBeAtLcM.mjs";
+}, P = (f, t) => st(f, ot(t));
+import { t as L, D as g, a9 as nt, aa as lt, ab as G, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as j, aj as $, ak as X, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-DqYXfC5g.mjs";
+import { a0 as Ot } from "./chunks/inline-tool-convert-DqYXfC5g.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
@@ -41,7 +41,7 @@ const W = [
   e.selectNodeContents(f), e.collapse(!0), t.removeAllRanges(), t.addRange(e);
 }, Nt = (f) => {
   bt(f) && St(f);
-}, z = (f, t, e = "data-placeholder") => {
+}, V = (f, t, e = "data-placeholder") => {
   f.setAttribute(e, t != null ? t : "");
   const n = () => Nt(f);
   f.addEventListener("focus", n), f.addEventListener("input", n);
@@ -101,7 +101,7 @@ const W = [
       yt
     ), t.setAttribute(g.tool, "paragraph"), t.contentEditable = "false";
     const e = this.buildInlineStyles();
-    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text && (t.innerHTML = this._data.text), this.readOnly ? t.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), z(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text && (t.innerHTML = this._data.text), this.readOnly ? t.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), V(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
   }
   /**
    * Return Tool's view
@@ -142,7 +142,7 @@ const W = [
    */
   save(t) {
     return {
-      text: et(t.innerHTML)
+      text: nt(t.innerHTML)
     };
   }
   /**
@@ -212,7 +212,7 @@ const W = [
    */
   static get toolbox() {
     return {
-      icon: at,
+      icon: lt,
       title: "Text",
       titleKey: "text"
     };
@@ -226,8 +226,8 @@ M.WRAPPER_CLASSES = [
   "[&>p:first-of-type]:mt-0",
   "[&>p:last-of-type]:mb-0"
 ];
-let X = M;
-const I = class I {
+let Y = M;
+const x = class x {
   /**
    * Render plugin's main Element and fill it with saved data
    *
@@ -288,20 +288,61 @@ const I = class I {
    * @returns MenuConfig array
    */
   renderSettings() {
-    return this.levels.map((t) => {
-      const e = this.api.i18n.t(t.nameKey), n = e !== t.nameKey ? e : t.name;
+    const t = this._settings._toolboxEntries;
+    return t !== void 0 && t.length > 0 ? this.buildSettingsFromToolboxEntries(t) : this.levels.map((e) => {
+      const n = this.api.i18n.t(e.nameKey), r = n !== e.nameKey ? n : e.name;
       return {
-        icon: t.icon,
-        title: n,
-        onActivate: () => this.setLevel(t.number),
+        icon: e.icon,
+        title: r,
+        onActivate: () => this.setLevel(e.number),
         closeOnActivate: !0,
-        isActive: this.currentLevel.number === t.number,
+        isActive: this.currentLevel.number === e.number,
         dataset: {
-          "blok-header-level": String(t.number)
+          "blok-header-level": String(e.number)
         }
       };
     });
   }
+  /**
+   * Build settings menu items from toolbox entries.
+   * This allows users to customize which levels appear in block settings
+   * by configuring the toolbox.
+   *
+   * @param entries - Merged toolbox entries from user config
+   * @returns MenuConfig array
+   */
+  buildSettingsFromToolboxEntries(t) {
+    return t.map((e) => {
+      var d, c, h, p;
+      const n = e.data, r = (d = n == null ? void 0 : n.level) != null ? d : this.defaultLevel.number, s = x.DEFAULT_LEVELS.find((m) => m.number === r), o = (c = s == null ? void 0 : s.name) != null ? c : `Heading ${r}`, a = this.resolveToolboxEntryTitle(e, o);
+      return {
+        icon: (p = (h = e.icon) != null ? h : s == null ? void 0 : s.icon) != null ? p : G,
+        title: a,
+        onActivate: () => this.setLevel(r),
+        closeOnActivate: !0,
+        isActive: this.currentLevel.number === r,
+        dataset: {
+          "blok-header-level": String(r)
+        }
+      };
+    });
+  }
+  /**
+   * Resolves the title for a toolbox entry.
+   * Priority: custom title > i18n key translation > fallback
+   *
+   * @param entry - Toolbox entry
+   * @param fallback - Fallback title if no custom title or translation found
+   * @returns Resolved title string
+   */
+  resolveToolboxEntryTitle(t, e) {
+    if (t.title !== void 0)
+      return t.title;
+    if (t.titleKey === void 0)
+      return e;
+    const n = `toolNames.${t.titleKey}`, r = this.api.i18n.t(n);
+    return r !== n ? r : e;
+  }
   /**
    * Callback for Block's settings buttons
    *
@@ -402,9 +443,9 @@ const I = class I {
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = L(I.BASE_STYLES, this.currentLevel.styles, W);
+    t.innerHTML = this._data.text || "", t.className = L(x.BASE_STYLES, this.currentLevel.styles, W);
     const { inlineStyles: e } = this.currentLevel;
-    return e && Object.assign(t.style, e), t.setAttribute(g.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : z(t, this.api.i18n.t(this._settings.placeholder || "")), t;
+    return e && Object.assign(t.style, e), t.setAttribute(g.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : V(t, this.api.i18n.t(this._settings.placeholder || "")), t;
   }
   /**
    * Get current level
@@ -432,7 +473,7 @@ const I = class I {
    * @returns Level array
    */
   get levels() {
-    const t = this._settings.levelOverrides || {}, e = I.DEFAULT_LEVELS.map((n) => {
+    const t = this._settings.levelOverrides || {}, e = x.DEFAULT_LEVELS.map((n) => {
       var o;
       const r = t[n.number] || {}, s = {};
       return r.size && (s.fontSize = r.size), r.marginTop && (s.marginTop = r.marginTop), r.marginBottom && (s.marginBottom = r.marginBottom), {
@@ -490,21 +531,21 @@ const I = class I {
    */
   static get toolbox() {
     return {
-      icon: pt,
+      icon: G,
       title: "Heading",
       titleKey: "heading"
     };
   }
 };
-I.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", I.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: lt, styles: "text-4xl font-bold mt-8 mb-1" },
-  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: ct, styles: "text-3xl font-semibold mt-6 mb-px" },
-  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: dt, styles: "text-2xl font-semibold mt-4 mb-px" },
-  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: ut, styles: "text-xl font-semibold mt-3 mb-px" },
-  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: ht, styles: "text-base font-semibold mt-3 mb-px" },
-  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: ft, styles: "text-sm font-semibold mt-3 mb-px" }
+x.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", x.DEFAULT_LEVELS = [
+  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: ct, styles: "text-4xl font-bold mt-8 mb-1" },
+  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: dt, styles: "text-3xl font-semibold mt-6 mb-px" },
+  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: ut, styles: "text-2xl font-semibold mt-4 mb-px" },
+  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: ht, styles: "text-xl font-semibold mt-3 mb-px" },
+  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: ft, styles: "text-base font-semibold mt-3 mb-px" },
+  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: pt, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
-let Y = I;
+let J = x;
 const u = class u {
   constructor({ data: t, config: e, api: n, readOnly: r, block: s }) {
     this._element = null, this.handleBlockChanged = (o) => {
@@ -551,7 +592,7 @@ const u = class u {
     this.itemColor && (e.color = this.itemColor), this.itemSize && (e.fontSize = this.itemSize);
   }
   setupItemPlaceholder(t) {
-    this.readOnly || z(t, this.placeholder);
+    this.readOnly || V(t, this.placeholder);
   }
   render() {
     return this._element = this.createItemElement(), this._element;
@@ -1260,7 +1301,7 @@ const u = class u {
   save() {
     if (!this._element) return this._data;
     const t = this.getContentElement(), n = {
-      text: t ? et(t.innerHTML) : this._data.text,
+      text: t ? nt(t.innerHTML) : this._data.text,
       style: this._data.style,
       checked: this._data.checked
     };
@@ -1375,21 +1416,21 @@ const u = class u {
   static get toolbox() {
     return [
       {
-        icon: G,
+        icon: j,
         title: "Bulleted list",
         titleKey: "bulletedList",
         data: { style: "unordered" },
         name: "bulleted-list"
       },
       {
-        icon: j,
+        icon: $,
         title: "Numbered list",
         titleKey: "numberedList",
         data: { style: "ordered" },
         name: "numbered-list"
       },
       {
-        icon: $,
+        icon: X,
         title: "To-do list",
         titleKey: "todoList",
         data: { style: "checklist" },
@@ -1399,11 +1440,11 @@ const u = class u {
   }
 };
 u.BASE_STYLES = "outline-none", u.ITEM_STYLES = "outline-none py-0.5 pl-0.5 leading-[1.6em]", u.CHECKLIST_ITEM_STYLES = "flex items-start py-0.5 pl-0.5", u.CHECKBOX_STYLES = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", u.STYLE_CONFIGS = [
-  { style: "unordered", name: "bulletedList", icon: G },
-  { style: "ordered", name: "numberedList", icon: j },
-  { style: "checklist", name: "todoList", icon: $ }
+  { style: "unordered", name: "bulletedList", icon: j },
+  { style: "ordered", name: "numberedList", icon: $ },
+  { style: "checklist", name: "todoList", icon: X }
 ], u.pendingMarkerUpdate = !1, u.DEFAULT_PLACEHOLDER = "List", u.INDENT_PER_LEVEL = 24, u.TOOL_NAME = "list";
-let J = u;
+let Z = u;
 const i = class i {
   /**
    * Sanitizer Rule
@@ -1470,16 +1511,16 @@ const i = class i {
         }
         const p = (n = l.textContent) != null ? n : "";
         p.length > 1 && p.startsWith("​") && (l.textContent = p.slice(1));
-        const T = window.getSelection();
-        i.ensureCaretAtBoundary(T, l), i.scheduleBoundaryCaretAdjustment(l);
-        const y = (r = l.textContent) != null ? r : "", m = y.replace(/\u200B/g, ""), C = m.match(/^\s+/), E = /\S/.test(m), N = y.startsWith("​");
-        C && (o.hasLeadingSpace = !0, o.leadingWhitespace = C[0]), E && (o.hasTypedContent = !0);
-        const B = /^\s/.test(m), x = o.hasTypedContent && !N && ((s = d.textContent) != null ? s : "").length <= c, v = o.hasLeadingSpace && o.hasTypedContent && !B;
-        if (x && v) {
+        const m = window.getSelection();
+        i.ensureCaretAtBoundary(m, l), i.scheduleBoundaryCaretAdjustment(l);
+        const y = (r = l.textContent) != null ? r : "", E = y.replace(/\u200B/g, ""), C = E.match(/^\s+/), T = /\S/.test(E), N = y.startsWith("​");
+        C && (o.hasLeadingSpace = !0, o.leadingWhitespace = C[0]), T && (o.hasTypedContent = !0);
+        const B = /^\s/.test(E), v = o.hasTypedContent && !N && ((s = d.textContent) != null ? s : "").length <= c, R = o.hasLeadingSpace && o.hasTypedContent && !B;
+        if (v && R) {
           const b = y.replace(/^[\u200B\s]+/, ""), S = o.leadingWhitespace || " ";
-          l.textContent = `${S}${b}`, i.ensureCaretAtBoundary(T, l);
+          l.textContent = `${S}${b}`, i.ensureCaretAtBoundary(m, l);
         }
-        x && i.collapsedExitRecords.delete(o);
+        v && i.collapsedExitRecords.delete(o);
       }
   }
   /**
@@ -2038,28 +2079,28 @@ const i = class i {
       return;
     const s = `strong[${i.DATA_ATTR_COLLAPSED_ACTIVE}="true"]`;
     r.querySelectorAll(s).forEach((l) => {
-      var k, R, F, V, q;
+      var k, I, _, z, K;
       const d = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), c = l.previousSibling;
       if (!d || !c || c.nodeType !== Node.TEXT_NODE)
         return;
       const h = Number(d);
       if (!Number.isFinite(h))
         return;
-      const p = c, T = (k = p.textContent) != null ? k : "";
-      if (T.length <= h)
+      const p = c, m = (k = p.textContent) != null ? k : "";
+      if (m.length <= h)
         return;
-      const y = T.slice(0, h), m = T.slice(h);
+      const y = m.slice(0, h), E = m.slice(h);
       p.textContent = y;
-      const C = m.match(/^[\u00A0\s]+/);
-      if (C && !l.hasAttribute(i.DATA_ATTR_LEADING_WHITESPACE) && l.setAttribute(i.DATA_ATTR_LEADING_WHITESPACE, C[0]), m.length === 0)
+      const C = E.match(/^[\u00A0\s]+/);
+      if (C && !l.hasAttribute(i.DATA_ATTR_LEADING_WHITESPACE) && l.setAttribute(i.DATA_ATTR_LEADING_WHITESPACE, C[0]), E.length === 0)
         return;
-      const E = (R = l.textContent) != null ? R : "", N = E + m, B = (F = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? F : "", v = B.length > 0 && E.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(v);
+      const T = (I = l.textContent) != null ? I : "", N = T + E, B = (_ = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? _ : "", R = B.length > 0 && T.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(R);
       for (; l.firstChild; )
         l.removeChild(l.firstChild);
       if (l.appendChild(b), !(t != null && t.isCollapsed) || !i.isNodeWithin(t.focusNode, p))
         return;
-      const S = document.createRange(), _ = (q = (V = b.textContent) == null ? void 0 : V.length) != null ? q : 0;
-      S.setStart(b, _), S.collapse(!0), t.removeAllRanges(), t.addRange(S);
+      const S = document.createRange(), F = (K = (z = b.textContent) == null ? void 0 : z.length) != null ? K : 0;
+      S.setStart(b, F), S.collapse(!0), t.removeAllRanges(), t.addRange(S);
     });
   }
   /**
@@ -2268,23 +2309,23 @@ const i = class i {
     if (!r)
       return;
     r.querySelectorAll(`strong[${i.DATA_ATTR_COLLAPSED_LENGTH}]`).forEach((a) => {
-      var x, v, b, S, _;
+      var v, R, b, S, F;
       const l = a, d = l.getAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
       if (!d)
         return;
-      const c = Number(d), h = (x = l.textContent) != null ? x : "";
+      const c = Number(d), h = (v = l.textContent) != null ? v : "";
       if (!Number.isFinite(c))
         return;
-      const p = h.length > c, T = p ? i.splitCollapsedBoldText(l, c, h) : null, y = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), m = y ? Number(y) : NaN, C = l.previousSibling, E = (C == null ? void 0 : C.nodeType) === Node.TEXT_NODE ? C : null, N = (v = E == null ? void 0 : E.textContent) != null ? v : "", B = !!(y && Number.isFinite(m) && E && N.length > m);
-      if (B && E) {
-        const k = N.slice(0, m), R = N.slice(m);
-        E.textContent = k;
-        const F = document.createTextNode(R);
-        (b = l.parentNode) == null || b.insertBefore(F, l.nextSibling);
+      const p = h.length > c, m = p ? i.splitCollapsedBoldText(l, c, h) : null, y = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), E = y ? Number(y) : NaN, C = l.previousSibling, T = (C == null ? void 0 : C.nodeType) === Node.TEXT_NODE ? C : null, N = (R = T == null ? void 0 : T.textContent) != null ? R : "", B = !!(y && Number.isFinite(E) && T && N.length > E);
+      if (B && T) {
+        const k = N.slice(0, E), I = N.slice(E);
+        T.textContent = k;
+        const _ = document.createTextNode(I);
+        (b = l.parentNode) == null || b.insertBefore(_, l.nextSibling);
       }
-      if (B && l.removeAttribute(i.DATA_ATTR_PREV_LENGTH), t != null && t.isCollapsed && T && i.isNodeWithin(t.focusNode, l)) {
-        const k = document.createRange(), R = (_ = (S = T.textContent) == null ? void 0 : S.length) != null ? _ : 0;
-        k.setStart(T, R), k.collapse(!0), t.removeAllRanges(), t.addRange(k);
+      if (B && l.removeAttribute(i.DATA_ATTR_PREV_LENGTH), t != null && t.isCollapsed && m && i.isNodeWithin(t.focusNode, l)) {
+        const k = document.createRange(), I = (F = (S = m.textContent) == null ? void 0 : S.length) != null ? F : 0;
+        k.setStart(m, I), k.collapse(!0), t.removeAllRanges(), t.addRange(k);
       }
       p && l.removeAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
     });
@@ -2399,19 +2440,19 @@ const i = class i {
    * @param parent - Parent node that hosts the bold element
    */
   static exitCollapsedBoldWithContent(t, e, n) {
-    var p, T, y, m, C, E;
-    e.setAttribute(i.DATA_ATTR_COLLAPSED_LENGTH, ((T = (p = e.textContent) == null ? void 0 : p.length) != null ? T : 0).toString()), e.removeAttribute(i.DATA_ATTR_PREV_LENGTH), e.removeAttribute(i.DATA_ATTR_COLLAPSED_ACTIVE), e.removeAttribute(i.DATA_ATTR_LEADING_WHITESPACE);
+    var p, m, y, E, C, T;
+    e.setAttribute(i.DATA_ATTR_COLLAPSED_LENGTH, ((m = (p = e.textContent) == null ? void 0 : p.length) != null ? m : 0).toString()), e.removeAttribute(i.DATA_ATTR_PREV_LENGTH), e.removeAttribute(i.DATA_ATTR_COLLAPSED_ACTIVE), e.removeAttribute(i.DATA_ATTR_LEADING_WHITESPACE);
     const r = e.nextSibling, s = !r || r.nodeType !== Node.TEXT_NODE, o = s ? document.createTextNode("​") : null;
     o && n.insertBefore(o, r);
     const a = o != null ? o : r;
     !s && ((y = a.textContent) != null ? y : "").length === 0 && (a.textContent = "​");
-    const l = document.createRange(), c = ((m = a.textContent) != null ? m : "").startsWith("​") ? 1 : 0;
+    const l = document.createRange(), c = ((E = a.textContent) != null ? E : "").startsWith("​") ? 1 : 0;
     l.setStart(a, c), l.collapse(!0), t.removeAllRanges(), t.addRange(l);
     const h = i.ensureStrongElement(e);
     return i.collapsedExitRecords.add({
       boundary: a,
       boldElement: h,
-      allowedLength: (E = (C = h.textContent) == null ? void 0 : C.length) != null ? E : 0,
+      allowedLength: (T = (C = h.textContent) == null ? void 0 : C.length) != null ? T : 0,
       hasLeadingSpace: !1,
       hasTypedContent: !1,
       leadingWhitespace: ""
@@ -2549,7 +2590,7 @@ const i = class i {
   }
 };
 i.isInline = !0, i.title = "Bold", i.titleKey = "bold", i.shortcutListenerRegistered = !1, i.selectionListenerRegistered = !1, i.inputListenerRegistered = !1, i.beforeInputListenerRegistered = !1, i.globalListenersInitialized = i.initializeGlobalListeners(), i.collapsedExitRecords = /* @__PURE__ */ new Set(), i.markerSequence = 0, i.isProcessingMutation = !1, i.DATA_ATTR_COLLAPSED_LENGTH = "data-blok-bold-collapsed-length", i.DATA_ATTR_COLLAPSED_ACTIVE = "data-blok-bold-collapsed-active", i.DATA_ATTR_PREV_LENGTH = "data-blok-bold-prev-length", i.DATA_ATTR_LEADING_WHITESPACE = "data-blok-bold-leading-ws", i.instances = /* @__PURE__ */ new Set(), i.pendingBoundaryCaretAdjustments = /* @__PURE__ */ new WeakSet(), i.shortcut = "CMD+B";
-let Z = i;
+let Q = i;
 const O = class O {
   /**
    * Sanitizer Rule
@@ -2822,7 +2863,7 @@ const O = class O {
   }
 };
 O.isInline = !0, O.title = "Italic", O.titleKey = "italic", O.shortcut = "CMD+I";
-let Q = O;
+let tt = O;
 const D = class D {
   /**
    * @param api - Blok API
@@ -3050,7 +3091,7 @@ const D = class D {
   }
 };
 D.isInline = !0, D.title = "Link", D.titleKey = "link", D.shortcut = "CMD+K";
-let tt = D;
+let et = D;
 const xt = {
   paragraph: { inlineToolbar: !0, config: { preserveBlank: !0 } },
   header: { inlineToolbar: !0 },
@@ -3061,13 +3102,13 @@ const xt = {
   link: {}
 };
 export {
-  Z as Bold,
+  Q as Bold,
   Ot as Convert,
-  Y as Header,
-  Q as Italic,
-  tt as Link,
-  J as List,
-  X as Paragraph,
+  J as Header,
+  tt as Italic,
+  et as Link,
+  Z as List,
+  Y as Paragraph,
   xt as defaultBlockTools,
   vt as defaultInlineTools
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.3-beta.4",
+  "version": "0.4.3-beta.6",
   "description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
   "module": "dist/blok.mjs",
   "types": "./types/index.d.ts",

package/src/components/modules/api/i18n.ts

@@ -25,6 +25,7 @@ export class I18nAPI extends Module {
     if (this.cachedMethods === null) {
       this.cachedMethods = {
         t: (dictKey: string): string => this.Blok.I18n.t(dictKey),
+        has: (dictKey: string): boolean => this.Blok.I18n.has(dictKey),
       };
     }
 

package/src/components/tools/block.ts

@@ -51,13 +51,22 @@ export class BlockToolAdapter extends BaseToolAdapter<ToolType.Block, IBlockTool
    * @param readOnly - True if Blok is in read-only mode
    */
   public create(data: BlockToolData, block: BlockAPI, readOnly: boolean): IBlockTool {
+    const toolboxEntries = this.toolbox;
+
+    /**
+     * Inject merged toolbox entries into config so tools can use them in renderSettings().
+     * This allows tools like Header to show the same options in block settings as in the toolbox.
+     */
+    const configWithToolbox = toolboxEntries !== undefined
+      ? { ...this.settings, _toolboxEntries: toolboxEntries }
+      : this.settings;
 
     return new this.constructable({
       data,
       block,
       readOnly,
       api: this.api,
-      config: this.settings,
+      config: configWithToolbox,
     }) as IBlockTool;
   }
 

package/src/components/tools/factory.ts

@@ -5,6 +5,7 @@ import { BlockTuneAdapter } from './tune';
 import { BlockToolAdapter } from './block';
 import type { API as ApiModule } from '../modules/api';
 import type { BlokConfig } from '../../../types/configs';
+import type { API as ApiMethods, I18n } from '../../../types';
 
 type ToolConstructor = typeof InlineToolAdapter | typeof BlockToolAdapter | typeof BlockTuneAdapter;
 
@@ -56,18 +57,66 @@ export class ToolsFactory {
     }
 
     const Constructor = this.getConstructor(constructable);
+    const toolApi = this.createToolApi(name);
 
     return new Constructor({
       name,
       constructable,
       config,
-      api: this.api.methods,
+      api: toolApi,
       isDefault: name === this.blokConfig.defaultBlock,
       defaultPlaceholder: this.blokConfig.placeholder,
       isInternal,
     });
   }
 
+  /**
+   * Creates a tool-specific API with namespaced i18n.
+   *
+   * EditorJS tools expect `api.i18n.t('key')` to automatically look up
+   * `tools.{toolName}.key`. This wrapper provides that behavior while
+   * falling back to direct key lookup for Blok internal tools that use
+   * fully-qualified keys like `tools.stub.error`.
+   *
+   * @param toolName - Name of the tool
+   * @returns API object with tool-namespaced i18n
+   */
+  private createToolApi(toolName: string): ApiMethods {
+    const baseApi = this.api.methods;
+    const namespace = `tools.${toolName}`;
+
+    const namespacedI18n: I18n = {
+      t: (dictKey: string): string => {
+        /**
+         * Try namespaced key first for EditorJS compatibility.
+         * External tools call t('Add row') expecting lookup of 'tools.table.Add row'.
+         */
+        const namespacedKey = `${namespace}.${dictKey}`;
+
+        if (baseApi.i18n.has(namespacedKey)) {
+          return baseApi.i18n.t(namespacedKey);
+        }
+
+        /**
+         * Fall back to direct key lookup for Blok internal tools.
+         * Internal tools use fully-qualified keys like 'tools.stub.error'.
+         */
+        return baseApi.i18n.t(dictKey);
+      },
+
+      has: (dictKey: string): boolean => {
+        const namespacedKey = `${namespace}.${dictKey}`;
+
+        return baseApi.i18n.has(namespacedKey) || baseApi.i18n.has(dictKey);
+      },
+    };
+
+    return {
+      ...baseApi,
+      i18n: namespacedI18n,
+    };
+  }
+
   /**
    * Find appropriate Tool object constructor for Tool constructable
    * @param constructable - Tools constructable