@kohaku-ui/renderer-wc 0.1.0

package/dist/parts/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../src/parts/loading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IACzD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,EAAE,CAClB,KAAK,EACL,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,EAC/D,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CACrG,CAAC;IAEF,MAAM,GAAG,GAAG,KAAK,CACf,KAAK,EACL,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,EAC1E;QACE,UAAU,EAAE,CAAC;KACd,CACF,CAAC;IACF,GAAG,CAAC,WAAW,CACb,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,CACjG,CAAC;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE;QACzB,CAAC,EAAE,qBAAqB;QACxB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,GAAG;QACnB,gBAAgB,EAAE,OAAO;KAC1B,CAAC,CAAC;IACH,IAAI,CAAC,WAAW,CACd,KAAK,CAAC,kBAAkB,EAAE;QACxB,aAAa,EAAE,WAAW;QAC1B,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,MAAM;QACX,WAAW,EAAE,YAAY;KAC1B,CAAC,CACH,CAAC;IACF,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEtB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACnC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;AAClC,CAAC,CAAC"}

package/dist/parts/metric.d.ts

@@ -0,0 +1,11 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * presentMetric — presentation of a single KPI value (same markup / a11y as renderer-react's PresentMetric).
+ * Shows the value and its change large, from the first row of the data reference. The change is made explicit beyond color, via a symbol (▲/▼) + a signed value.
+ * The whole is composed into a single aria-label, and the decorative text is aria-hidden. The container carries
+ * `role="group"` because a plain div's implicit role does not permit `aria-label` (ARIA in HTML AAM); `group` does,
+ * and it does not add the container to the page landmark structure.
+ * The view model (value/delta formatting, delta color, aria label) comes from renderer-core's resolveMetricView; only the markup is emitted here.
+ */
+export declare const presentMetric: PartBuilder;
+//# sourceMappingURL=metric.d.ts.map

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

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

package/dist/parts/metric.js

@@ -0,0 +1,37 @@
+import { resolveMetricView } from "@kohaku-ui/renderer-core";
+import { el, text } from "../dom.js";
+import { dataStateNotice, mountBoundPart, tokenStr } from "./kit.js";
+/**
+ * presentMetric — presentation of a single KPI value (same markup / a11y as renderer-react's PresentMetric).
+ * Shows the value and its change large, from the first row of the data reference. The change is made explicit beyond color, via a symbol (▲/▼) + a signed value.
+ * The whole is composed into a single aria-label, and the decorative text is aria-hidden. The container carries
+ * `role="group"` because a plain div's implicit role does not permit `aria-label` (ARIA in HTML AAM); `group` does,
+ * and it does not add the container to the page landmark structure.
+ * The view model (value/delta formatting, delta color, aria label) comes from renderer-core's resolveMetricView; only the markup is emitted here.
+ */
+export const presentMetric = (rt, parent, node) => mountBoundPart(rt, parent, node, (state) => ({ el: renderMetric(rt, node, state) }));
+function renderMetric(rt, node, state) {
+    if (state.status !== "ready") {
+        // Non-ready states show a DataStateNotice (which has no data-kohaku). On ready it swaps to the metric body.
+        return dataStateNotice(rt, state);
+    }
+    const muted = tokenStr(rt, "color.muted");
+    const view = resolveMetricView(node, state.data.rows[0], {
+        muted,
+        positive: tokenStr(rt, "color.positive"),
+        negative: tokenStr(rt, "color.negative"),
+    }, rt.messages, rt.locale);
+    const container = el("div", { "data-kohaku": node.id, role: "group", "aria-label": view.ariaLabel }, { display: "flex", flexDirection: "column", gap: 4, padding: "12px 14px" });
+    const labelSpan = el("span", { "aria-hidden": "true" }, { fontSize: 12.5, color: muted });
+    labelSpan.appendChild(text(view.label));
+    const valueSpan = el("span", { "aria-hidden": "true" }, { fontSize: 28, fontWeight: 700, lineHeight: 1.1 });
+    valueSpan.appendChild(text(view.valueText));
+    container.append(labelSpan, valueSpan);
+    if (view.delta != null) {
+        const deltaSpan = el("span", { "aria-hidden": "true" }, { fontSize: 13, color: view.deltaColor, fontWeight: 600 });
+        deltaSpan.appendChild(text(`${view.delta.arrow} ${view.delta.signed}`));
+        container.appendChild(deltaSpan);
+    }
+    return container;
+}
+//# sourceMappingURL=metric.js.map

package/dist/parts/metric.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../src/parts/metric.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAC7D,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAEvF,SAAS,YAAY,CAAC,EAAiB,EAAE,IAAmB,EAAE,KAAgB;IAC5E,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAC7B,4GAA4G;QAC5G,OAAO,eAAe,CAAC,EAAE,EAAE,KAAK,CAAE,CAAC;IACrC,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,iBAAiB,CAC5B,IAAI,EACJ,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAClB;QACE,KAAK;QACL,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE,gBAAgB,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE,gBAAgB,CAAC;KACzC,EACD,EAAE,CAAC,QAAQ,EACX,EAAE,CAAC,MAAM,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CAClB,KAAK,EACL,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EACvE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAC3E,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1F,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5G,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5C,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEvC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,EAAE,CAClB,MAAM,EACN,EAAE,aAAa,EAAE,MAAM,EAAE,EACzB,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAC1D,CAAC;QACF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACxE,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/parts/overlay.d.ts

@@ -0,0 +1,20 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * A modal dialog (overlay.dialog, semantically equivalent to renderer-react's OverlayDialog).
+ * Since open/close is handled by visibleWhen, this builder being called = the moment it opens / teardown = the moment it closes.
+ * Focus management:
+ * - On open: remember the launcher (the currently-focused element) and move focus to the first focusable element. The visibleWhen
+ *   reactive slot (tree.ts) runs the builder on a detached container and then inserts it into the DOM, so focus is
+ *   deferred to "after insertion" via queueMicrotask (insertion runs synchronously within the same task after the builder returns).
+ * - Focus trap: keep the Tab / Shift+Tab cycle within the dialog (the current position is the shadow root's activeElement).
+ * - Esc / × button / backdrop click: fire close (forwarded only when declared; usually toggles the open flag via state.set).
+ * - On close (teardown): return focus to the launcher (only if it is still connected).
+ */
+export declare const overlayDialog: PartBuilder;
+/**
+ * A toast notification (overlay.toast, semantically equivalent to renderer-react's OverlayToast). Visibility is controlled by visibleWhen,
+ * and after durationMs elapses it fires dismiss and disappears automatically (closing itself if a state.set is declared). It does not
+ * steal focus (role=status/alert only). The × button also fires dismiss. The timer is always cleared in teardown.
+ */
+export declare const overlayToast: PartBuilder;
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/parts/overlay.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAuB/C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,WAgF3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,WAwB1B,CAAC"}

package/dist/parts/overlay.js

@@ -0,0 +1,131 @@
+import { dialogBoxStyle, dialogCloseButtonStyle, dialogDescriptionStyle, dialogHeaderStyle, dialogOverlayStyle, dialogTitleStyle, FOCUSABLE_SELECTOR, focusTrapTarget, toastDismissButtonStyle, toastRole, toastStyle, toastToneColors, } from "@kohaku-ui/renderer-core";
+import { el, text } from "../dom.js";
+import { tokenStr } from "./kit.js";
+/**
+ * Gets the deepest currently-focused element within the shadow DOM (equivalent to renderer-react's document.activeElement).
+ * When focus is inside a shadow root, document.activeElement points to the host element, so we traverse shadowRoots.
+ */
+function deepActiveElement() {
+    let active = document.activeElement;
+    while (active != null) {
+        const sr = active.shadowRoot;
+        if (sr?.activeElement == null)
+            break;
+        active = sr.activeElement;
+    }
+    return active;
+}
+/** The activeElement of the root that container belongs to (shadow root or document). Used to determine the current position for the focus trap. */
+function activeInRoot(container) {
+    const root = container.getRootNode();
+    return root.activeElement;
+}
+/**
+ * A modal dialog (overlay.dialog, semantically equivalent to renderer-react's OverlayDialog).
+ * Since open/close is handled by visibleWhen, this builder being called = the moment it opens / teardown = the moment it closes.
+ * Focus management:
+ * - On open: remember the launcher (the currently-focused element) and move focus to the first focusable element. The visibleWhen
+ *   reactive slot (tree.ts) runs the builder on a detached container and then inserts it into the DOM, so focus is
+ *   deferred to "after insertion" via queueMicrotask (insertion runs synchronously within the same task after the builder returns).
+ * - Focus trap: keep the Tab / Shift+Tab cycle within the dialog (the current position is the shadow root's activeElement).
+ * - Esc / × button / backdrop click: fire close (forwarded only when declared; usually toggles the open flag via state.set).
+ * - On close (teardown): return focus to the launcher (only if it is still connected).
+ */
+export const overlayDialog = (rt, parent, node, row) => {
+    const danger = tokenStr(rt, "color.danger");
+    const title = String(node.props["title"] ?? "");
+    const description = node.props["description"] != null ? String(node.props["description"]) : null;
+    const variant = node.props["variant"] ?? "default";
+    const accentBorder = variant === "danger" ? danger : "transparent";
+    const titleColor = variant === "danger" ? danger : tokenStr(rt, "color.text");
+    const titleId = `${node.id}-title`;
+    const descId = description != null ? `${node.id}-desc` : undefined;
+    // Capture the launcher at build time (the synchronous moment when focus still remains on the trigger).
+    const restore = deepActiveElement();
+    const close = () => rt.emit(node, "close", {}, row);
+    const overlay = el("div", { "data-kohaku": node.id }, dialogOverlayStyle);
+    const box = el("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": descId }, dialogBoxStyle(rt.theme, accentBorder));
+    const header = el("div", {}, dialogHeaderStyle);
+    const heading = el("h2", { id: titleId }, dialogTitleStyle(titleColor));
+    heading.appendChild(text(title));
+    const closeBtn = el("button", { type: "button", "aria-label": "Close" }, dialogCloseButtonStyle(rt.theme));
+    closeBtn.appendChild(text("×"));
+    closeBtn.addEventListener("click", () => close());
+    header.append(heading, closeBtn);
+    box.appendChild(header);
+    if (description != null) {
+        const desc = el("p", { id: descId }, dialogDescriptionStyle(rt.theme));
+        desc.appendChild(text(description));
+        box.appendChild(desc);
+    }
+    overlay.appendChild(box);
+    // Only a backdrop (overlay itself) click closes. Clicks inside the box are ignored.
+    overlay.addEventListener("click", (e) => {
+        if (e.target === overlay)
+            close();
+    });
+    overlay.addEventListener("keydown", (e) => {
+        if (e.key === "Escape") {
+            e.preventDefault();
+            close();
+            return;
+        }
+        if (e.key !== "Tab")
+            return;
+        const focusables = [...box.querySelectorAll(FOCUSABLE_SELECTOR)];
+        const target = focusTrapTarget(focusables, activeInRoot(box), e.shiftKey);
+        if (target === "block") {
+            e.preventDefault();
+            return;
+        }
+        if (target != null) {
+            e.preventDefault();
+            target.focus();
+        }
+    });
+    parent.appendChild(overlay);
+    const childTeardown = rt.mountChildren(box, node.children, row);
+    // On-open focus: run after insertion into the DOM (waits for the synchronous insertion after the builder returns).
+    queueMicrotask(() => {
+        if (!box.isConnected)
+            return;
+        const first = box.querySelector(FOCUSABLE_SELECTOR) ?? box;
+        first.focus();
+    });
+    return () => {
+        childTeardown();
+        overlay.remove();
+        // On close: return focus to the launcher (only if it is still connected).
+        if (restore?.isConnected)
+            restore.focus();
+    };
+};
+/**
+ * A toast notification (overlay.toast, semantically equivalent to renderer-react's OverlayToast). Visibility is controlled by visibleWhen,
+ * and after durationMs elapses it fires dismiss and disappears automatically (closing itself if a state.set is declared). It does not
+ * steal focus (role=status/alert only). The × button also fires dismiss. The timer is always cleared in teardown.
+ */
+export const overlayToast = (rt, parent, node, row) => {
+    const message = String(node.props["message"] ?? "");
+    const tone = node.props["tone"] ?? "info";
+    const durationMs = node.props["durationMs"];
+    const colors = toastToneColors(rt.theme, tone);
+    const toast = el("div", { "data-kohaku": node.id, role: toastRole(tone) }, toastStyle(colors));
+    const label = el("span");
+    label.appendChild(text(message));
+    const dismissBtn = el("button", { type: "button", "aria-label": "Close" }, toastDismissButtonStyle);
+    dismissBtn.appendChild(text("×"));
+    dismissBtn.addEventListener("click", () => rt.emit(node, "dismiss", {}, row));
+    toast.append(label, dismissBtn);
+    parent.appendChild(toast);
+    let timer = null;
+    if (typeof durationMs === "number") {
+        timer = setTimeout(() => rt.emit(node, "dismiss", {}, row), durationMs);
+    }
+    return () => {
+        if (timer != null)
+            clearTimeout(timer);
+        toast.remove();
+    };
+};
+//# sourceMappingURL=overlay.js.map

package/dist/parts/overlay.js.map

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

package/dist/parts/spreadsheet.d.ts

@@ -0,0 +1,11 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * presentSpreadsheet — a table (same behavior as renderer-react's PresentSpreadsheet).
+ * In-column sorting is an "operation that does not change intent" so it uses local state; a row click is an "operation
+ * that changes intent" so it goes upstream via a Spec-declared event. In serverSide (opt-in), sorting/paging is done via
+ * binding.resolve refetches. Current sort is indicated by aria-sort / ▲▼.
+ *
+ * The serverSide refetch state machine's single source of truth is renderer-core's SpreadsheetRemoteController.
+ */
+export declare const presentSpreadsheet: PartBuilder;
+//# sourceMappingURL=spreadsheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spreadsheet.d.ts","sourceRoot":"","sources":["../../src/parts/spreadsheet.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,WA8GhC,CAAC"}

package/dist/parts/spreadsheet.js

@@ -0,0 +1,206 @@
+import { applyLocalView, createSpreadsheetRemoteController, describeSortHeader, formatCell, hasDeclaredEvent, isActivationKey, resolveColumns, spreadsheetFooterBarStyle, spreadsheetFooterTotalStyle, spreadsheetPagerButtonStyle, spreadsheetSortButtonStyle, spreadsheetTdStyle, spreadsheetThStyle, } from "@kohaku-ui/renderer-core";
+import { resolveBoundRef } from "@kohaku-ui/spec-core";
+import { el, text } from "../dom.js";
+import { dataStateNotice, tokenStr } from "./kit.js";
+/**
+ * presentSpreadsheet — a table (same behavior as renderer-react's PresentSpreadsheet).
+ * In-column sorting is an "operation that does not change intent" so it uses local state; a row click is an "operation
+ * that changes intent" so it goes upstream via a Spec-declared event. In serverSide (opt-in), sorting/paging is done via
+ * binding.resolve refetches. Current sort is indicated by aria-sort / ▲▼.
+ *
+ * The serverSide refetch state machine's single source of truth is renderer-core's SpreadsheetRemoteController.
+ */
+export const presentSpreadsheet = (rt, parent, node) => {
+    const border = tokenStr(rt, "color.border");
+    const headerBg = tokenStr(rt, "color.surface");
+    const accent = tokenStr(rt, "color.primary");
+    const muted = tokenStr(rt, "color.muted");
+    const serverSide = node.props["serverSide"] === true;
+    const ref = node.data?.$ref;
+    const pageSize = node.props["pageSize"];
+    const declaredSort = node.props["sortBy"];
+    const rowClickable = hasDeclaredEvent(rt.spec, node.id, "rowClick");
+    const ctrl = createSpreadsheetRemoteController({
+        binding: rt.binding,
+        bus: rt.bus,
+        ref,
+        pageSize,
+        serverSide,
+        declaredSort,
+    });
+    // base (resolved from the Spec-derived version). The BoundDataController guarantees last-write-wins, invalidation, and freshness matching.
+    let base = { status: "idle" };
+    // The base attach is toggled on/off as ctrl's remoteActive flag changes (see syncBaseAttach below,
+    // mirroring renderer-react's PresentSpreadsheet: `enabled: !(serverSide && snap.remoteActive)`). base
+    // is disabled only while the remote controller is *actually* the active fetch source (sortBy/pageSize
+    // declared, or the user has interacted) — a serverSide spreadsheet that declares neither and hasn't
+    // been interacted with yet still relies on base for its display, exactly like non-serverSide.
+    let baseDetach = () => { };
+    let baseEnabled = null;
+    let current = document.createComment(`kohaku:bound:${node.id}`);
+    parent.appendChild(current);
+    const swap = (next) => {
+        current.replaceWith(next);
+        current = next;
+    };
+    const displayed = () => {
+        const { remote } = ctrl.getSnapshot();
+        return serverSide && remote != null ? remote : base;
+    };
+    const rerender = () => {
+        const snap = ctrl.getSnapshot();
+        swap(renderTable(rt, node, displayed(), {
+            serverSide,
+            sort: snap.sort,
+            cursor: snap.cursor,
+            pageSize,
+            rowClickable,
+            colors: { border, headerBg, accent, muted },
+            onToggleSort: (colKey) => ctrl.toggleSort(colKey),
+            onFirstPage: () => ctrl.goFirstPage(),
+            onNextPage: (next) => ctrl.goNextPage(next),
+        }));
+    };
+    // (Re-)attaches base with the currently-correct `enabled` flag, only when that flag actually
+    // changed since the last attach (toggling attach/detach is not free — a fresh attach synchronously
+    // reports idle/loading again). Node/spec are fixed for this part instance's lifetime (a Spec swap
+    // rebuilds the whole tree elsewhere — see kohaku-surface.ts), so only ctrl's remoteActive can move
+    // this decision after the initial call.
+    const syncBaseAttach = () => {
+        const enabled = !(serverSide && ctrl.getSnapshot().remoteActive);
+        if (enabled === baseEnabled)
+            return;
+        baseEnabled = enabled;
+        baseDetach();
+        baseDetach = rt.controller.attach(node, rt.spec, (state) => {
+            base = state;
+            rerender();
+        }, { enabled });
+    };
+    // ctrl.subscribe is registered before ctrl.start() so that a synchronous initial refetch (when
+    // sortBy/pageSize is declared) notifies here too, keeping base's (dis)attachment and the very first
+    // paint's remote/base choice consistent from the start (see the "single initial fetch" parity test).
+    const unsubCtrl = ctrl.subscribe(() => {
+        syncBaseAttach();
+        rerender();
+    });
+    const stopCtrl = ctrl.start();
+    // Keep the controller's ref following data.bind + $state (mirrors renderer-react's
+    // useSpreadsheetRemote effect: see use-spreadsheet-remote.ts) so sort/page refetches target the
+    // node's currently effective ref, not the raw ref this part was constructed with. setRef itself
+    // no-ops when the ref is unchanged, so calling it eagerly here and on every state change is cheap.
+    const computeEffectiveRef = () => node.data != null ? resolveBoundRef(node.data, rt.store.values) : undefined;
+    ctrl.setRef(computeEffectiveRef());
+    const unsubState = rt.store.subscribe(() => ctrl.setRef(computeEffectiveRef()));
+    // Idempotent: a no-op if ctrl.start()'s own synchronous refetch already ran syncBaseAttach above
+    // (serverSide + sortBy/pageSize declared); otherwise this is what performs the initial base attach
+    // (serverSide=false, or serverSide=true but inactive).
+    syncBaseAttach();
+    return () => {
+        baseDetach();
+        unsubCtrl();
+        stopCtrl();
+        unsubState();
+    };
+};
+function renderTable(rt, node, state, opts) {
+    if (state.status !== "ready") {
+        // dataStateNotice renders nothing for "idle" (no display element yet), but swap() requires a real
+        // Node — fall back to an empty placeholder rather than passing null to replaceWith. Reachable for a
+        // serverSide spreadsheet that starts inactive (no declaredSort/pageSize/interaction yet): the remote
+        // controller's own start()/setRef can notify while the base (BoundDataController) is still idle,
+        // ahead of its own first onChange.
+        return dataStateNotice(rt, state) ?? document.createComment(`kohaku:idle:${node.id}`);
+    }
+    const data = state.data;
+    const { border, headerBg, accent } = opts.colors;
+    const columns = resolveColumns(node, data);
+    const rows = opts.serverSide ? data.rows : applyLocalView(data.rows, opts.sort, opts.pageSize, rt.locale);
+    const wrapper = el("div", { "data-kohaku": node.id }, { width: "100%", overflowX: "auto" });
+    const table = el("table", {}, { width: "100%", borderCollapse: "collapse", fontSize: 13.5 });
+    // ---- thead ----
+    const thead = el("thead");
+    const headRow = el("tr");
+    for (const col of columns) {
+        // aria-sort / label / arrow are all derived by renderer-core's describeSortHeader (single source of truth
+        // shared with renderer-react).
+        const h = describeSortHeader(col, opts.sort);
+        const th = el("th", {}, spreadsheetThStyle({ headerBg, border }));
+        if (h.ariaSort != null)
+            th.setAttribute("aria-sort", h.ariaSort);
+        const btn = el("button", { type: "button" }, spreadsheetSortButtonStyle({ numeric: h.numeric }));
+        btn.appendChild(text(h.label));
+        if (h.arrow != null) {
+            const arrow = el("span", { "aria-hidden": "true" }, { color: accent });
+            arrow.appendChild(text(h.arrow));
+            btn.appendChild(arrow);
+        }
+        btn.addEventListener("click", () => opts.onToggleSort(col.key));
+        th.appendChild(btn);
+        headRow.appendChild(th);
+    }
+    thead.appendChild(headRow);
+    table.appendChild(thead);
+    // ---- tbody ----
+    const tbody = el("tbody");
+    for (const row of rows) {
+        const tr = el("tr", {}, { cursor: opts.rowClickable ? "pointer" : "default", borderBottom: `1px solid ${border}` });
+        if (opts.rowClickable) {
+            tr.setAttribute("role", "button");
+            tr.tabIndex = 0;
+            tr.addEventListener("click", () => rt.emit(node, "rowClick", { row }, null));
+            tr.addEventListener("keydown", (e) => {
+                if (isActivationKey(e.key)) {
+                    if (e.key === " ")
+                        e.preventDefault();
+                    rt.emit(node, "rowClick", { row }, null);
+                }
+            });
+        }
+        for (const col of columns) {
+            const td = el("td", {}, spreadsheetTdStyle({ numeric: col.type === "number" }));
+            td.appendChild(text(formatCell(row[col.key], col, rt.locale)));
+            tr.appendChild(td);
+        }
+        tbody.appendChild(tr);
+    }
+    table.appendChild(tbody);
+    wrapper.appendChild(table);
+    // ---- footer / pager ----
+    appendFooter(rt, wrapper, data, rows.length, opts);
+    return wrapper;
+}
+function appendFooter(rt, wrapper, data, shown, opts) {
+    const { border, accent, muted } = opts.colors;
+    if (opts.serverSide) {
+        const bar = el("div", {}, spreadsheetFooterBarStyle({ muted }));
+        if (data.total != null) {
+            const span = el("span");
+            span.appendChild(text(rt.messages.spreadsheetTotal(data.total.toLocaleString(rt.locale), shown)));
+            bar.appendChild(span);
+        }
+        if (opts.cursor != null) {
+            const b = pagerButton(rt.messages.spreadsheetFirstPage, { border, accent });
+            b.addEventListener("click", () => opts.onFirstPage());
+            bar.appendChild(b);
+        }
+        if (data.nextCursor != null) {
+            const next = data.nextCursor;
+            const b = pagerButton(rt.messages.spreadsheetNextPage, { border, accent });
+            b.addEventListener("click", () => opts.onNextPage(next));
+            bar.appendChild(b);
+        }
+        wrapper.appendChild(bar);
+    }
+    else if (data.total != null && data.total > shown) {
+        const div = el("div", {}, spreadsheetFooterTotalStyle({ muted }));
+        div.appendChild(text(rt.messages.spreadsheetTotal(data.total.toLocaleString(rt.locale), shown)));
+        wrapper.appendChild(div);
+    }
+}
+function pagerButton(label, tokens) {
+    const b = el("button", { type: "button" }, spreadsheetPagerButtonStyle(tokens));
+    b.appendChild(text(label));
+    return b;
+}
+//# sourceMappingURL=spreadsheet.js.map

package/dist/parts/spreadsheet.js.map

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

package/dist/parts/tabs.d.ts

@@ -0,0 +1,11 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * layout.tabs — a tab container (same as renderer-react's LayoutTabs). The source of truth for selection is $state.<stateKey>.
+ * Tab switching calls store.set directly as an in-component local operation (does not require an events declaration). If a "select"
+ * declaration exists, it additionally emits. The panel builds only the selected layout.tab; unselected ones are not built (lazy loading).
+ * a11y: role=tablist/tab/tabpanel + aria-selected + arrow keys to move between tabs.
+ */
+export declare const layoutTabs: PartBuilder;
+/** layout.tab — a single tab's panel (same as renderer-react's LayoutTab). A simple container. */
+export declare const layoutTab: PartBuilder;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/parts/tabs.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,aAAa,CAAC;AAGxE;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,WA2GxB,CAAC;AAEF,kGAAkG;AAClG,eAAO,MAAM,SAAS,EAAE,WAavB,CAAC"}

package/dist/parts/tabs.js

@@ -0,0 +1,109 @@
+import { describeTab, nextTabIndex, resolveTabs, tabButtonStyle, } from "@kohaku-ui/renderer-core";
+import { el, noop, setStyle, text } from "../dom.js";
+import { tokenStr } from "./kit.js";
+/**
+ * layout.tabs — a tab container (same as renderer-react's LayoutTabs). The source of truth for selection is $state.<stateKey>.
+ * Tab switching calls store.set directly as an in-component local operation (does not require an events declaration). If a "select"
+ * declaration exists, it additionally emits. The panel builds only the selected layout.tab; unselected ones are not built (lazy loading).
+ * a11y: role=tablist/tab/tabpanel + aria-selected + arrow keys to move between tabs.
+ */
+export const layoutTabs = (rt, parent, node, row) => {
+    const accent = tokenStr(rt, "color.primary");
+    const border = tokenStr(rt, "color.border");
+    const muted = tokenStr(rt, "color.muted");
+    const stateKey = String(node.props["stateKey"] ?? "");
+    const childIds = node.children ?? [];
+    const tabs = resolveTabs(childIds, (id) => rt.byId.get(id));
+    if (tabs.length === 0) {
+        const empty = el("div", { "data-kohaku": node.id });
+        parent.appendChild(empty);
+        return () => empty.remove();
+    }
+    const container = el("div", { "data-kohaku": node.id }, {
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        width: "100%",
+    });
+    const tablist = el("div", { role: "tablist" }, {
+        display: "flex",
+        gap: 4,
+        borderBottom: `1px solid ${border}`,
+    });
+    const panel = el("div", { role: "tabpanel" });
+    container.append(tablist, panel);
+    parent.appendChild(container);
+    const currentValue = () => rt.store.get(stateKey);
+    const selectedOf = () => tabs.find((t) => String(t.value) === String(currentValue())) ?? tabs[0];
+    const buttons = [];
+    const select = (tab) => {
+        rt.store.set(stateKey, tab.value);
+        // If "select" is declared, notify upstream (if undeclared, it is discarded inside rt.emit).
+        rt.emit(node, "select", { value: tab.value }, row);
+    };
+    const onKeyDown = (e, pos) => {
+        const next = nextTabIndex(e.key, pos, tabs.length);
+        if (next == null)
+            return;
+        e.preventDefault();
+        select(tabs[next]);
+        buttons[next]?.focus();
+    };
+    tabs.forEach((tab, pos) => {
+        const btn = el("button", {
+            role: "tab",
+            type: "button",
+            id: describeTab(node.id, tab.value).tabId,
+        });
+        btn.appendChild(text(tab.label));
+        btn.addEventListener("click", () => select(tab));
+        btn.addEventListener("keydown", (e) => onKeyDown(e, pos));
+        buttons.push(btn);
+        tablist.appendChild(btn);
+    });
+    // Reflect the appearance/aria and panel content according to the selection. The panel builds only the selected tab's child.
+    let panelTeardown = noop;
+    let appliedValue = null;
+    let built = false;
+    const applySelection = () => {
+        const selected = selectedOf();
+        // On a state change where the selected value is unchanged (originating from another part), do not rebuild the panel (preserves the lazy-load state).
+        if (built && appliedValue === selected.value)
+            return;
+        built = true;
+        appliedValue = selected.value;
+        const selectedIds = describeTab(node.id, selected.value);
+        tabs.forEach((tab, pos) => {
+            const btn = buttons[pos];
+            const isSelected = tab.value === selected.value;
+            btn.setAttribute("aria-selected", String(isSelected));
+            btn.setAttribute("aria-controls", selectedIds.panelId);
+            btn.tabIndex = isSelected ? 0 : -1;
+            setStyle(btn, tabButtonStyle({ accent, muted }, { active: isSelected }));
+        });
+        panel.setAttribute("id", selectedIds.panelId);
+        panel.setAttribute("aria-labelledby", selectedIds.tabId);
+        panelTeardown();
+        panel.replaceChildren();
+        panelTeardown = rt.mountNode(panel, selected.id, row);
+    };
+    applySelection();
+    const unsub = rt.store.subscribe(() => applySelection());
+    return () => {
+        unsub();
+        panelTeardown();
+        container.remove();
+    };
+};
+/** layout.tab — a single tab's panel (same as renderer-react's LayoutTab). A simple container. */
+export const layoutTab = (rt, parent, node, row) => {
+    const container = el("div", { "data-kohaku": node.id }, {
+        display: "flex",
+        flexDirection: "column",
+        gap: 16,
+        width: "100%",
+    });
+    parent.appendChild(container);
+    return rt.mountChildren(container, node.children, row);
+};
+//# sourceMappingURL=tabs.js.map

package/dist/parts/tabs.js.map

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

package/dist/parts/text.d.ts

@@ -0,0 +1,9 @@
+import type { PartBuilder } from "../types.js";
+/** text.heading — a heading (same markup as renderer-react's TextHeading). */
+export declare const textHeading: PartBuilder;
+/**
+ * presentMarkdown — zero-dependency rendering of a Markdown subset (same as renderer-react's PresentMarkdown).
+ * The AST is shared via renderer-core's parseMarkdownBlocks / parseMarkdownInline (empty text segments are also preserved).
+ */
+export declare const presentMarkdown: PartBuilder;
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/parts/text.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,8EAA8E;AAC9E,eAAO,MAAM,WAAW,EAAE,WAWzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,WAuC7B,CAAC"}