@jackuait/blok 0.10.10 → 0.10.11

package/dist/chunks/{constants-BYv7qYbw.mjs → constants-lxerM-Xa.mjs}

@@ -130,7 +130,7 @@ var a = {
 	RIGHT: 2,
 	BACKWARD: 3,
 	FORWARD: 4
-}, l = () => "0.10.10", u = /* @__PURE__ */ function(e) {
+}, l = () => "0.10.11", u = /* @__PURE__ */ function(e) {
 	return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
 }({}), d = (e, t, n = "log", r, i = "color: inherit") => {
 	let a = typeof console > "u" ? void 0 : console;

package/dist/chunks/{tools-CqBnZUYU.mjs → tools-CMNxZqJC.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, D as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, I as h, It as g, J as _, Jt as v, K as y, Kt as b, L as ee, Lt as x, M as te, Mt as S, Nn as ne, Nt as re, O as ie, Ot as C, P as ae, Pt as oe, Q as se, Qt as ce, R as le, Rn as w, Rt as ue, St as de, Tt as fe, U as pe, Ut as me, V as he, W as ge, Wt as _e, X as ve, Xt as ye, Y as be, Yt as xe, Z as Se, Zt as Ce, _n as we, _t as Te, a as Ee, at as De, bt as Oe, c as ke, cn as T, ct as Ae, d as je, dr as E, dt as Me, en as Ne, et as Pe, f as Fe, ft as Ie, g as Le, gt as Re, h as ze, ht as Be, i as Ve, ir as He, it as Ue, j as We, jt as Ge, k as Ke, kt as qe, l as Je, ln as Ye, lt as Xe, mn as Ze, mt as Qe, n as $e, nt as et, o as tt, ot as nt, p as rt, pn as D, pt as it, q as at, qt as ot, r as st, rn as ct, rt as lt, s as ut, sn as dt, st as ft, t as pt, tt as mt, u as O, un as ht, ur as k, ut as gt, v as _t, vn as vt, vt as yt, wt as bt, xt, z as St, zt as Ct } from "./constants-BYv7qYbw.mjs";
+import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, D as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, I as h, It as g, J as _, Jt as v, K as y, Kt as b, L as ee, Lt as x, M as te, Mt as S, Nn as ne, Nt as re, O as ie, Ot as C, P as ae, Pt as oe, Q as se, Qt as ce, R as le, Rn as w, Rt as ue, St as de, Tt as fe, U as pe, Ut as me, V as he, W as ge, Wt as _e, X as ve, Xt as ye, Y as be, Yt as xe, Z as Se, Zt as Ce, _n as we, _t as Te, a as Ee, at as De, bt as Oe, c as ke, cn as T, ct as Ae, d as je, dr as E, dt as Me, en as Ne, et as Pe, f as Fe, ft as Ie, g as Le, gt as Re, h as ze, ht as Be, i as Ve, ir as He, it as Ue, j as We, jt as Ge, k as Ke, kt as qe, l as Je, ln as Ye, lt as Xe, mn as Ze, mt as Qe, n as $e, nt as et, o as tt, ot as nt, p as rt, pn as D, pt as it, q as at, qt as ot, r as st, rn as ct, rt as lt, s as ut, sn as dt, st as ft, t as pt, tt as mt, u as O, un as ht, ur as k, ut as gt, v as _t, vn as vt, vt as yt, wt as bt, xt, z as St, zt as Ct } from "./constants-lxerM-Xa.mjs";
 import { t as A } from "./objectSpread2-CWwMYL_U.mjs";
 import { n as j } from "./tw-CqxBf-1Y.mjs";
 //#region src/components/utils/html.ts
@@ -859,11 +859,27 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		depth: 0
 	};
 	if (En(e)) {
-		let t = e.items[0], r = (t == null ? void 0 : t.content) || "", i = (t == null ? void 0 : t.checked) || !1;
+		let { text: t, checked: r } = ((e) => {
+			if (typeof e == "string") return {
+				text: e,
+				checked: !1
+			};
+			if (typeof e == "object" && e) {
+				var t, n, r;
+				return {
+					text: (t = (n = e.content) == null ? e.text : n) == null ? "" : t,
+					checked: (r = e.checked) == null ? !1 : r
+				};
+			}
+			return {
+				text: "",
+				checked: !1
+			};
+		})(e.items[0]);
 		return A({
-			text: r,
+			text: t,
 			style: e.style || n,
-			checked: !!i,
+			checked: !!r,
 			depth: 0
 		}, e.start !== void 0 && e.start !== 1 ? { start: e.start } : {});
 	}

package/dist/full.mjs

@@ -1,7 +1,7 @@
-import { n as e, t } from "./chunks/blok-5Ez9qE7T.mjs";
-import { ur as n } from "./chunks/constants-BYv7qYbw.mjs";
+import { n as e, t } from "./chunks/blok-CX_pZ_qq.mjs";
+import { ur as n } from "./chunks/constants-lxerM-Xa.mjs";
 import { t as r } from "./chunks/objectSpread2-CWwMYL_U.mjs";
