@cardenelabs/cdl 0.59.0 → 0.60.0

package/CHANGELOG.md

@@ -5,6 +5,49 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.60.0] - 2026-09-13
+
+### Added
+
+- **操作部の式の行を、書き手が付けた名札で描けるようにした** (#853)
+
+  操作部は図の式を 1 行ずつ並べ、名前に式の id、中身に式の文字列をそのまま描いていた (`total1` /
+  `= baseFee + priority`)。 式には名札を書く口が無く、日本語の図に置くとそこだけ英字の識別子が残っていた。
+
+  `.formula(id, expression, { label })` と `.deriveChain(baseId, count, exprFn, { label: (i) => 名札 })` で
+  名札を付けられるようにした。 名札を持つ式の行は、名前に名札を描き、中身の名前のうち名札を持つ入力欄と式の
+  id を名札に置き換えて描く (`= baseFee + priority` → `= 基準手数料 (gwei) + 優先手数料`)。
+  置き換えは式の字句の位置で行い、`Math.min` などの関数の名前と数には当てない。 表示だけの置き換えで、
+  計算は書いた式を読む。
+
+  名札を持たない式は、入力欄に名札があっても、名前も中身も変更前と同じ字で描く。 目印 (`data-cdl-formula`)
+  は名札の有無によらず id のまま。
+
+### Fixed
+
+- **巻き取りの進みの行が、`label` を渡しても id を描いていたのを直した** (#853)
+
+  `.animation.scroll(id, { label })` の名札は図に残っていたが、操作部の行は読んでいなかった。
+  名札があれば名札を描く。 目印 (`data-cdl-scroll`) は id のまま。
+
+## [0.59.1] - 2026-09-13
+
+### Fixed
+
+- **読み出しが長い字を字数で省いていたため、和文が枠からはみ出していたのを直した** (#851)
+
+  12 種の読み出し (かんばんの札の題、縦の時の流れの題と説明、段の進みの名前、在席と小さな組織図と稼働の一覧の
+  名前、置き場のファイルの名前、ログの流れと知らせの帯の文、料金表の機能、記事の札の題と抜粋、目次の項目の題) は、
+  上限の字数を越えると `…` を付けて省く。 上限は英字の幅で決めてあり、和文は 1 字が英字のおよそ 2 倍の幅なので、
+  上限に届く前に枠からはみ出していた (実測 = かんばんの札は使える幅 114 に対し、和文 17 字で 187)。
+
+  上限を半角の桁数と読み替えて省く (ASCII の字を 1 桁、それ以外を 2 桁)。 英字だけの字は変更前と同じ所で省き、
+  和文は上限の半分の字数で省く。 2 桁の字が境目をまたぐ時は、その字を含めない。
+
+  記事の札の抜粋は、28 字を越えると 1 行目を 27 字と `…` で切り、2 行目を 29 字目から描いていたので、28 字目が
+  どちらの行にも出ず、1 行目の途中に `…` が入っていた。 1 行目に収まるだけの字を置いて残りを 2 行目に続け、
+  2 行目に収まらない時だけ `…` を付ける。 英字の抜粋も、29 字以上の時の描き方が変わる。
+
 ## [0.59.0] - 2026-09-13
 
 ### Added
@@ -2582,7 +2625,9 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.59.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.60.0...HEAD
+[0.60.0]: https://github.com/cardene777/cdl/compare/v0.59.1...v0.60.0
+[0.59.1]: https://github.com/cardene777/cdl/compare/v0.59.0...v0.59.1
 [0.59.0]: https://github.com/cardene777/cdl/compare/v0.58.0...v0.59.0
 [0.58.0]: https://github.com/cardene777/cdl/compare/v0.57.1...v0.58.0
 [0.57.1]: https://github.com/cardene777/cdl/compare/v0.57.0...v0.57.1

package/dist/index.cjs

@@ -755,7 +755,7 @@ function tokenize(src) {
           `invalid name "{${name}}" at position ${start} (\u7A7A\u767D / { } / . / [ ] \u306F\u540D\u524D\u306B\u4F7F\u3048\u306A\u3044)`
         );
       }
-      tokens.push({ kind: "id", name, pos: start });
+      tokens.push({ kind: "id", name, pos: start, end: close + 1 });
       i = close + 1;
       continue;
     }
@@ -804,7 +804,7 @@ function tokenize(src) {
           `property access "${name}.${src[i + 1] ?? ""}..." at position ${start} is not allowed (only Math.* namespace is accessible)`
         );
       }
