@imanect/yui 0.1.0 → 0.2.0

package/dist/render/scene.d.ts

@@ -0,0 +1,60 @@
+/**
+ * シーン: レイアウトの結果（箱・線・文字の並び）。SVG にも React にも、この 1 つから描く。
+ * 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
+ */
+import type { Token } from "./theme.js";
+interface Common {
+    /** マウスを載せたときの説明（SVG の <title>）。 */
+    hint?: string;
+    opacity?: number;
+}
+export type Item = (Common & {
+    t: "rect";
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    r?: number;
+    fill: Token;
+    stroke?: Token;
+    strokeWidth?: number;
+}) | (Common & {
+    t: "path";
+    d: string;
+    fill?: Token;
+    stroke?: Token;
+    strokeWidth?: number;
+    dash?: string;
+    arrow?: boolean;
+}) | (Common & {
+    t: "circle";
+    cx: number;
+    cy: number;
+    r: number;
+    fill: Token;
+    stroke?: Token;
+    strokeWidth?: number;
+}) | (Common & {
+    t: "text";
+    x: number;
+    y: number;
+    text: string;
+    size: number;
+    fill: Token;
+    weight?: number;
+    anchor?: "start" | "middle" | "end";
+    /** tabular-nums にするか（目盛りなど縦に揃える数字）。 */
+    tabular?: boolean;
+});
+export interface Scene {
+    width: number;
+    height: number;
+    items: Item[];
+    /** 読み上げ用の見出しと説明（テキスト化した図）。 */
+    title: string;
+    desc: string;
+}
+/** 上の角だけ丸い棒（下向きなら下の角）。 */
+export declare function barPath(x: number, y: number, w: number, h: number, r: number, end: "top" | "bottom" | "right" | "left"): string;
+export {};
+//# sourceMappingURL=scene.d.ts.map

package/dist/render/scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/render/scene.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,MAAM;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,IAAI,GACZ,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACnI,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GACvH,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAChH,CAAC,MAAM,GAAG;IACR,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEP,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,0BAA0B;AAC1B,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAa/H"}

package/dist/render/scene.js

@@ -0,0 +1,20 @@
+/**
+ * シーン: レイアウトの結果（箱・線・文字の並び）。SVG にも React にも、この 1 つから描く。
+ * 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
+ */
+/** 上の角だけ丸い棒（下向きなら下の角）。 */
+export function barPath(x, y, w, h, r, end) {
+    const rr = Math.max(0, Math.min(r, w / 2, h / 2));
+    const f = (n) => +n.toFixed(2);
+    if (end === "top") {
+        return `M${f(x)},${f(y + h)}V${f(y + rr)}Q${f(x)},${f(y)} ${f(x + rr)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h)}Z`;
+    }
+    if (end === "bottom") {
+        return `M${f(x)},${f(y)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w)},${f(y + h - rr)}V${f(y)}Z`;
+    }
+    if (end === "right") {
+        return `M${f(x)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w - rr)},${f(y + h)}H${f(x)}Z`;
+    }
+    return `M${f(x + w)},${f(y)}H${f(x + rr)}Q${f(x)},${f(y)} ${f(x)},${f(y + rr)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w)}Z`;
+}
+//# sourceMappingURL=scene.js.map

package/dist/render/scene.js.map

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

package/dist/render/stack.d.ts

@@ -0,0 +1,11 @@
+/**
+ * stack: 層構成図のレイアウト。
+ *
+ * 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
+ * 層の中の要素は格子（4 個なら 2×2）。配色はレンダラーが決める:
+ * 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
+ */
+import type { StackFigure } from "../ir.js";
+import { type Ctx } from "./frame.js";
+export declare function layoutStack(ctx: Ctx, f: StackFigure, top: number): number;
+//# sourceMappingURL=stack.d.ts.map

package/dist/render/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/render/stack.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAa,KAAK,GAAG,EAAc,MAAM,YAAY,CAAC;AA6C7D,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAwBzE"}

package/dist/render/stack.js

