@kohaku-ui/renderer-wc 0.1.0

package/dist/parts/form.js

@@ -0,0 +1,346 @@
+import { asStringArray, buildDefaults, describeControl, describedByOf, describeFieldRow, FIELD_ROW_STYLE, FORM_ROOT_STYLE, focusFieldSelectors, formControlBaseStyle, formFillKey, formSubmitButtonStyle, mergeRow, normalizeOptions, planFormSubmit, } from "@kohaku-ui/renderer-core";
+import { el, noop, setAttrs, setStyle, text } from "../dom.js";
+import { dataStateNotice, tokenStr } from "./kit.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 const presentForm = (rt, parent, node, row) => {
+    const accent = tokenStr(rt, "color.primary");
+    const border = tokenStr(rt, "color.border");
+    const onPrimary = tokenStr(rt, "color.on-primary");
+    const positiveText = tokenStr(rt, "color.positive.text");
+    const negativeText = tokenStr(rt, "color.negative.text");
+    const requiredColor = tokenStr(rt, "color.negative");
+    const muted = tokenStr(rt, "color.muted");
+    const fields = node.props["fields"] ?? [];
+    const defaults = buildDefaults(fields);
+    const values = { ...defaults };
+    const applyValue = new Map();
+    // Display of declarative-validation violations (locally updates aria-invalid + inline error per field).
+    const applyError = new Map();
+    const disablers = [];
+    const form = el("form", { "data-kohaku": node.id }, FORM_ROOT_STYLE);
+    // Aggregated error slot for validation violations (at the form's start; inserts a role="alert" div).
+    const summarySlot = document.createComment(`kohaku:form-summary:${node.id}`);
+    form.appendChild(summarySlot);
+    let summaryNode = summarySlot;
+    const setSummary = (next) => {
+        const replacement = next ?? document.createComment(`kohaku:form-summary:${node.id}`);
+        summaryNode.replaceWith(replacement);
+        summaryNode = replacement;
+    };
+    // Notification slot for the data-resolution state (stale/error) (right after the aggregated error).
+    const noticeSlot = document.createComment(`kohaku:form-notice:${node.id}`);
+    form.appendChild(noticeSlot);
+    let noticeNode = noticeSlot;
+    const setNotice = (next) => {
+        const replacement = next ?? document.createComment(`kohaku:form-notice:${node.id}`);
+        noticeNode.replaceWith(replacement);
+        noticeNode = replacement;
+    };
+    const fieldColors = { border, muted, requiredColor, errorColor: negativeText };
+    for (const field of fields) {
+        form.appendChild(buildFieldRow(rt, node, field, values, fieldColors, applyValue, applyError, disablers));
+    }
+    const submit = el("button", { type: "submit" });
+    submit.appendChild(text(String(node.props["submitLabel"] ?? rt.messages.formSubmit)));
+    form.appendChild(submit);
+    // Slot for the submit-result message.
+    const resultSlot = document.createComment(`kohaku:form-result:${node.id}`);
+    form.appendChild(resultSlot);
+    let resultNode = resultSlot;
+    const setResult = (next) => {
+        const replacement = next ?? document.createComment(`kohaku:form-result:${node.id}`);
+        resultNode.replaceWith(replacement);
+        resultNode = replacement;
+    };
+    // Reflect busy (data resolving or submitting). After a submit failure, resubmission is allowed, so it is not disabled.
+    let dataLoading = false;
+    let submitting = false;
+    const applyBusy = () => {
+        const busy = dataLoading || submitting;
+        for (const d of disablers)
+            d(busy);
+        submit.disabled = busy;
+        if (busy)
+            form.setAttribute("aria-busy", "true");
+        else
+            form.removeAttribute("aria-busy");
+        if (submitting)
+            submit.setAttribute("aria-busy", "true");
+        else
+            submit.removeAttribute("aria-busy");
+        setStyle(submit, formSubmitButtonStyle(accent, onPrimary, { busy }));
+    };
+    applyBusy();
+    const onPhase = (phase) => {
+        submitting = phase.phase === "pending";
+        applyBusy();
+        if (phase.phase === "succeeded") {
+            const msg = String(node.props["successMessage"] ?? rt.messages.formSubmitted);
+            const div = el("div", { role: "status" }, { color: positiveText, fontSize: 13 });
+            div.appendChild(text(msg));
+            setResult(div);
+        }
+        else if (phase.phase === "failed") {
+            const div = el("div", { role: "alert" }, { color: negativeText, fontSize: 13 });
+            div.appendChild(text(phase.message));
+            setResult(div);
+        }
+    };
+    // Move focus to the first violating field (radios have no id, so they are picked up by name).
+    const focusField = (name) => {
+        const [byId, byName] = focusFieldSelectors(node.id, name);
+        (form.querySelector(byId) ?? form.querySelector(byName))?.focus();
+    };
+    // Reflect the validation result in the DOM (each field's aria-invalid/inline + the aggregated error at the top).
+    const applyViolations = (found) => {
+        const byField = new Map(found.map((v) => [v.field, v]));
+        for (const field of fields)
+            applyError.get(field.name)?.(byField.get(field.name));
+        setSummary(found.length > 0 ? buildSummary(rt.messages.formErrorSummary(found.length), found, negativeText) : null);
+    };
+    form.addEventListener("submit", (e) => {
+        e.preventDefault();
+        if (dataLoading || submitting)
+            return;
+        const plan = planFormSubmit(fields, values, rt.messages);
+        applyViolations(plan.violations);
+        if (plan.payload == null) {
+            // If there are violations, do not submit and move focus to the first violating field.
+            focusField(plan.violations[0].field);
+            return;
+        }
+        void rt.invoke(node, "submit", plan.payload, row, onPhase);
+    });
+    // If node.data exists, fill initial values from the first row (once per ref + data version; does not overwrite while editing).
+    let detach = noop;
+    const hasData = node.data?.$ref != null;
+    if (hasData) {
+        let filledKey = null;
+        detach = rt.controller.attach(node, rt.spec, (state) => {
+            dataLoading = state.status === "loading";
+            applyBusy();
+            const problem = state.status === "stale" || state.status === "error";
+            setNotice(problem ? dataStateNotice(rt, state) : null);
+            if (state.status === "ready") {
+                const key = formFillKey(node, state.dataVersion);
+                if (filledKey !== key) {
+                    filledKey = key;
+                    const merged = mergeRow(defaults, fields, state.data.rows[0]);
+                    for (const field of fields) {
+                        values[field.name] = merged[field.name];
+                        applyValue.get(field.name)?.(merged[field.name]);
+                    }
+                }
+            }
+        });
+    }
+    parent.appendChild(form);
+    return () => {
+        detach();
+        form.remove();
+    };
+};
+/** A single field's row (label/group + control + help text + inline error). */
+function buildFieldRow(rt, node, field, values, colors, applyValue, applyError, disablers) {
+    const { border, muted, requiredColor, errorColor } = colors;
+    // ids / label / grouping come from renderer-core's describeFieldRow (the shared id scheme with renderer-react).
+    const { fieldId, helpId, errorId, labelText, required, isGroup } = describeFieldRow(node.id, field);
+    const rowEl = el("div", {}, FIELD_ROW_STYLE);
+    if (isGroup)
+        setAttrs(rowEl, { role: "group", "aria-label": labelText });
+    const labelEl = el(isGroup ? "span" : "label", {}, { fontWeight: 600 });
+    if (!isGroup)
+        labelEl.setAttribute("for", fieldId);
+    labelEl.appendChild(text(labelText));
+    if (required) {
+        const star = el("span", { "aria-hidden": "true" }, { color: requiredColor });
+        star.appendChild(text(" *"));
+        labelEl.appendChild(star);
+    }
+    rowEl.appendChild(labelEl);
+    const controlEl = buildControl(rt, field, fieldId, helpId, values, border, applyValue, disablers);
+    rowEl.appendChild(controlEl);
+    if (field.helpText != null) {
+        const help = el("span", { id: helpId }, { color: muted, fontSize: 12 });
+        help.appendChild(text(field.helpText));
+        rowEl.appendChild(help);
+    }
+    // Inline error slot (inserts a span only on violation; equivalent to React's conditional render, emitting nothing to the DOM when there is no violation).
+    const errorSlot = document.createComment(`kohaku:form-error:${fieldId}`);
+    rowEl.appendChild(errorSlot);
+    let errorNode = errorSlot;
+    // The controls that carry aria-invalid / aria-describedby (radio is multiple inputs, otherwise a single element).
+    const controls = controlEl.matches("input,select,textarea")
+        ? [controlEl]
+        : [...controlEl.querySelectorAll("input,select,textarea")];
+    applyError.set(field.name, (violation) => {
+        if (violation != null) {
+            const span = el("span", { id: errorId }, { color: errorColor, fontSize: 12 });
+            span.appendChild(text(violation.message));
+            errorNode.replaceWith(span);
+            errorNode = span;
+            for (const c of controls) {
+                c.setAttribute("aria-invalid", "true");
+                c.setAttribute("aria-describedby", describedByOf(helpId, errorId));
+            }
+        }
+        else {
+            const comment = document.createComment(`kohaku:form-error:${fieldId}`);
+            errorNode.replaceWith(comment);
+            errorNode = comment;
+            for (const c of controls) {
+                c.removeAttribute("aria-invalid");
+                if (helpId != null)
+                    c.setAttribute("aria-describedby", helpId);
+                else
+                    c.removeAttribute("aria-describedby");
+            }
+        }
+    });
+    return rowEl;
+}
+/** Aggregated error for validation violations (role="alert"; a count heading + a mention of each field). Semantically equivalent to React's aggregated div. */
+function buildSummary(heading, violations, errorColor) {
+    const div = el("div", { role: "alert" }, { color: errorColor, fontSize: 13 });
+    const head = el("span");
+    head.appendChild(text(heading));
+    div.appendChild(head);
+    const ul = el("ul", {}, { margin: "4px 0 0", paddingLeft: 18 });
+    for (const v of violations) {
+        const li = el("li");
+        li.appendChild(text(`${v.label}: ${v.message}`));
+        ul.appendChild(li);
+    }
+    div.appendChild(ul);
+    return div;
+}
+function buildControl(rt, field, fieldId, helpId, values, border, applyValue, disablers) {
+    const name = field.name;
+    // The per-type decisions (tag / input type / constraint attributes / inputmode / rows / minHeight)
+    // come from renderer-core's describeControl; only the element assembly and event wiring live here.
+    const desc = describeControl(field);
+    const baseStyle = formControlBaseStyle(border);
+    const common = (elm) => {
+        elm.id = fieldId;
+        if (field.required === true)
+            elm.setAttribute("aria-required", "true");
+        if (helpId != null)
+            elm.setAttribute("aria-describedby", helpId);
+    };
+    const registerDisable = (elm) => {
+        disablers.push((disabled) => {
+            elm.disabled = disabled;
+        });
+    };
+    switch (desc.kind) {
+        case "select": {
+            const select = el("select", {}, baseStyle);
+            common(select);
+            if (field.required === true)
+                select.required = true;
+            const placeholder = el("option", { value: "" });
+            placeholder.appendChild(text(rt.messages.formSelectPlaceholder));
+            select.appendChild(placeholder);
+            for (const opt of normalizeOptions(field.options)) {
+                const o = el("option", { value: opt.value });
+                o.appendChild(text(opt.label));
+                select.appendChild(o);
+            }
+            select.value = String(values[name] ?? "");
+            select.addEventListener("change", () => (values[name] = select.value));
+            applyValue.set(name, (v) => (select.value = String(v ?? "")));
+            registerDisable(select);
+            return select;
+        }
+        case "multiselect": {
+            const select = el("select", { multiple: true }, { ...baseStyle, minHeight: desc.minHeight });
+            common(select);
+            for (const opt of normalizeOptions(field.options)) {
+                const o = el("option", { value: opt.value });
+                o.appendChild(text(opt.label));
+                select.appendChild(o);
+            }
+            const applyMulti = (v) => {
+                const set = new Set(asStringArray(v));
+                for (const o of [...select.options])
+                    o.selected = set.has(o.value);
+            };
+            applyMulti(values[name]);
+            select.addEventListener("change", () => {
+                values[name] = [...select.selectedOptions].map((o) => o.value);
+            });
+            applyValue.set(name, applyMulti);
+            registerDisable(select);
+            return select;
+        }
+        case "radio": {
+            const group = el("div", {}, { display: "flex", flexDirection: "column", gap: 4 });
+            const inputs = [];
+            for (const opt of normalizeOptions(field.options)) {
+                const lbl = el("label", {}, { display: "flex", alignItems: "center", gap: 6, fontWeight: 400 });
+                const input = el("input", { type: "radio", name: fieldId, value: opt.value });
+                if (helpId != null)
+                    input.setAttribute("aria-describedby", helpId);
+                input.checked = String(values[name] ?? "") === opt.value;
+                input.addEventListener("change", () => (values[name] = opt.value));
+                inputs.push(input);
+                lbl.append(input, text(opt.label));
+                group.appendChild(lbl);
+                registerDisable(input);
+            }
+            applyValue.set(name, (v) => {
+                for (const input of inputs)
+                    input.checked = String(v ?? "") === input.value;
+            });
+            return group;
+        }
+        case "checkbox": {
+            const input = el("input", { type: "checkbox" });
+            common(input);
+            input.checked = values[name] === true;
+            input.addEventListener("change", () => (values[name] = input.checked));
+            applyValue.set(name, (v) => (input.checked = v === true));
+            registerDisable(input);
+            return input;
+        }
+        case "textarea": {
+            const ta = el("textarea", {}, baseStyle);
+            common(ta);
+            setAttrs(ta, desc.constraints);
+            if (field.required === true)
+                ta.required = true;
+            if (desc.rows != null)
+                ta.rows = desc.rows;
+            ta.value = String(values[name] ?? "");
+            ta.addEventListener("input", () => (values[name] = ta.value));
+            applyValue.set(name, (v) => (ta.value = String(v ?? "")));
+            registerDisable(ta);
+            return ta;
+        }
+        case "input": {
+            // Covers text / number / date / email / url — number keeps the raw string while typing and coerces
+            // on submit (does not break intermediate input); the type/inputmode/pattern decisions are in describeControl.
+            const input = el("input", {
+                type: desc.inputType,
+                ...(desc.inputMode != null ? { inputmode: desc.inputMode } : {}),
+                ...(desc.pattern != null ? { pattern: desc.pattern } : {}),
+            }, baseStyle);
+            common(input);
+            setAttrs(input, desc.constraints);
+            if (field.required === true)
+                input.required = true;
+            input.value = String(values[name] ?? "");
+            input.addEventListener("input", () => (values[name] = input.value));
+            applyValue.set(name, (v) => (input.value = String(v ?? "")));
+            registerDisable(input);
+            return input;
+        }
+    }
+}
+//# sourceMappingURL=form.js.map