-      tokens.push({ kind: "id", name, pos: start });
+      tokens.push({ kind: "id", name, pos: start, end: i });
       continue;
     }
     if (c === "+") {
@@ -1029,6 +1029,24 @@ function parseFormula(expression) {
   }
   return new Parser(tokens).parse();
 }
+function \u5F0F\u3092\u540D\u672D\u3067\u8AAD\u3080(expression, \u540D\u672D) {
+  let tokens;
+  try {
+    tokens = tokenize(expression);
+  } catch {
+    return expression;
+  }
+  let \u8AAD\u307F = "";
+  let \u524D = 0;
+  for (const t of tokens) {
+    if (t.kind !== "id") continue;
+    const \u672D = \u540D\u672D.get(t.name);
+    if (\u672D === void 0 || \u672D === "") continue;
+    \u8AAD\u307F += expression.slice(\u524D, t.pos) + \u672D;
+    \u524D = t.end;
+  }
+  return \u8AAD\u307F + expression.slice(\u524D);
+}
 function extractIdentifiers(ast, out = /* @__PURE__ */ new Set()) {
   switch (ast.type) {
     case "number":
@@ -1591,6 +1609,66 @@ function textWidth(s, size, \u5B57\u9001\u308A = 0) {
   }
   return \u5E45 * size + \u5B57\u9001\u308A * \u5B57\u6570;
 }
+
+// src/kinds/row-align.ts
+var GENERIC_ROW_LEFT_SIZE_PX = 18;
+var GENERIC_ROW_RIGHT_SIZE_PX = 21;
+var MONO_ADVANCE_RATIO = 0.6;
+var STORAGE_CHAR_ADVANCE_PX = 26 * MONO_ADVANCE_RATIO;
+var ROW_PAD_X_PX = 26;
+var ROW_COL_GAP_PX = 16;
+var STORAGE_COL_GAP_PX = 32;
+var ROW_RIGHT_PAD_PX = 26;
+var DELIMITERS = [" -> ", " \u2192 ", " = ", ": ", ":"];
+function splitRow(row) {
+  for (const d of DELIMITERS) {
+    const idx = row.indexOf(d);
+    if (idx > 0) {
+      return {
+        left: row.slice(0, idx).trim(),
+        right: row.slice(idx + d.length).trim(),
+        split: true
+      };
+    }
+  }
+  return { left: row.trim(), right: "", split: false };
+}
+function rowColumnWidth(text, size, mono) {
+  return mono ? displayWidth(text) * size * MONO_ADVANCE_RATIO : textWidth(text, size);
+}
+function displayWidth(text) {
+  let w = 0;
+  for (const ch of text) {
+    const code = ch.codePointAt(0) ?? 0;
+    w += code >= 32 && code <= 126 ? 1 : 2;
+  }
+  return w;
+}
+function \u6841\u3067\u5272\u308B(text, \u6841) {
+  let w = 0;
+  let \u53D6\u3063\u305F = "";
+  for (const ch of text) {
+    const code = ch.codePointAt(0) ?? 0;
+    const \u5B57\u306E\u6841 = code >= 32 && code <= 126 ? 1 : 2;
+    if (w + \u5B57\u306E\u6841 > \u6841) break;
+    w += \u5B57\u306E\u6841;
+    \u53D6\u3063\u305F += ch;
+  }
+  return [\u53D6\u3063\u305F, text.slice(\u53D6\u3063\u305F.length)];
+}
+function \u6841\u3067\u7701\u304F(text, \u4E0A\u9650) {
+  if (displayWidth(text) <= \u4E0A\u9650) return text;
+  return `${\u6841\u3067\u5272\u308B(text, \u4E0A\u9650 - 1)[0]}\u2026`;
+}
+function requiredRowsWidth(rows, kind) {
+  if (!rows || rows.length === 0) return 0;
+  const splits = rows.map(splitRow);
+  const \u4E00\u756A\u5E83\u3044 = (\u53D6\u308B) => splits.reduce((m, s) => Math.max(m, \u53D6\u308B(s)), 0);
+  const storage = ROW_PAD_X_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.left, 26, true)) + STORAGE_COL_GAP_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.right, 26, true)) + ROW_RIGHT_PAD_PX;
+  const generic = ROW_PAD_X_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.left, GENERIC_ROW_LEFT_SIZE_PX, false)) + ROW_COL_GAP_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.right, GENERIC_ROW_RIGHT_SIZE_PX, true)) + ROW_RIGHT_PAD_PX;
+  if (kind === void 0) return Math.ceil(Math.max(storage, generic));
+  return Math.ceil(kind === "storage" ? storage : generic);
+}
 var \u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E = react.createContext("en");
 function use\u5B57\u5F15() {
   const lang = react.useContext(\u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E);
@@ -1922,6 +2000,8 @@ function useInteractiveIntegration(diagram2, options = {}) {
     const readouts = diagram2.readouts ?? [];
     if (inputs.length === 0 && scrolls.length === 0 && formulasList.length === 0 && readouts.length === 0)
       return null;
+    const \u540D\u672D = /* @__PURE__ */ new Map();
+    for (const x of [...inputs, ...formulasList]) if (x.label) \u540D\u672D.set(x.id, x.label);
     return (
       // 操作部の中の読み出しと入力欄へ、図の言語を届ける (#849)。 型の外の値は英語に落ちる
       /* @__PURE__ */ jsxRuntime.jsx(\u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E.Provider, { value: resolveLang(diagram2.lang), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-root", "data-cdl-interactive-panel": "true", children: [
@@ -1930,12 +2010,13 @@ function useInteractiveIntegration(diagram2, options = {}) {
           FormulaReadout,
           {
             id: f.id,
-            expression: f.expression,
+            name: f.label || f.id,
+            expression: f.label ? \u5F0F\u3092\u540D\u672D\u3067\u8AAD\u3080(f.expression, \u540D\u672D) : f.expression,
             value: stateOverrides[f.id]
           },
           f.id
         )) }),
-        scrolls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: scrolls.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ScrollReadout, { id: s.id, progress: stateOverrides[s.id] }, s.id)) }),
+        scrolls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: scrolls.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ScrollReadout, { id: s.id, name: s.label || s.id, progress: stateOverrides[s.id] }, s.id)) }),
         readouts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: readouts.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ReadoutWidget, { readout: r, stateOverrides: mergedStateValues }, r.id)) })
       ] }) })
     );
