@kohaku-ui/renderer-wc 0.1.0

package/dist/parts/action-button.js

@@ -0,0 +1,38 @@
+import { actionButtonStyle } from "@kohaku-ui/renderer-core";
+import { el, setStyle, text } from "../dom.js";
+import { tokenStr } from "./kit.js";
+/**
+ * action.button — an action button (same as renderer-react's ActionButton). Fires press.
+ * If press has emit==="action.invoke" and binding is configured, it runs the write directly and, while running,
+ * is disabled + aria-busy. Otherwise it forwards via emit to onEvent (rt.invoke decides).
+ */
+export const actionButton = (rt, parent, node, row) => {
+    const primary = tokenStr(rt, "color.primary");
+    const border = tokenStr(rt, "color.border");
+    const danger = tokenStr(rt, "color.danger");
+    const textColor = tokenStr(rt, "color.text");
+    const onPrimary = tokenStr(rt, "color.on-primary");
+    const label = String(node.props["label"] ?? "");
+    const variant = node.props["variant"] ?? "primary";
+    const baseDisabled = node.props["disabled"] === true;
+    const tokens = { primary, border, danger, text: textColor, onPrimary };
+    const button = el("button", { "data-kohaku": node.id, type: "button" });
+    button.appendChild(text(label));
+    const apply = (phase) => {
+        const pending = phase.phase === "pending";
+        const disabled = baseDisabled || pending;
+        button.disabled = disabled;
+        if (pending)
+            button.setAttribute("aria-busy", "true");
+        else
+            button.removeAttribute("aria-busy");
+        setStyle(button, actionButtonStyle(variant, tokens, { disabled }));
+    };
+    apply({ phase: "idle" });
+    button.addEventListener("click", () => {
+        void rt.invoke(node, "press", {}, row, apply);
+    });
+    parent.appendChild(button);
+    return () => button.remove();
+};
+//# sourceMappingURL=action-button.js.map

package/dist/parts/action-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../src/parts/action-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAChD,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAY,IAAI,SAAS,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAEvE,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;QAC1C,MAAM,QAAQ,GAAG,YAAY,IAAI,OAAO,CAAC;QACxC,MAA4B,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClD,IAAI,OAAO;YAAE,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;;YACjD,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACzC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC/B,CAAC,CAAC"}

package/dist/parts/chart-svg.d.ts

@@ -0,0 +1,21 @@
+import { type ChartColors, type ChartConfig } from "@kohaku-ui/renderer-core";
+import type { JsonObject } from "@kohaku-ui/spec-core";
+/**
+ * Wiring for data-point clicks (pointClick). Since an SVG cannot sit under aria-hidden (avoiding the contradiction
+ * of hiding a focusable element from AT), when interactive, chart.ts removes the holder's aria-hidden and gives
+ * each point/bar role="button" + tabindex + aria-label + Enter/Space activation.
+ */
+export interface ChartPointHandler {
+    /** Callback on point click (wide row + series key → chart.ts assembles a long row and emits). */
+    onPoint: (wideRow: JsonObject, yKey: string) => void;
+    /** aria-label of the interactive element (for screen-reader announcement). */
+    ariaLabel: (wideRow: JsonObject, yKey: string) => string;
+}
+/**
+ * A zero-dependency inline SVG chart (bar / line / area). A substitute for renderer-react's Recharts rendering.
+ * It does not claim pixel-match (stays at semantic equivalence). Series colors come from the shared palette.
+ * cfg (kind / rows / x / yKeys / stacked / referenceLines) is the framework-free view model resolved by
+ * renderer-core's resolveChartConfig; point (wiring for data-point clicks) is optional.
+ */
+export declare function buildChartSvg(cfg: ChartConfig, colors: ChartColors, palette: string[], point?: ChartPointHandler): SVGElement;
+//# sourceMappingURL=chart-svg.d.ts.map

package/dist/parts/chart-svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-svg.d.ts","sourceRoot":"","sources":["../../src/parts/chart-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAmB,MAAM,0BAA0B,CAAC;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAOvD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,iGAAiG;IACjG,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,8EAA8E;IAC9E,SAAS,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1D;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,CAAC,EAAE,iBAAiB,GACxB,UAAU,CAwKZ"}

package/dist/parts/chart-svg.js