package/dist/parts/form.js.map

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

package/dist/parts/kit.d.ts

@@ -0,0 +1,25 @@
+import { type BoundData } from "@kohaku-ui/renderer-core";
+import type { ComponentNode, KnownThemeTokens } from "@kohaku-ui/spec-core";
+import type { RenderRuntime, Teardown } from "../types.js";
+/**
+ * Resolves a theme token as a string (equivalent to React's String(useToken(...))). Same shape as resolveToken:
+ * the 2-argument form takes a known token (`keyof KnownThemeTokens`; delegates to the default-theme set), and an
+ * arbitrary string token is only allowed via the 3-argument form, which requires a fallback.
+ */
+export declare function tokenStr(rt: RenderRuntime, name: keyof KnownThemeTokens): string;
+export declare function tokenStr(rt: RenderRuntime, name: string, fallback: string): string;
+/**
+ * Common display for loading / stale / error (same markup as renderer-react's DataStateNotice).
+ * Returns null for ready / idle since there is no display element.
+ */
+export declare function dataStateNotice(rt: RenderRuntime, state: BoundData): HTMLElement | null;
+/**
+ * Common wiring for parts that carry reference-passed data. Places a swap anchor in parent, attaches a BoundDataController,
+ * and on every onChange swaps in the result of render(state) (last-write-wins, invalidation, and freshness matching are guaranteed by the controller).
+ * render conventionally returns dataStateNotice for non-ready states. childTeardown can return child cleanup for row templates, etc.
+ */
+export declare function mountBoundPart(rt: RenderRuntime, parent: ParentNode, node: ComponentNode, render: (state: BoundData) => {
+    el: Node;
+    teardown?: Teardown;
+}): Teardown;
+//# sourceMappingURL=kit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kit.d.ts","sourceRoot":"","sources":["../../src/parts/kit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,0BAA0B,CAAC;AAC9F,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE3D;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAClF,wBAAgB,QAAQ,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;AASpF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,CAUvF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,aAAa,EACjB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,GAC9D,QAAQ,CAeV"}