@@ -2192,11 +2273,12 @@ function NumberInputWidget({
 }
 function FormulaReadout({
   id,
+  name,
   expression,
   value
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-formula", "data-cdl-formula": id, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: id }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: name }),
     /* @__PURE__ */ jsxRuntime.jsxs("code", { className: "cdl-ip-formula-expr", children: [
       "= ",
       expression
@@ -2204,11 +2286,11 @@ function FormulaReadout({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-formula-value", children: String(value ?? "") })
   ] });
 }
-function ScrollReadout({ id, progress }) {
+function ScrollReadout({ id, name, progress }) {
   const p = typeof progress === "number" ? progress : 0;
   const pct = Math.round(p * 100);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-scroll", "data-cdl-scroll": id, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: id }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: name }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-scroll-track", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-scroll-fill", style: { width: `${pct}%` } }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-scroll-value", children: [
       pct,
@@ -7534,7 +7616,7 @@ function KanbanBoardReadout({
                     style: { userSelect: "none" },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("title", { children: task.title }),
-                      task.title.length > 18 ? `${task.title.slice(0, 17)}\u2026` : task.title
+                      \u6841\u3067\u7701\u304F(task.title, 18)
                     ]
                   }
                 )
@@ -7671,7 +7753,7 @@ function TimelineVerticalReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: ev.title }),
-                    ev.title.length > 38 ? `${ev.title.slice(0, 37)}\u2026` : ev.title
+                    \u6841\u3067\u7701\u304F(ev.title, 38)
                   ]
                 }
               ),
@@ -7685,7 +7767,7 @@ function TimelineVerticalReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: ev.description }),
-                    ev.description.length > 44 ? `${ev.description.slice(0, 43)}\u2026` : ev.description
+                    \u6841\u3067\u7701\u304F(ev.description, 44)
                   ]
                 }
               ) : null
@@ -8028,7 +8110,7 @@ function StepProgressReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: s }),
-                    s.length > 10 ? `${s.slice(0, 9)}\u2026` : s
+                    \u6841\u3067\u7701\u304F(s, 10)
                   ]
                 }
               )
@@ -8089,7 +8171,7 @@ function UserPresenceReadout({
                   fontWeight: 500,
                   fill: "#0f172a",
                   style: { userSelect: "none" },
-                  children: u.name.length > 24 ? `${u.name.slice(0, 23)}\u2026` : u.name
+                  children: \u6841\u3067\u7701\u304F(u.name, 24)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -8251,7 +8333,7 @@ function OrgChartMiniReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: n.name }),
-                    n.name.length > 10 ? `${n.name.slice(0, 9)}\u2026` : n.name
+                    \u6841\u3067\u7701\u304F(n.name, 10)
                   ]
                 }
               ),