-import { a as i, b as a, c as o, g as s, i as c, l, n as u, o as d, s as f, t as p, v as m, y as h } from "./chunks/tools-CqBnZUYU.mjs";
+import { a as i, b as a, c as o, g as s, i as c, l, n as u, o as d, s as f, t as p, v as m, y as h } from "./chunks/tools-CMNxZqJC.mjs";
 //#region src/full.ts
 var g = {
 	paragraph: {

package/dist/react.mjs

@@ -1,5 +1,5 @@
-import { t as e } from "./chunks/blok-5Ez9qE7T.mjs";
-import "./chunks/constants-BYv7qYbw.mjs";
+import { t as e } from "./chunks/blok-CX_pZ_qq.mjs";
+import "./chunks/constants-lxerM-Xa.mjs";
 import { t } from "./chunks/objectSpread2-CWwMYL_U.mjs";
 import { t as n } from "./chunks/objectWithoutProperties-Dci1-l7D.mjs";
 import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";

package/dist/tools.mjs

@@ -1,3 +1,3 @@
-import { m as e } from "./chunks/constants-BYv7qYbw.mjs";
-import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, y as b } from "./chunks/tools-CqBnZUYU.mjs";
+import { m as e } from "./chunks/constants-lxerM-Xa.mjs";
+import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, y as b } from "./chunks/tools-CMNxZqJC.mjs";
 export { u as Bold, c as Callout, v as Code, e as Convert, d as Database, m as DatabaseRow, o as Divider, b as Header, h as InlineCode, i as Italic, g as Link, y as List, p as Marker, r as Paragraph, a as Quote, l as Strikethrough, t as Table, s as Toggle, n as Underline, _ as defaultBlockTools, f as defaultInlineTools };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.10.10",
+  "version": "0.10.11",
   "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/utils/data-model-transform.ts