package/dist/parts/kit.js

@@ -0,0 +1,41 @@
+import { resolveDataStateView, resolveToken } from "@kohaku-ui/renderer-core";
+import { el, noop, text } from "../dom.js";
+export function tokenStr(rt, name, fallback) {
+    return String(fallback === undefined
+        ? resolveToken(rt.theme, name)
+        : resolveToken(rt.theme, name, fallback));
+}
+/**
+ * Common display for loading / stale / error (same markup as renderer-react's DataStateNotice).
+ * Returns null for ready / idle since there is no display element.
+ */
+export function dataStateNotice(rt, state) {
+    const view = resolveDataStateView(state, rt.theme, rt.messages);
+    if (view == null)
+        return null;
+    const node = el("div", { role: view.role }, { background: view.bg, color: view.fg, borderRadius: 6, padding: "10px 12px", fontSize: 13 });
+    node.appendChild(text(view.text));
+    return node;
+}
+/**
+ * Common wiring for parts that carry reference-passed data. Places a swap anchor in parent, attaches a BoundDataController,
+ * and on every onChange swaps in the result of render(state) (last-write-wins, invalidation, and freshness matching are guaranteed by the controller).
+ * render conventionally returns dataStateNotice for non-ready states. childTeardown can return child cleanup for row templates, etc.
+ */
+export function mountBoundPart(rt, parent, node, render) {
+    let current = document.createComment(`kohaku:bound:${node.id}`);
+    parent.appendChild(current);
+    let childTeardown = noop;
+    const detach = rt.controller.attach(node, rt.spec, (state) => {
+        childTeardown();
+        const next = render(state);
+        childTeardown = next.teardown ?? noop;
+        current.replaceWith(next.el);
+        current = next.el;
+    });
+    return () => {
+        detach();
+        childTeardown();
+    };
+}
+//# sourceMappingURL=kit.js.map