@@ -0,0 +1,112 @@
+/**
+ * stack: 層構成図のレイアウト。
+ *
+ * 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
+ * 層の中の要素は格子（4 個なら 2×2）。配色はレンダラーが決める:
+ * 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
+ */
+import { BODY_SIZE, SMALL_SIZE } from "./frame.js";
+import { wrap } from "./measure.js";
+const TITLE = 14;
+const ARROW_GAP = 28;
+const ROW_GAP = 10;
+const CHILD_GAP = 8;
+function measureBox(ctx, box, w) {
+    const inner = w - 24;
+    const titleLines = wrap(box.title + (box.refs.length ? ` ${box.refs.map((r) => `[${r}]`).join("")}` : ""), inner, TITLE, ctx.measure, 2, 600);
+    const descLines = box.desc ? wrap(box.desc, inner, BODY_SIZE, ctx.measure, 3) : [];
+    const n = box.children.length;
+    let childCols = 0;
+    let childLines = [];
+    let childH = 0;
+    if (n > 0) {
+        const maxCols = inner < 300 ? 2 : inner < 520 ? 3 : 4;
+        childCols = n === 4 ? 2 : Math.min(n, maxCols);
+        const cw = (inner - CHILD_GAP * (childCols - 1)) / childCols;
+        childLines = box.children.map((c) => wrap(c.desc ? `${c.title}` : c.title, cw - 16, 13, ctx.measure, 2));
+        const rows = Math.ceil(n / childCols);
+        let total = 0;
+        for (let r = 0; r < rows; r++) {
+            const inRow = childLines.slice(r * childCols, (r + 1) * childCols);
+            const hasDesc = box.children.slice(r * childCols, (r + 1) * childCols).some((c) => c.desc);
+            total += Math.max(...inRow.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
+        }
+        childH = total + CHILD_GAP * (rows - 1);
+    }
+    const h = 14 + titleLines.length * 19 + (descLines.length ? 2 + descLines.length * 16 : 0) + (childH ? 12 + childH : 0) + 14;
+    return { box, titleLines, descLines, childCols, childLines, childH, h };
+}
+export function layoutStack(ctx, f, top) {
+    const inner = ctx.width - ctx.pad * 2;
+    let y = top;
+    f.tiers.forEach((tier, ti) => {
+        if (ti > 0) {
+            // 層の間の矢印（とラベル）
+            const cx = ctx.width / 2;
+            ctx.items.push({ t: "path", d: `M${cx},${y + 4}V${y + ARROW_GAP - 5}`, stroke: "muted", strokeWidth: 1.5, arrow: true });
+            if (tier.arrowLabel)
+                ctx.items.push({ t: "text", x: cx + 10, y: y + ARROW_GAP / 2 + 4, text: tier.arrowLabel, size: SMALL_SIZE, fill: "ink2" });
+            y += ARROW_GAP;
+        }
+        // 横並びは 1 つ 140px 以上を保ち、収まらなければ折り返す
+        const n = tier.boxes.length;
+        const perRow = Math.max(1, Math.min(n, Math.floor((inner + ROW_GAP) / (140 + ROW_GAP))));
+        for (let start = 0; start < n; start += perRow) {
+            const row = tier.boxes.slice(start, start + perRow);
+            const w = (inner - ROW_GAP * (row.length - 1)) / row.length;
+            const ms = row.map((b) => measureBox(ctx, b, w));
+            const h = Math.max(...ms.map((m) => m.h));
+            ms.forEach((m, k) => drawBox(ctx, m, ctx.pad + k * (w + ROW_GAP), y, w, h, ti));
+            y += h + (start + perRow < n ? ROW_GAP : 0);
+        }
+    });
+    return y + 12;
+}
+function drawBox(ctx, m, x, y, w, h, tierIndex) {
+    const hasChildren = m.box.children.length > 0;
+    const fill = hasChildren ? "accentWash" : tierIndex === 0 ? "surface2" : "surface";
+    const stroke = hasChildren ? "accentLine" : "border";
+    const hint = [m.box.title, m.box.desc, ...m.box.children.map((c) => c.title)].filter(Boolean).join(" / ");
+    ctx.items.push({ t: "rect", x, y, w, h, r: 10, fill, ...(tierIndex === 0 && !hasChildren ? {} : { stroke, strokeWidth: 1 }), hint });
+    const cx = x + w / 2;
+    let yy = y + 14;
+    m.titleLines.forEach((l) => {
+        ctx.items.push({ t: "text", x: cx, y: yy + TITLE, text: l, size: TITLE, weight: 600, fill: "ink", anchor: "middle" });
+        yy += 19;
+    });
+    if (m.descLines.length) {
+        yy += 2;
+        m.descLines.forEach((l) => {
+            ctx.items.push({ t: "text", x: cx, y: yy + 12, text: l, size: BODY_SIZE, fill: "ink2", anchor: "middle" });
+            yy += 16;
+        });
+    }
+    if (!hasChildren)
+        return;
+    yy += 12;
+    const innerW = w - 24;
+    const cols = m.childCols;
+    const cw = (innerW - CHILD_GAP * (cols - 1)) / cols;
+    const rows = Math.ceil(m.box.children.length / cols);
+    for (let r = 0; r < rows; r++) {
+        const kids = m.box.children.slice(r * cols, (r + 1) * cols);
+        const lines = m.childLines.slice(r * cols, (r + 1) * cols);
+        const hasDesc = kids.some((c) => c.desc);
+        const ch = Math.max(...lines.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
+        // 最後の行が埋まらないときは中央に寄せる
+        const offset = ((cols - kids.length) * (cw + CHILD_GAP)) / 2;
+        kids.forEach((c, k) => {
+            const kx = x + 12 + offset + k * (cw + CHILD_GAP);
+            ctx.items.push({ t: "rect", x: kx, y: yy, w: cw, h: ch, r: 8, fill: "surface", hint: c.desc ? `${c.title}: ${c.desc}` : c.title });
+            let ty = yy + 9 + 13;
+            lines[k].forEach((l) => {
+                ctx.items.push({ t: "text", x: kx + cw / 2, y: ty, text: l, size: 13, fill: "ink", anchor: "middle" });
+                ty += 17;
+            });
+            if (c.desc)
+                ctx.items.push({ t: "text", x: kx + cw / 2, y: ty - 2, text: wrap(c.desc, cw - 12, SMALL_SIZE, ctx.measure, 1)[0], size: SMALL_SIZE, fill: "muted", anchor: "middle" });
+        });
+        yy += ch + CHILD_GAP;
+    }
+}
+//# sourceMappingURL=stack.js.map

package/dist/render/stack.js.map

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

package/dist/render/stat.d.ts

@@ -0,0 +1,5 @@
+/** stat: 数値カードを格子に並べる。値は大きく、項目名と補足は控えめに。 */
+import type { StatFigure } from "../ir.js";
+import { type Ctx } from "./frame.js";
+export declare function layoutStat(ctx: Ctx, f: StatFigure, top: number): number;
+//# sourceMappingURL=stat.d.ts.map

package/dist/render/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/render/stat.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjD,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CA8BvE"}

package/dist/render/stat.js

@@ -0,0 +1,36 @@
+/** stat: 数値カードを格子に並べる。値は大きく、項目名と補足は控えめに。 */
+import { BODY_SIZE } from "./frame.js";
+import { fit, wrap } from "./measure.js";
+const MIN_CARD = 150;
+const GAP = 10;
+export function layoutStat(ctx, f, top) {
+    const n = f.items.length;
+    if (n === 0)
+        return top;
+    const inner = ctx.width - ctx.pad * 2;
+    const cols = Math.max(1, Math.min(n, Math.floor((inner + GAP) / (MIN_CARD + GAP)), n === 4 && inner < 4 * MIN_CARD + 3 * GAP ? 2 : 6));
+    const cardW = (inner - GAP * (cols - 1)) / cols;
+    const pad = 12;
+    // 値の文字の大きさは、全カードで揃える（いちばん長い値が収まる大きさ）
+    let valueSize = 24;
+    while (valueSize > 16 && f.items.some((it) => ctx.measure(it.value, valueSize, 600) > cardW - pad * 2))
+        valueSize -= 2;
+    const subLines = f.items.map((it) => (it.sub ? wrap(it.sub, cardW - pad * 2, BODY_SIZE, ctx.measure, 2) : []));
+    const maxSub = Math.max(0, ...subLines.map((l) => l.length));
+    const cardH = pad + 14 + 8 + valueSize + (maxSub ? 6 + maxSub * 16 : 0) + pad;
+    f.items.forEach((it, i) => {
+        const c = i % cols;
+        const r = Math.floor(i / cols);
+        const x = ctx.pad + c * (cardW + GAP);
+        const y = top + r * (cardH + GAP);
+        const refs = it.refs.length ? ` ${it.refs.map((n) => `[${n}]`).join("")}` : "";
+        ctx.items.push({ t: "rect", x, y, w: cardW, h: cardH, r: 8, fill: "surface2", hint: `${it.label}: ${it.value}${it.sub ? `（${it.sub}）` : ""}` });
+        ctx.items.push({ t: "text", x: x + pad, y: y + pad + 12, text: fit(it.label + refs, cardW - pad * 2, BODY_SIZE, ctx.measure), size: BODY_SIZE, fill: "ink2" });
+        const vy = y + pad + 14 + 8 + valueSize * 0.85;
+        ctx.items.push({ t: "text", x: x + pad, y: vy, text: fit(it.value, cardW - pad * 2, valueSize, ctx.measure, 600), size: valueSize, weight: 600, fill: "ink" });
+        subLines[i].forEach((l, k) => ctx.items.push({ t: "text", x: x + pad, y: vy + valueSize * 0.15 + 6 + 12 + k * 16, text: l, size: BODY_SIZE, fill: "muted" }));
+    });
+    const rows = Math.ceil(n / cols);
+    return top + rows * cardH + (rows - 1) * GAP + 8;
+}
+//# sourceMappingURL=stat.js.map

package/dist/render/stat.js.map

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

package/dist/render/svg.d.ts

@@ -0,0 +1,19 @@
+/**
+ * シーンを SVG の文字列にする。
+ *
+ * - theme: "auto"（画面向け。CSS 変数で色を参照し、OS とページの明暗に追従。幅は親に合わせて伸縮）
+ * - theme: "light" / "dark"（書き出し向け。色と寸法を焼き込む。CSS 変数を解釈しない描画系でも同じ見た目）
+ *
+ * 文字はすべてエスケープする。外部の画像・スクリプト・リンクは出力しない。
+ */
+import type { Figure } from "../ir.js";
+import { type LayoutOptions } from "./layout.js";
+import type { Scene } from "./scene.js";
+import { type ThemeMode } from "./theme.js";
+export interface SvgOptions extends LayoutOptions {
+    theme?: ThemeMode;
+}
+export declare function sceneToSVG(scene: Scene, theme?: ThemeMode): string;
+/** 図を SVG にする。 */
+export declare function renderSVG(figure: Figure, opts?: SvgOptions): string;
+//# sourceMappingURL=svg.d.ts.map

package/dist/render/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAQ,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAyB,KAAK,SAAS,EAAc,MAAM,YAAY,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAuDD,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAE,SAAkB,GAAG,MAAM,CAkB1E;AAED,kBAAkB;AAClB,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,GAAE,UAAe,GAAG,MAAM,CAEvE"}

package/dist/render/svg.js

@@ -0,0 +1,88 @@
+/**
+ * シーンを SVG の文字列にする。
+ *
+ * - theme: "auto"（画面向け。CSS 変数で色を参照し、OS とページの明暗に追従。幅は親に合わせて伸縮）
+ * - theme: "light" / "dark"（書き出し向け。色と寸法を焼き込む。CSS 変数を解釈しない描画系でも同じ見た目）
+ *
+ * 文字はすべてエスケープする。外部の画像・スクリプト・リンクは出力しない。
+ */
+import { layout } from "./layout.js";
+import { FONT, paint, themeCss } from "./theme.js";
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+const n = (v) => +v.toFixed(2);
+/** 同じ内容なら同じ id になるようにする（出力を決定的にし、同じページに複数置いても衝突しにくく）。 */
+function hashId(scene) {
+    let h = 5381;
+    const src = `${scene.width}x${scene.height}|${scene.items.length}|${scene.desc}`;
+    for (let i = 0; i < src.length; i++)
+        h = ((h << 5) + h + src.charCodeAt(i)) >>> 0;
+    return `yui${h.toString(36)}`;
+}
+/** 色の指定。auto は style 属性（CSS 変数）、焼き込みは属性。 */
+function colorAttrs(mode, props) {
+    if (mode === "auto") {
+        const css = [];
+        if (props.fill)
+            css.push(`fill:${props.fill === "none" ? "none" : paint(props.fill, mode)}`);
+        if (props.stroke)
+            css.push(`stroke:${paint(props.stroke, mode)}`);
+        return css.length ? ` style="${css.join(";")}"` : "";
+    }
+    let a = "";
+    if (props.fill)
+        a += ` fill="${props.fill === "none" ? "none" : paint(props.fill, mode)}"`;
+    if (props.stroke)
+        a += ` stroke="${paint(props.stroke, mode)}"`;
+    return a;
+}
+function item(it, mode, arrowId) {
+    const title = it.hint ? `<title>${esc(it.hint)}</title>` : "";
+    const op = it.opacity !== undefined ? ` opacity="${it.opacity}"` : "";
+    const wrapTitle = (open, selfClose) => (title ? `${open}>${title}</${selfClose}>` : `${open}/>`);
+    switch (it.t) {
+        case "rect": {
+            const sw = it.stroke ? ` stroke-width="${it.strokeWidth ?? 1}"` : "";
+            return wrapTitle(`<rect x="${n(it.x)}" y="${n(it.y)}" width="${n(Math.max(0, it.w))}" height="${n(Math.max(0, it.h))}"${it.r ? ` rx="${n(it.r)}"` : ""}${colorAttrs(mode, { fill: it.fill, ...(it.stroke ? { stroke: it.stroke } : {}) })}${sw}${op}`, "rect");
+        }
+        case "circle": {
+            const sw = it.stroke ? ` stroke-width="${it.strokeWidth ?? 1}"` : "";
+            return wrapTitle(`<circle cx="${n(it.cx)}" cy="${n(it.cy)}" r="${n(it.r)}"${colorAttrs(mode, { fill: it.fill, ...(it.stroke ? { stroke: it.stroke } : {}) })}${sw}${op}`, "circle");
+        }
+        case "path": {
+            const stroke = it.stroke ? ` stroke-width="${it.strokeWidth ?? 1}" stroke-linecap="round" stroke-linejoin="round"` : "";
+            const dash = it.dash ? ` stroke-dasharray="${it.dash}"` : "";
+            const arrow = it.arrow ? ` marker-end="url(#${arrowId})"` : "";
+            return wrapTitle(`<path d="${it.d}"${colorAttrs(mode, { fill: it.fill ?? "none", ...(it.stroke ? { stroke: it.stroke } : {}) })}${stroke}${dash}${arrow}${op}`, "path");
+        }
+        case "text": {
+            const anchor = it.anchor && it.anchor !== "start" ? ` text-anchor="${it.anchor}"` : "";
+            const weight = it.weight ? ` font-weight="${it.weight}"` : "";
+            const tab = it.tabular ? ` font-variant-numeric="tabular-nums"` : "";
+            return `<text x="${n(it.x)}" y="${n(it.y)}" font-size="${it.size}"${weight}${anchor}${tab}${colorAttrs(mode, { fill: it.fill })}${op}>${esc(it.text)}${title}</text>`;
+        }
+    }
+}
+export function sceneToSVG(scene, theme = "auto") {
+    const id = hashId(scene);
+    const arrowId = `${id}-arrow`;
+    const size = theme === "auto" ? `width="100%" style="max-width:${scene.width}px;height:auto;display:block"` : `width="${scene.width}" height="${scene.height}"`;
+    const titleId = `${id}-t`;
+    const descId = `${id}-d`;
+    const bg = theme === "auto" ? "" : `<rect width="100%" height="100%"${colorAttrs(theme, { fill: "surface" })}/>`;
+    const style = theme === "auto" ? `<style>${themeCss(`.${id}`)}</style>` : "";
+    const marker = `<defs><marker id="${arrowId}" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M1,1L9,5L1,9Z"${colorAttrs(theme, { fill: "muted" })}/></marker></defs>`;
+    return [
+        `<svg xmlns="http://www.w3.org/2000/svg" class="${id}" viewBox="0 0 ${scene.width} ${scene.height}" ${size} role="img" aria-labelledby="${titleId} ${descId}" font-family='${FONT}'>`,
+        `<title id="${titleId}">${esc(scene.title)}</title><desc id="${descId}">${esc(scene.desc)}</desc>`,
+        style,
+        marker,
+        bg,
+        ...scene.items.map((it) => item(it, theme, arrowId)),
+        "</svg>",
+    ].join("");
+}
+/** 図を SVG にする。 */
+export function renderSVG(figure, opts = {}) {
+    return sceneToSVG(layout(figure, opts), opts.theme ?? "auto");
+}
+//# sourceMappingURL=svg.js.map

package/dist/render/svg.js.map

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

package/dist/render/theme.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 配色。dataviz の検証済み参照パレット（カテゴリ 8 色・明暗それぞれ）を既定にする。
+ * 画面では CSS 変数（`--yui-*`）でホストが上書きでき、書き出しでは色を焼き込む。
+ */
+export declare const TOKENS: readonly ["surface", "surface2", "ink", "ink2", "muted", "grid", "axis", "border", "accentWash", "accentLine", "s1", "s2", "s3", "s4", "s5", "s6", "s7", "s8"];
+export type Token = (typeof TOKENS)[number];
+export type Palette = Record<Token, string>;
+export declare const LIGHT: Palette;
+export declare const DARK: Palette;
+export declare const SERIES: Token[];
+export declare const FONT = "system-ui, -apple-system, \"Segoe UI\", \"Hiragino Sans\", \"Noto Sans JP\", sans-serif";
+/**
+ * 画面用の既定値を CSS で定義する（OS の設定と、ページの data-theme の両方に従う）。
+ * 各色は `var(--yui-<token>, var(--yui-default-<token>))` で参照し、ホストの上書きを優先する。
+ */
+export declare function themeCss(scope: string): string;
+export type ThemeMode = "auto" | "light" | "dark";
+/** トークンを塗りの値にする。auto は CSS 変数、light / dark は焼き込み。 */
+export declare function paint(token: Token, mode: ThemeMode): string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/render/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/render/theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM,gKAmBT,CAAC;AACX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAE5C,eAAO,MAAM,KAAK,EAAE,OAmBnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,OAmBlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,EAAqD,CAAC;AAEhF,eAAO,MAAM,IAAI,4FAAsF,CAAC;AAExG;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO9C;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAElD,qDAAqD;AACrD,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAI3D"}

package/dist/render/theme.js

@@ -0,0 +1,87 @@
+/**
+ * 配色。dataviz の検証済み参照パレット（カテゴリ 8 色・明暗それぞれ）を既定にする。
+ * 画面では CSS 変数（`--yui-*`）でホストが上書きでき、書き出しでは色を焼き込む。
+ */
+export const TOKENS = [
+    "surface", // 図の背景
+    "surface2", // 層・カードの塗り
+    "ink", // 主な文字
+    "ink2", // 補助の文字
+    "muted", // 軸・注記
+    "grid", // 目盛り線
+    "axis", // 基線・矢印
+    "border", // 箱の枠
+    "accentWash", // 強調する層の塗り
+    "accentLine", // 強調する層の枠
+    "s1",
+    "s2",
+    "s3",
+    "s4",
+    "s5",
+    "s6",
+    "s7",
+    "s8",
+];
+export const LIGHT = {
+    surface: "#fcfcfb",
+    surface2: "#f3f2ef",
+    ink: "#0b0b0b",
+    ink2: "#52514e",
+    muted: "#898781",
+    grid: "#e1e0d9",
+    axis: "#c3c2b7",
+    border: "#dddcd5",
+    accentWash: "#eef4fc",
+    accentLine: "#b7d3f6",
+    s1: "#2a78d6",
+    s2: "#eb6834",
+    s3: "#1baf7a",
+    s4: "#eda100",
+    s5: "#e87ba4",
+    s6: "#008300",
+    s7: "#6250d6",
+    s8: "#e34948",
+};
+export const DARK = {
+    surface: "#1a1a19",
+    surface2: "#262624",
+    ink: "#f0efec",
+    ink2: "#c3c2b7",
+    muted: "#898781",
+    grid: "#2c2c2a",
+    axis: "#383835",
+    border: "#3a3a37",
+    accentWash: "#1d2a3a",
+    accentLine: "#2f4f78",
+    s1: "#3987e5",
+    s2: "#d95926",
+    s3: "#199e70",
+    s4: "#c98500",
+    s5: "#d55181",
+    s6: "#008300",
+    s7: "#9085e9",
+    s8: "#e66767",
+};
+export const SERIES = ["s1", "s2", "s3", "s4", "s5", "s6", "s7", "s8"];
+export const FONT = 'system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif';
+/**
+ * 画面用の既定値を CSS で定義する（OS の設定と、ページの data-theme の両方に従う）。
+ * 各色は `var(--yui-<token>, var(--yui-default-<token>))` で参照し、ホストの上書きを優先する。
+ */
+export function themeCss(scope) {
+    const decl = (p) => TOKENS.map((t) => `--yui-default-${t}:${p[t]}`).join(";");
+    return [
+        `${scope}{${decl(LIGHT)}}`,
+        `@media (prefers-color-scheme: dark){:root:where(:not([data-theme="light"])) ${scope}{${decl(DARK)}}}`,
+        `:root[data-theme="dark"] ${scope}{${decl(DARK)}}`,
+    ].join("");
+}
+/** トークンを塗りの値にする。auto は CSS 変数、light / dark は焼き込み。 */
+export function paint(token, mode) {
+    if (mode === "light")
+        return LIGHT[token];
+    if (mode === "dark")
+        return DARK[token];
+    return `var(--yui-${token}, var(--yui-default-${token}))`;
+}
+//# sourceMappingURL=theme.js.map

package/dist/render/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/render/theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,WAAW;IACvB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,WAAW;IACzB,YAAY,EAAE,UAAU;IACxB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACI,CAAC;AAKX,MAAM,CAAC,MAAM,KAAK,GAAY;IAC5B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAY;IAC3B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,IAAI,GAAG,mFAAmF,CAAC;AAExG;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAa;IACpC,MAAM,IAAI,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvF,OAAO;QACL,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG;QAC1B,+EAA+E,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI;QACtG,4BAA4B,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG;KACnD,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAID,qDAAqD;AACrD,MAAM,UAAU,KAAK,CAAC,KAAY,EAAE,IAAe;IACjD,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,aAAa,KAAK,uBAAuB,KAAK,IAAI,CAAC;AAC5D,CAAC"}

package/dist/svg.d.ts

@@ -0,0 +1,8 @@
+/** `@imanect/yui/svg`: 図を SVG にする（ブラウザでもサーバーでも同じ結果）。 */
+export { renderSVG, sceneToSVG, type SvgOptions } from "./render/svg.js";
+export { layout, type LayoutOptions } from "./render/layout.js";
+export { LABELS_EN, LABELS_JA, type Labels } from "./render/frame.js";
+export type { Scene, Item } from "./render/scene.js";
+export { LIGHT, DARK, TOKENS, themeCss, type Palette, type Token, type ThemeMode } from "./render/theme.js";
+export { estimate, wrap, type Measure } from "./render/measure.js";
+//# sourceMappingURL=svg.d.ts.map

package/dist/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC5G,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/svg.js

@@ -0,0 +1,7 @@
+/** `@imanect/yui/svg`: 図を SVG にする（ブラウザでもサーバーでも同じ結果）。 */
+export { renderSVG, sceneToSVG } from "./render/svg.js";
+export { layout } from "./render/layout.js";
+export { LABELS_EN, LABELS_JA } from "./render/frame.js";
+export { LIGHT, DARK, TOKENS, themeCss } from "./render/theme.js";
+export { estimate, wrap } from "./render/measure.js";
+//# sourceMappingURL=svg.js.map

package/dist/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAmB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAsB,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAA4C,MAAM,mBAAmB,CAAC;AAC5G,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAgB,MAAM,qBAAqB,CAAC"}