@@ -0,0 +1,181 @@
+import { isActivationKey } from "@kohaku-ui/renderer-core";
+import { svgEl } from "../dom.js";
+const W = 600;
+const H = 320;
+const M = { top: 8, right: 16, bottom: 28, left: 48 };
+/**
+ * A zero-dependency inline SVG chart (bar / line / area). A substitute for renderer-react's Recharts rendering.
+ * It does not claim pixel-match (stays at semantic equivalence). Series colors come from the shared palette.
+ * cfg (kind / rows / x / yKeys / stacked / referenceLines) is the framework-free view model resolved by
+ * renderer-core's resolveChartConfig; point (wiring for data-point clicks) is optional.
+ */
+export function buildChartSvg(cfg, colors, palette, point) {
+    const { kind, rows, x, yKeys, stacked, referenceLines } = cfg;
+    const color = (i) => palette[i % palette.length];
+    const plotW = W - M.left - M.right;
+    const plotH = H - M.top - M.bottom;
+    // Max of the y axis (stacked = the series sum at each x, otherwise the max across all series). Floor of 1 to avoid division by zero.
+    let max = 0;
+    for (const row of rows) {
+        if (stacked) {
+            let sum = 0;
+            for (const key of yKeys)
+                sum += num(row[key]);
+            max = Math.max(max, sum);
+        }
+        else {
+            for (const key of yKeys)
+                max = Math.max(max, num(row[key]));
+        }
+    }
+    // Include reference-line values in the max to widen the axis domain (target lines exceeding the data stay visible; equivalent to React's ifOverflow="extendDomain").
+    for (const rl of referenceLines)
+        max = Math.max(max, num(rl.value));
+    if (max <= 0)
+        max = 1;
+    const svg = svgEl("svg", {
+        width: "100%",
+        height: String(H),
+        viewBox: `0 0 ${W} ${H}`,
+        preserveAspectRatio: "none",
+        role: point != null ? "group" : "presentation",
+    });
+    const n = rows.length;
+    const bandW = n > 0 ? plotW / n : plotW;
+    const xCenter = (i) => M.left + bandW * i + bandW / 2;
+    const yOf = (v) => M.top + plotH - (v / max) * plotH;
+    /** Gives an interactive element (rect / circle) role="button" + tabindex + aria-label + click/Enter/Space. */
+    const makeInteractive = (elm, row, key) => {
+        if (point == null)
+            return;
+        elm.setAttribute("role", "button");
+        elm.setAttribute("tabindex", "0");
+        elm.setAttribute("aria-label", point.ariaLabel(row, key));
+        elm.style.cursor = "pointer";
+        elm.addEventListener("click", () => point.onPoint(row, key));
+        elm.addEventListener("keydown", (e) => {
+            const ke = e;
+            if (isActivationKey(ke.key)) {
+                if (ke.key === " ")
+                    ke.preventDefault();
+                point.onPoint(row, key);
+            }
+        });
+    };
+    if (kind === "line" || kind === "area") {
+        yKeys.forEach((key, si) => {
+            const points = rows.map((row, i) => `${xCenter(i)},${yOf(num(row[key]))}`).join(" ");
+            if (kind === "area") {
+                const first = xCenter(0);
+                const last = xCenter(n - 1);
+                const baseline = M.top + plotH;
+                svg.appendChild(svgEl("polygon", {
+                    points: `${first},${baseline} ${points} ${last},${baseline}`,
+                    fill: color(si),
+                    "fill-opacity": "0.25",
+                    stroke: "none",
+                }));
+            }
+            svg.appendChild(svgEl("polyline", { points, fill: "none", stroke: color(si), "stroke-width": "2" }));
+            // Only when clickable, overlay a dot on each point (both the click target and the affordance).
+            if (point != null) {
+                rows.forEach((row, i) => {
+                    const dot = svgEl("circle", {
+                        cx: String(xCenter(i)),
+                        cy: String(yOf(num(row[key]))),
+                        r: "5",
+                        fill: color(si),
+                        stroke: colors.dotStroke,
+                        "stroke-width": "1",
+                    });
+                    makeInteractive(dot, row, key);
+                    svg.appendChild(dot);
+                });
+            }
+        });
+    }
+    else {
+        // bar (default). Grouped or stacked.
+        const groupPad = bandW * 0.15;
+        const innerW = bandW - groupPad * 2;
+        rows.forEach((row, i) => {
+            const x0 = M.left + bandW * i + groupPad;
+            if (stacked) {
+                let acc = 0;
+                yKeys.forEach((key, si) => {
+                    const v = num(row[key]);
+                    const h = (v / max) * plotH;
+                    const y = M.top + plotH - acc - h;
+                    acc += h;
+                    const rect = svgEl("rect", {
+                        x: String(x0),
+                        y: String(y),
+                        width: String(innerW),
+                        height: String(h),
+                        fill: color(si),
+                    });
+                    makeInteractive(rect, row, key);
+                    svg.appendChild(rect);
+                });
+            }
+            else {
+                const each = innerW / Math.max(1, yKeys.length);
+                yKeys.forEach((key, si) => {
+                    const v = num(row[key]);
+                    const h = (v / max) * plotH;
+                    const y = M.top + plotH - h;
+                    const rect = svgEl("rect", {
+                        x: String(x0 + each * si),
+                        y: String(y),
+                        width: String(each),
+                        height: String(h),
+                        fill: color(si),
+                    });
+                    makeInteractive(rect, row, key);
+                    svg.appendChild(rect);
+                });
+            }
+        });
+    }
+    // Reference lines (horizontal lines for targets / thresholds + labels). Drawn after points/bars to sit in front of the data.
+    for (const rl of referenceLines) {
+        const yy = yOf(num(rl.value));
+        svg.appendChild(svgEl("line", {
+            x1: String(M.left),
+            y1: String(yy),
+            x2: String(M.left + plotW),
+            y2: String(yy),
+            stroke: colors.axis,
+            "stroke-width": "1",
+            "stroke-dasharray": "4 4",
+        }));
+        if (rl.label != null) {
+            const lbl = svgEl("text", {
+                x: String(M.left + plotW),
+                y: String(yy - 3),
+                "text-anchor": "end",
+                "font-size": "11",
+                fill: colors.axis,
+            });
+            lbl.textContent = rl.label;
+            svg.appendChild(lbl);
+        }
+    }
+    // x-axis labels (placed at each band's center for determinism).
+    rows.forEach((row, i) => {
+        const label = svgEl("text", {
+            x: String(xCenter(i)),
+            y: String(H - 8),
+            "text-anchor": "middle",
+            "font-size": "12",
+            fill: colors.axisLabel,
+        });
+        label.textContent = String(row[x] ?? "");
+        svg.appendChild(label);
+    });
+    return svg;
+}
+function num(v) {
+    return typeof v === "number" && Number.isFinite(v) ? v : 0;
+}
+//# sourceMappingURL=chart-svg.js.map