package/dist/parts/kit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit.js","sourceRoot":"","sources":["../../src/parts/kit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE9F,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAU3C,MAAM,UAAU,QAAQ,CAAC,EAAiB,EAAE,IAAY,EAAE,QAAiB;IACzE,OAAO,MAAM,CACX,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAA8B,CAAC;QACxD,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAC3C,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAAiB,EAAE,KAAgB;IACjE,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IAChE,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAC9B,MAAM,IAAI,GAAG,EAAE,CACb,KAAK,EACL,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EACnB,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7F,CAAC;IACF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,EAAiB,EACjB,MAAkB,EAClB,IAAmB,EACnB,MAA+D;IAE/D,IAAI,OAAO,GAAc,QAAQ,CAAC,aAAa,CAAC,gBAAgB,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,aAAa,GAAa,IAAI,CAAC;IACnC,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;QAC3D,aAAa,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,aAAa,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;QACtC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,OAAO,GAAG,IAAI,CAAC,EAAe,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE;QACV,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC"}

package/dist/parts/layout.d.ts

@@ -0,0 +1,6 @@
+import type { PartBuilder } from "../types.js";
+/** layout.stack — a vertical/horizontal stack (same markup as renderer-react's LayoutStack). */
+export declare const layoutStack: PartBuilder;
+/** layout.grid — an equal-width grid (same markup as renderer-react's LayoutGrid). */
+export declare const layoutGrid: PartBuilder;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/parts/layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,gGAAgG;AAChG,eAAO,MAAM,WAAW,EAAE,WAezB,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,UAAU,EAAE,WAexB,CAAC"}