@@ -8831,7 +8913,7 @@ function FileDropzoneReadout({
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 54, y: 34, fontSize: 12, fontWeight: 600, fill: "#0f172a", style: { userSelect: "none" }, children: [
               /* @__PURE__ */ jsxRuntime.jsx("title", { children: filename }),
-              filename.length > 26 ? `${filename.slice(0, 25)}\u2026` : filename
+              \u6841\u3067\u7701\u304F(filename, 26)
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("text", { x: 54, y: 50, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.dropzone.uploaded" }) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-dropzone-empty": "1", children: [
@@ -8910,7 +8992,7 @@ function LogStreamReadout({
           /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width, height, fill: "#0f172a", rx: 4 }),
           shown.map((r, i) => {
             const y = 4 + i * rowH;
-            const displayMsg = r.msg.length > 24 ? `${r.msg.slice(0, 23)}\u2026` : r.msg;
+            const displayMsg = \u6841\u3067\u7701\u304F(r.msg, 24);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-log-row": i, children: [
               /* @__PURE__ */ jsxRuntime.jsx("text", { x: 6, y: y + 12, fontSize: 9, fill: "#94a3b8", fontFamily: "monospace", style: { userSelect: "none" }, children: r.ts }),
               /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 62, y: y + 3, width: 26, height: 12, fill: levelColors[r.level] ?? "#94a3b8", rx: 2 }),
@@ -9010,7 +9092,7 @@ function AlertBannerReadout({
               style: { userSelect: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("title", { children: message }),
-                message.length > 32 ? `${message.slice(0, 31)}\u2026` : message
+                \u6841\u3067\u7701\u304F(message, 32)
               ]
             }
           )
@@ -9080,7 +9162,7 @@ function ServiceHealthReadout({
                 style: { userSelect: "none" },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("title", { children: s.name }),
-                  s.name.length > 10 ? `${s.name.slice(0, 9)}\u2026` : s.name
+                  \u6841\u3067\u7701\u304F(s.name, 10)
                 ]
               }
             )
@@ -9259,7 +9341,7 @@ function PricingTierReadout({
           ),
           features.slice(0, 3).map((f, i) => {
             const y = 96 + i * 18;
-            const displayF = f.length > 24 ? `${f.slice(0, 23)}\u2026` : f;
+            const displayF = \u6841\u3067\u7701\u304F(f, 24);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-tier-feature": i, children: [
               /* @__PURE__ */ jsxRuntime.jsx("text", { x: 16, y, fontSize: 11, fill: colorAccent, style: { userSelect: "none" }, children: "\u2713" }),
               /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 30, y, fontSize: 11, fill: "#0f172a", style: { userSelect: "none" }, children: [
@@ -9410,6 +9492,7 @@ function ArticlePreviewReadout({
   const width = 300;
   const height = 116;
   const thumbW = 80;
+  const [\u629C\u7C8B\u306E\u4E00\u884C\u76EE, \u629C\u7C8B\u306E\u6B8B\u308A] = \u6841\u3067\u5272\u308B(excerpt, 28);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-article-preview", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9446,15 +9529,15 @@ function ArticlePreviewReadout({
               style: { userSelect: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-                title.length > 26 ? `${title.slice(0, 25)}\u2026` : title
+                \u6841\u3067\u7701\u304F(title, 26)
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("text", { x: thumbW + 20, y: 44, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("title", { children: excerpt }),
-            excerpt.length > 28 ? `${excerpt.slice(0, 27)}\u2026` : excerpt
+            \u629C\u7C8B\u306E\u4E00\u884C\u76EE
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: 60, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: excerpt.length > 56 ? `${excerpt.slice(28, 55)}\u2026` : excerpt.slice(28, 56) }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: 60, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: \u6841\u3067\u7701\u304F(\u629C\u7C8B\u306E\u6B8B\u308A, 28) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: height - 14, fontSize: 10, fontWeight: 600, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.article.by", v: { author } }) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: width - 8, y: height - 14, fontSize: 10, textAnchor: "end", fill: "#94a3b8", style: { userSelect: "none" }, children: timeAgo })
         ]
@@ -9506,7 +9589,7 @@ function TocNavReadout({
           shown.map((it, i) => {
             const y = 4 + i * rowH;
             const indent = 12 + it.level * 16;
-            const displayT = it.title.length > 30 ? `${it.title.slice(0, 29)}\u2026` : it.title;
+            const displayT = \u6841\u3067\u7701\u304F(it.title, 30);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-toc-item": i, children: [
               it.active ? /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 4, y, width: 3, height: rowH - 4, fill: colorActive, rx: 1 }) : null,
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10256,7 +10339,7 @@ function diagram(id, options) {
         return api;
       }
     },
-    formula(formulaId, expression) {
+    formula(formulaId, expression, opts) {
       assertUniqueFormulaId(formulaId);
       try {
         parseFormula(expression);
@@ -10264,10 +10347,10 @@ function diagram(id, options) {
         const msg = e instanceof Error ? e.message : String(e);
         throw new Error(`formula '${formulaId}' \u306E expression syntax error: ${msg}`);
       }
-      formulas.push({ id: formulaId, expression });
+      formulas.push({ id: formulaId, expression, ...opts?.label ? { label: opts.label } : {} });
       return api;
     },
-    deriveChain(baseId, count, exprFn) {
+    deriveChain(baseId, count, exprFn, opts) {
       if (!Number.isInteger(count) || count < 1 || count > 100) {
         throw new Error(`deriveChain: count (${count}) \u306F 1..100 \u306E\u6574\u6570\u3067\u3042\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059`);
       }
@@ -10283,7 +10366,8 @@ function diagram(id, options) {
           const msg = e instanceof Error ? e.message : String(e);
           throw new Error(`deriveChain '${id2}' \u306E expression syntax error: ${msg}`);
         }
-        formulas.push({ id: id2, expression: expr });
+        const label = opts?.label?.(i);
+        formulas.push({ id: id2, expression: expr, ...label ? { label } : {} });
         prev = id2;
       }
       return api;
@@ -20815,50 +20899,6 @@ function recomputeContainedLanes(lanes, nodes) {
   });
 }
 
-// src/kinds/row-align.ts
-var GENERIC_ROW_LEFT_SIZE_PX = 18;
-var GENERIC_ROW_RIGHT_SIZE_PX = 21;
-var MONO_ADVANCE_RATIO = 0.6;
-var STORAGE_CHAR_ADVANCE_PX = 26 * MONO_ADVANCE_RATIO;
-var ROW_PAD_X_PX = 26;
-var ROW_COL_GAP_PX = 16;
-var STORAGE_COL_GAP_PX = 32;
-var ROW_RIGHT_PAD_PX = 26;
-var DELIMITERS = [" -> ", " \u2192 ", " = ", ": ", ":"];
-function splitRow(row) {
-  for (const d of DELIMITERS) {
-    const idx = row.indexOf(d);
-    if (idx > 0) {
-      return {
-        left: row.slice(0, idx).trim(),
-        right: row.slice(idx + d.length).trim(),
-        split: true
-      };
-    }
-  }
-  return { left: row.trim(), right: "", split: false };
-}
-function rowColumnWidth(text, size, mono) {
-  return mono ? displayWidth(text) * size * MONO_ADVANCE_RATIO : textWidth(text, size);
-}
-function displayWidth(text) {
-  let w = 0;
-  for (const ch of text) {
-    const code = ch.codePointAt(0) ?? 0;
-    w += code >= 32 && code <= 126 ? 1 : 2;
-  }
-  return w;
-}
-function requiredRowsWidth(rows, kind) {
-  if (!rows || rows.length === 0) return 0;
-  const splits = rows.map(splitRow);
-  const \u4E00\u756A\u5E83\u3044 = (\u53D6\u308B) => splits.reduce((m, s) => Math.max(m, \u53D6\u308B(s)), 0);
-  const storage = ROW_PAD_X_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.left, 26, true)) + STORAGE_COL_GAP_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.right, 26, true)) + ROW_RIGHT_PAD_PX;
-  const generic = ROW_PAD_X_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.left, GENERIC_ROW_LEFT_SIZE_PX, false)) + ROW_COL_GAP_PX + \u4E00\u756A\u5E83\u3044((s) => rowColumnWidth(s.right, GENERIC_ROW_RIGHT_SIZE_PX, true)) + ROW_RIGHT_PAD_PX;
-  if (kind === void 0) return Math.ceil(Math.max(storage, generic));
-  return Math.ceil(kind === "storage" ? storage : generic);
-}
-
 // src/layout/head-label.ts
 var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = 22;
 var \u7AEF\u306E\u5B57\u3068\u7DDA\u306E\u9699\u9593 = 8;