@@ -380,6 +380,29 @@ const expandListToHierarchical = (
  * @param bodyBlocks - legacy body blocks to expand
  * @param parentId - id of the parent block (toggle/callout) that owns them
  */
+/**
+ * Route one emitted block into the accumulator. Root-level blocks (no parent)
+ * become direct children of the legacy container; descendants keep their
+ * existing parent refs assigned during recursive expansion.
+ */
+const appendEmittedBlock = (
+  emitted: OutputBlockData,
+  parentId: BlockId,
+  childIds: BlockId[],
+  childBlocks: OutputBlockData[]
+): void => {
+  if (emitted.parent !== undefined) {
+    childBlocks.push(emitted);
+
+    return;
+  }
+
+  const childId = emitted.id ?? generateBlockId();
+
+  childIds.push(childId);
+  childBlocks.push({ ...emitted, id: childId, parent: parentId });
+};
+
 const expandLegacyBodyBlocks = (
   bodyBlocks: OutputBlockData[],
   parentId: BlockId
@@ -390,18 +413,29 @@ const expandLegacyBodyBlocks = (
   for (const childBlock of bodyBlocks) {
     const expanded = expandToHierarchical([childBlock]);
 
-    if (expanded.length === 0) {
-      continue;
+    // A single legacy block may expand into N root-level siblings (e.g. a list
+    // with N items). Every parent-less root becomes a direct child here so
+    // multi-item lists inside callout/toggle bodies aren't orphaned.
+    for (const emitted of expanded) {
+      appendEmittedBlock(emitted, parentId, childIds, childBlocks);
     }
+  }
 
-    // The first emitted block corresponds to the original input block.
-    // Re-parent it to the legacy container; descendants already carry the
-    // correct parent refs assigned during their own recursive expansion.
-    const [first, ...rest] = expanded;
-    const childId = first.id ?? generateBlockId();
-
-    childIds.push(childId);
-    childBlocks.push({ ...first, id: childId, parent: parentId }, ...rest);
+  // Invariant: every emitted block must either carry a parent ref (descendant
+  // assigned during its own recursive expansion) or appear in childIds (root
+  // we just re-parented). If this ever trips, some expansion path is leaking
+  // orphans — exactly the regression this assertion exists to catch.
+  for (const block of childBlocks) {
+    const hasParent = block.parent !== undefined;
+    const hasId = block.id !== undefined;
+    const isDirectChild = hasId && childIds.includes(block.id as BlockId);
+
+    if (!hasParent && !isDirectChild) {
+      throw new Error(
+        `expandLegacyBodyBlocks: orphaned block emitted (type=${block.type}, id=${block.id ?? '<none>'}). ` +
+        `Every root-level expansion must be re-parented to ${parentId}.`
+      );
+    }
   }
 
   return { childIds, childBlocks };
@@ -646,6 +680,52 @@ const processRootListItem = (
   return listBlock;
 };
 
+/**
+ * Recursively collapse a container's body: routes each direct child through the
+ * appropriate processRoot* helper based on its type so that grandchildren land in
+ * the correct nested legacy shape instead of being ejected to the document root.
+ */
+function collapseBodyBlocks(
+  contentIds: BlockId[],
+  blockMap: Map<BlockId, OutputBlockData>,
+  processedIds: Set<BlockId>
+): OutputBlockData[] {
+  const result: OutputBlockData[] = [];
+
+  for (const childId of contentIds) {
+    if (processedIds.has(childId)) {
+      continue;
+    }
+    const childBlock = blockMap.get(childId);
+
+    if (childBlock === undefined) {
+      continue;
+    }
+
+    if (isFlatModelListBlock(childBlock)) {
+      result.push(processRootListItem(childBlock, blockMap, processedIds));
+      continue;
+    }
+    if (isFlatModelToggleBlock(childBlock)) {
+      result.push(processRootToggleItem(childBlock, blockMap, processedIds));
+      continue;
+    }
+    if (isToggleableHeaderBlock(childBlock)) {
+      result.push(processRootToggleableHeader(childBlock, blockMap, processedIds));
+      continue;
+    }
+    if (isFlatModelCalloutBlock(childBlock)) {
+      result.push(processRootCalloutItem(childBlock, blockMap, processedIds));
+      continue;
+    }
+
+    markBlockAsProcessed(childBlock.id, processedIds);
+    result.push(stripHierarchyFields(childBlock));
+  }
+
+  return result;
+}
+
 /**
  * Process a root toggle block and convert to a legacy toggleList block
  */
@@ -662,18 +742,8 @@ const processRootToggleItem = (
     ? (data as Record<string, unknown>).isOpen as boolean
     : undefined;
 
-  // Collect child blocks
-  const childBlocks: OutputBlockData[] = [];
   const contentIds = block.content ?? [];
-
-  for (const childId of contentIds) {
-    const childBlock = blockMap.get(childId);
-
-    if (childBlock) {
-      markBlockAsProcessed(childId, processedIds);
-      childBlocks.push(stripHierarchyFields(childBlock));
-    }
-  }
+  const childBlocks = collapseBodyBlocks(contentIds, blockMap, processedIds);
 
   const legacyBlock: OutputBlockData = {
     id: block.id,
@@ -732,17 +802,8 @@ const processRootToggleableHeader = (
     ? (data as Record<string, unknown>).isOpen as boolean
     : undefined;
 
-  const childBlocks: OutputBlockData[] = [];
   const contentIds = block.content ?? [];
-
-  for (const childId of contentIds) {
-    const childBlock = blockMap.get(childId);
-
-    if (childBlock) {
-      markBlockAsProcessed(childId, processedIds);
-      childBlocks.push(stripHierarchyFields(childBlock));
-    }
-  }
+  const childBlocks = collapseBodyBlocks(contentIds, blockMap, processedIds);
 
   const legacyBlock: OutputBlockData = {
     id: block.id,
@@ -810,18 +871,8 @@ const processRootCalloutItem = (
   const isEmojiVisible = typeof emojiValue === 'string' && emojiValue.length > 0;
   const emoji = isEmojiVisible ? emojiValue : null;
 
-  // Collect child blocks
-  const childBlocks: OutputBlockData[] = [];
   const contentIds = block.content ?? [];
-
-  for (const childId of contentIds) {
-    const childBlock = blockMap.get(childId);
-
-    if (childBlock) {
-      markBlockAsProcessed(childId, processedIds);
-      childBlocks.push(stripHierarchyFields(childBlock));
-    }
-  }
+  const childBlocks = collapseBodyBlocks(contentIds, blockMap, processedIds);
 
   const legacyBlock: OutputBlockData = {
     id: block.id,

package/src/tools/list/data-normalizer.ts

@@ -10,7 +10,7 @@ import type { ListItemConfig, ListItemData, ListItemStyle } from './types';
  * Type for legacy list item format (used for type guard)
  */
 type LegacyListItemFormat = {
-  items: Array<{ content: string; checked?: boolean | string }>;
+  items: Array<string | { content?: string; text?: string; checked?: boolean | string }>;
   style?: ListItemStyle;
   start?: number;
 };
@@ -117,8 +117,17 @@ export const normalizeListItemData = (
   // This provides backward compatibility when legacy data is passed directly to the tool
   if (isLegacyFormat(data)) {
     const firstItem = data.items[0];
-    const text = firstItem?.content || '';
-    const checked = firstItem?.checked || false;
+    // handle string items and old {text,checked} shape
+    const extractLegacy = (item: typeof firstItem): { text: string; checked: boolean | string | undefined } => {
+      if (typeof item === 'string') {
+        return { text: item, checked: false };
+      }
+      if (item !== null && typeof item === 'object') {
+        return { text: item.content ?? item.text ?? '', checked: item.checked ?? false };
+      }
+      return { text: '', checked: false };
+    };
+    const { text, checked } = extractLegacy(firstItem);
 
     return {
       text,