package/dist/parts/layout.js

@@ -0,0 +1,29 @@
+import { GAP } from "@kohaku-ui/renderer-core";
+import { el } from "../dom.js";
+/** layout.stack — a vertical/horizontal stack (same markup as renderer-react's LayoutStack). */
+export const layoutStack = (rt, parent, node, row) => {
+    const direction = node.props["direction"] ?? "vertical";
+    const gap = GAP[node.props["gap"] ?? "md"] ?? 16;
+    const container = el("div", { "data-kohaku": node.id }, {
+        display: "flex",
+        flexDirection: direction === "horizontal" ? "row" : "column",
+        gap,
+        width: "100%",
+    });
+    parent.appendChild(container);
+    return rt.mountChildren(container, node.children, row);
+};
+/** layout.grid — an equal-width grid (same markup as renderer-react's LayoutGrid). */
+export const layoutGrid = (rt, parent, node, row) => {
+    const columns = node.props["columns"] ?? 2;
+    const gap = GAP[node.props["gap"] ?? "md"] ?? 16;
+    const container = el("div", { "data-kohaku": node.id }, {
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+        gap,
+        width: "100%",
+    });
+    parent.appendChild(container);
+    return rt.mountChildren(container, node.children, row);
+};
+//# sourceMappingURL=layout.js.map