package/dist/parts/chart-svg.js.map

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

package/dist/parts/chart.d.ts

@@ -0,0 +1,9 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * presentChart — a chart (the non-React version of renderer-react's PresentChart).
+ * bar/line/area use a zero-dependency inline SVG (shared prepareRows + palette); pie/scatter fall back to a visible
+ * data table. In all cases a visually hidden a11y data table is always attached (same a11y as React).
+ * It does not claim pixel-match (stays at semantic equivalence).
+ */
+export declare const presentChart: PartBuilder;
+//# sourceMappingURL=chart.d.ts.map

package/dist/parts/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/parts/chart.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,WAC0D,CAAC"}

package/dist/parts/chart.js

@@ -0,0 +1,107 @@
+import { A11Y_TABLE_ROW_CAP, chartPointRow, resolveChartConfig, resolveToken, visuallyHiddenStyle, } from "@kohaku-ui/renderer-core";
+import { el, setStyle, text } from "../dom.js";
+import { buildChartSvg } from "./chart-svg.js";
+import { dataStateNotice, mountBoundPart } from "./kit.js";
+/**
+ * presentChart — a chart (the non-React version of renderer-react's PresentChart).
+ * bar/line/area use a zero-dependency inline SVG (shared prepareRows + palette); pie/scatter fall back to a visible
+ * data table. In all cases a visually hidden a11y data table is always attached (same a11y as React).
+ * It does not claim pixel-match (stays at semantic equivalence).
+ */
+export const presentChart = (rt, parent, node) => mountBoundPart(rt, parent, node, (state) => ({ el: renderChart(rt, node, state) }));
+function renderChart(rt, node, state) {
+    if (state.status !== "ready")
+        return dataStateNotice(rt, state);
+    const palette = String(resolveToken(rt.theme, "chart.palette")).split(",");
+    // Resolve the colors of reference lines / axes / point strokes / axis labels from tokens (equivalent to React's useToken path).
+    const chartColors = {
+        axis: String(resolveToken(rt.theme, "chart.axis")),
+        dotStroke: String(resolveToken(rt.theme, "color.background")),
+        axisLabel: String(resolveToken(rt.theme, "color.muted")),
+    };
+    // The config / view model (prop defaults, default label, pointClickable) comes from renderer-core; only the markup is emitted here.
+    const cfg = resolveChartConfig(node, rt.spec, state.data.rows, rt.messages);
+    const { kind, x, series, rows, yKeys, title, label } = cfg;
+    // If undeclared, points stay non-interactive (rt.emit = resolveEmit is the gatekeeper).
+    const point = cfg.pointClickable
+        ? {
+            onPoint: (wideRow, yKey) => rt.emit(node, "pointClick", { row: chartPointRow(wideRow, yKey, x, cfg.yProp, series) }, null),
+            ariaLabel: (wideRow, yKey) => {
+                const xVal = String(wideRow[x] ?? "");
+                const val = String(wideRow[yKey] ?? "");
+                return series != null ? `${x} ${xVal}、${series} ${yKey}: ${val}` : `${x} ${xVal}、${yKey}: ${val}`;
+            },
+        }
+        : undefined;
+    // Give it a name via figure's implicit role + aria-label (no role="img" — let the descendant a11y table be read).
+    const figure = el("figure", { "data-kohaku": node.id, "aria-label": label }, { margin: 0, width: "100%" });
+    if (title != null) {
+        const caption = el("figcaption", {}, { fontSize: 13, fontWeight: 600, marginBottom: 6 });
+        caption.appendChild(text(title));
+        figure.appendChild(caption);
+    }
+    if (kind === "pie" || kind === "scatter") {
+        // Not a hand-drawn SVG kind. Substitute with a visible data table (a visible table separate from the a11y table).
+        figure.appendChild(visibleFallbackTable(x, yKeys, rows));
+    }
+    else {
+        // When non-interactive, mark the SVG aria-hidden and defer to the a11y table. When interactive, remove aria-hidden
+        // so focusable points aren't hidden from AT, and give the holder role="group" + a name (points are role="button").
+        const svgHolder = point != null
+            ? el("div", { role: "group", "aria-label": label }, { width: "100%", height: 320 })
+            : el("div", { "aria-hidden": "true" }, { width: "100%", height: 320 });
+        svgHolder.appendChild(buildChartSvg(cfg, chartColors, palette, point));
+        figure.appendChild(svgHolder);
+    }
+    figure.appendChild(a11yTable(label, x, yKeys, rows));
+    return figure;
+}
+/** Visually hidden data-table substitute (same as renderer-react's ChartDataTable). Row count is truncated at the cap. */
+function a11yTable(label, x, yKeys, rows) {
+    const table = el("table");
+    setStyle(table, visuallyHiddenStyle);
+    const caption = el("caption");
+    caption.appendChild(text(label));
+    table.appendChild(caption);
+    table.appendChild(headRow(x, yKeys));
+    table.appendChild(bodyRows(x, yKeys, rows.slice(0, A11Y_TABLE_ROW_CAP)));
+    return table;
+}
+/** Visible fallback table for pie/scatter (a plain visible table). */
+function visibleFallbackTable(x, yKeys, rows) {
+    const table = el("table", {}, { width: "100%", borderCollapse: "collapse", fontSize: 13.5 });
+    table.appendChild(headRow(x, yKeys));
+    table.appendChild(bodyRows(x, yKeys, rows.slice(0, A11Y_TABLE_ROW_CAP)));
+    return table;
+}
+function headRow(x, yKeys) {
+    const thead = el("thead");
+    const tr = el("tr");
+    const xh = el("th", { scope: "col" });
+    xh.appendChild(text(x));
+    tr.appendChild(xh);
+    for (const key of yKeys) {
+        const th = el("th", { scope: "col" });
+        th.appendChild(text(key));
+        tr.appendChild(th);
+    }
+    thead.appendChild(tr);
+    return thead;
+}
+function bodyRows(x, yKeys, rows) {
+    const tbody = el("tbody");
+    for (const row of rows) {
+        const tr = el("tr");
+        const xd = el("td");
+        xd.appendChild(text(String(row[x] ?? "")));
+        tr.appendChild(xd);
+        for (const key of yKeys) {
+            const td = el("td");
+            td.appendChild(text(String(row[key] ?? "")));
+            tr.appendChild(td);
+        }
+        tbody.appendChild(tr);
+    }
+    return tbody;
+}
+//# sourceMappingURL=chart.js.map

package/dist/parts/chart.js.map

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

package/dist/parts/control-select.d.ts

@@ -0,0 +1,9 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * control.select — a lightweight select (same as renderer-react's ControlSelect). On change, fires the selected value ($value).
+ * If `<id>.change` → emit "state.set" is declared, rt.emit updates $state (the existing state.set path), and
+ * parts that carry data.bind re-resolve their effective ref, making cross-filtering work (without firing a compose).
+ * The displayed value follows the current value of the $state key it writes to.
+ */
+export declare const controlSelect: PartBuilder;
+//# sourceMappingURL=control-select.d.ts.map

package/dist/parts/control-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-select.d.ts","sourceRoot":"","sources":["../../src/parts/control-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,WAqD3B,CAAC"}

package/dist/parts/control-select.js

@@ -0,0 +1,56 @@
+import { boundStateKey, normalizeSelectOptions } from "@kohaku-ui/renderer-core";
+import { el, text } from "../dom.js";
+import { tokenStr } from "./kit.js";
+/**
+ * control.select — a lightweight select (same as renderer-react's ControlSelect). On change, fires the selected value ($value).
+ * If `<id>.change` → emit "state.set" is declared, rt.emit updates $state (the existing state.set path), and
+ * parts that carry data.bind re-resolve their effective ref, making cross-filtering work (without firing a compose).
+ * The displayed value follows the current value of the $state key it writes to.
+ */
+export const controlSelect = (rt, parent, node, row) => {
+    const border = tokenStr(rt, "color.border");
+    const options = normalizeSelectOptions(node.props["options"]);
+    const placeholder = node.props["placeholder"];
+    const label = node.props["label"];
+    const select = el("select", { "data-kohaku": node.id }, {
+        border: `1px solid ${border}`,
+        borderRadius: 6,
+        padding: "7px 10px",
+        fontSize: 13.5,
+        alignSelf: "flex-start",
+    });
+    if (label != null)
+        select.setAttribute("aria-label", String(label));
+    if (placeholder != null) {
+        const opt = el("option", { value: "" });
+        opt.appendChild(text(String(placeholder)));
+        select.appendChild(opt);
+    }
+    for (const opt of options) {
+        const o = el("option", { value: opt.value });
+        o.appendChild(text(opt.label));
+        select.appendChild(o);
+    }
+    // Use as the displayed value the current value of the state key that this element's change writes via state.set (falling back to props.value).
+    const boundKey = boundStateKey(rt.spec, node.id);
+    const readValue = () => {
+        const stateValue = boundKey != null ? rt.store.get(boundKey) : undefined;
+        return String(stateValue ?? node.props["value"] ?? "");
+    };
+    select.value = readValue();
+    select.addEventListener("change", () => {
+        rt.emit(node, "change", { value: select.value }, row);
+    });
+    // Update the displayed value following $state changes (also reflecting state.set from other controls via A1 cross-filtering).
+    const unsub = rt.store.subscribe(() => {
+        const next = readValue();
+        if (select.value !== next)
+            select.value = next;
+    });
+    parent.appendChild(select);
+    return () => {
+        unsub();
+        select.remove();
+    };
+};
+//# sourceMappingURL=control-select.js.map

package/dist/parts/control-select.js.map

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

package/dist/parts/form.d.ts

@@ -0,0 +1,10 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * presentForm — an input form (same behavior as renderer-react's PresentForm). Wires submit directly to action.invoke
+ * (auto-falls back to onEvent forwarding if binding is unset). If node.data exists, initial values are filled from the first row.
+ *
+ * To preserve focus/caret, WC does not swap the whole element; it locally updates only value filling, busy, and submit result
+ * (the final submit payload matches React's controlled re-render).
+ */
+export declare const presentForm: PartBuilder;
+//# sourceMappingURL=form.d.ts.map

package/dist/parts/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/parts/form.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAe,WAAW,EAA2B,MAAM,aAAa,CAAC;AAGrF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,WAiJzB,CAAC"}