package/dist/parts/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/parts/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAG/B,gGAAgG;AAChG,MAAM,CAAC,MAAM,WAAW,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,SAAS,GAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAY,IAAI,UAAU,CAAC;IACpE,MAAM,GAAG,GAAG,GAAG,CAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAY,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAC7D,MAAM,SAAS,GAAG,EAAE,CAClB,KAAK,EACL,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,EAC1B;QACE,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QAC5D,GAAG;QACH,KAAK,EAAE,MAAM;KACd,CACF,CAAC;IACF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,sFAAsF;AACtF,MAAM,CAAC,MAAM,UAAU,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAY,IAAI,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,GAAG,CAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAY,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAC7D,MAAM,SAAS,GAAG,EAAE,CAClB,KAAK,EACL,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,EAC1B;QACE,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,UAAU,OAAO,mBAAmB;QACzD,GAAG;QACH,KAAK,EAAE,MAAM;KACd,CACF,CAAC;IACF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACzD,CAAC,CAAC"}

package/dist/parts/list.d.ts

@@ -0,0 +1,8 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * presentList — applies the children template to each row of the data reference and lays them out (same as renderer-react's PresentList).
+ * A row's props "$row.<column>" are substituted in the row context (rt.mountNode applies resolveRowProps), and if an itemClick
+ * declaration exists, each row is made interactive (the context row is in runtime.row).
+ */
+export declare const presentList: PartBuilder;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/parts/list.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,aAAa,CAAC;AAGxE;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,WAUzB,CAAC"}

package/dist/parts/list.js

@@ -0,0 +1,60 @@
+import { GAP, HARD_ROW_CAP, hasDeclaredEvent, isActivationKey, } from "@kohaku-ui/renderer-core";
+import { el, noop, text } from "../dom.js";
+import { dataStateNotice, mountBoundPart, tokenStr } from "./kit.js";
+/**
+ * presentList — applies the children template to each row of the data reference and lays them out (same as renderer-react's PresentList).
+ * A row's props "$row.<column>" are substituted in the row context (rt.mountNode applies resolveRowProps), and if an itemClick
+ * declaration exists, each row is made interactive (the context row is in runtime.row).
+ */
+export const presentList = (rt, parent, node) => {
+    const itemClickable = hasDeclaredEvent(rt.spec, node.id, "itemClick");
+    const gap = GAP[node.props["gap"] ?? "sm"] ?? 8;
+    const maxItems = node.props["maxItems"];
+    const emptyText = String(node.props["emptyText"] ?? "(No data)");
+    return mountBoundPart(rt, parent, node, (state) => {
+        if (state.status !== "ready")
+            return { el: dataStateNotice(rt, state) };
+        return renderList(rt, node, state.data.rows, { itemClickable, gap, maxItems, emptyText });
+    });
+};
+function renderList(rt, node, allRows, opts) {
+    const limit = Math.min(opts.maxItems ?? HARD_ROW_CAP, HARD_ROW_CAP);
+    const rows = allRows.slice(0, limit);
+    if (rows.length === 0) {
+        const empty = el("div", { "data-kohaku": node.id }, { color: tokenStr(rt, "color.muted"), fontSize: 13, padding: "8px 2px" });
+        empty.appendChild(text(opts.emptyText));
+        return { el: empty, teardown: noop };
+    }
+    const container = el("div", { "data-kohaku": node.id, role: "list" }, {
+        display: "flex",
+        flexDirection: "column",
+        gap: opts.gap,
+        width: "100%",
+    });
+    const teardowns = [];
+    rows.forEach((row) => {
+        const item = el("div", { role: "listitem" }, { cursor: opts.itemClickable ? "pointer" : "default" });
+        if (opts.itemClickable) {
+            item.tabIndex = 0;
+            item.addEventListener("click", () => rt.emit(node, "itemClick", { row }, row));
+            item.addEventListener("keydown", (e) => {
+                if (isActivationKey(e.key)) {
+                    if (e.key === " ")
+                        e.preventDefault();
+                    rt.emit(node, "itemClick", { row }, row);
+                }
+            });
+        }
+        // Build the children template in the row context ($row substitution and row-context events are resolved by rt.mountChildren).
+        teardowns.push(rt.mountChildren(item, node.children, row));
+        container.appendChild(item);
+    });
+    return {
+        el: container,
+        teardown: () => {
+            for (const t of teardowns)
+                t();
+        },
+    };
+}
+//# sourceMappingURL=list.js.map

package/dist/parts/list.js.map

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

package/dist/parts/loading.d.ts

@@ -0,0 +1,7 @@
+import type { PartBuilder } from "../types.js";
+/**
+ * ui.loading — a skeleton for the intermediate streaming state (same markup as renderer-react's UiLoading).
+ * role="status" + aria-busy="true". The spinner is a self-contained aria-hidden SVG (animateTransform).
+ */
+export declare const uiLoading: PartBuilder;
+//# sourceMappingURL=loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../src/parts/loading.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,WA4CvB,CAAC"}

package/dist/parts/loading.js

@@ -0,0 +1,37 @@
+import { el, svgEl, text } from "../dom.js";
+import { tokenStr } from "./kit.js";
+/**
+ * ui.loading — a skeleton for the intermediate streaming state (same markup as renderer-react's UiLoading).
+ * role="status" + aria-busy="true". The spinner is a self-contained aria-hidden SVG (animateTransform).
+ */
+export const uiLoading = (rt, parent, node) => {
+    const label = String(node.props["label"] ?? "Loading…");
+    const muted = tokenStr(rt, "color.muted");
+    const border = tokenStr(rt, "color.border");
+    const container = el("div", { "data-kohaku": node.id, role: "status", "aria-busy": "true" }, { display: "flex", alignItems: "center", gap: 10, color: muted, fontSize: 13, padding: "10px 12px" });
+    const svg = svgEl("svg", { "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, {
+        flexShrink: 0,
+    });
+    svg.appendChild(svgEl("circle", { cx: "8", cy: "8", r: "6", fill: "none", stroke: border, "stroke-width": "2" }));
+    const path = svgEl("path", {
+        d: "M8 2 a6 6 0 0 1 6 6",
+        fill: "none",
+        stroke: muted,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+    });
+    path.appendChild(svgEl("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        from: "0 8 8",
+        to: "360 8 8",
+        dur: "0.7s",
+        repeatCount: "indefinite",
+    }));
+    svg.appendChild(path);
+    container.appendChild(svg);
+    container.appendChild(text(label));
+    parent.appendChild(container);
+    return () => container.remove();
+};
+//# sourceMappingURL=loading.js.map