@vendoai/ui 0.4.0

package/dist/kit/values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.js","sourceRoot":"","sources":["../../src/kit/values.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,cAAc,EACd,WAAW,EACX,SAAS,EACT,aAAa,GAId,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,SAAS,WAAW;IAClB,OAAO,CACL,2BAAe,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAc,MAAM,YACvE,WAAW,GACP,CACR,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAkB,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;AAOtE,4EAA4E;AAC5E,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAc;IAC3D,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3D,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAC/C,OAAO,CACL,2BAAe,OAAO,EAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,YAClD,SAAS,GACL,CACR,CAAC;AACJ,CAAC;AAMD,kFAAkF;AAClF,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAiB;IACvE,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpE,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAC/C,OAAO,CACL,2BAAe,UAAU,EAAC,KAAK,EAAE,IAAI,YAClC,SAAS,GACL,CACR,CAAC;AACJ,CAAC;AASD,oEAAoE;AACpE,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgB;IACpE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IAClE,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAC/C,OAAO,CACL,2BAAe,SAAS,EAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,YACpD,SAAS,GACL,CACR,CAAC;AACJ,CAAC;AAQD,gEAAgE;AAChE,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAY;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,EAAE,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAC/C,OAAO,CACL,2BAAe,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,YAChD,SAAS,GACL,CACR,CAAC;AACJ,CAAC;AAID,MAAM,UAAU,GAA4E;IAC1F,OAAO,EAAE;QACP,KAAK,EAAE,CAAC,CAAC,IAAI;QACb,UAAU,EAAE,sBAAsB,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,OAAO,GAAG;QAC9D,MAAM,EAAE,CAAC,CAAC,MAAM;KACjB;IACD,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IACvE,OAAO,EAAE;QACP,KAAK,EAAE,uCAAuC;QAC9C,UAAU,EAAE,sEAAsE;QAClF,MAAM,EAAE,qEAAqE;KAC9E;IACD,OAAO,EAAE;QACP,KAAK,EAAE,uCAAuC;QAC9C,UAAU,EAAE,sEAAsE;QAClF,MAAM,EAAE,qEAAqE;KAC9E;IACD,MAAM,EAAE;QACN,KAAK,EAAE,CAAC,CAAC,MAAM;QACf,UAAU,EAAE,sBAAsB,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,OAAO,GAAG;QAC/D,MAAM,EAAE,sBAAsB,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,GAAG;KAC3D;CACF,CAAC;AAEF,mDAAmD;AACnD,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;SACtB,IAAI,EAAE;SACN,WAAW,EAAE,CAAC;IACjB,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC;AAaD,0EAA0E;AAC1E,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAkB;IAClF,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IACvE,MAAM,YAAY,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IAC5C,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,CACL,2BACW,WAAW,eACT,YAAY,EACvB,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,EAAE;YACnC,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,CAAC;YACb,OAAO,EAAE,6CAA6C;SACvD,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC;AAOD,oEAAoE;AACpE,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAa;IACxD,MAAM,KAAK,GAAkB;QAC3B,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;QAC/C,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;QAClE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;QACvF,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QACzE,aAAa,EAAE,UAAU;QACzB,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC7C,MAAM,EAAE,CAAC;KACV,CAAC;IACF,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,yBAAa,MAAM,kBAAe,OAAO,EAAE,KAAK,EAAE,KAAK,YACpD,IAAI,GACF,CACN,CAAC;IACJ,CAAC;IACD,OAAO,CACL,2BAAe,MAAM,kBAAe,OAAO,EAAE,KAAK,EAAE,KAAK,YACtD,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,25 @@
+/**
+ * VendoTheme resolution (08 §2, §4). All chrome styles derive from these CSS
+ * variables — no hardcoded brand anywhere in the package.
+ *
+ * The resolved theme = defaults ⊕ VendoProvider.theme. The server-extracted
+ * theme (.vendo/theme.json) reaches the provider through the umbrella's
+ * <VendoRoot>; ui itself has no theme wire route (09 §3 has none).
+ */
+import type { VendoTheme } from "@vendoai/core";
+/** Deliberately neutral: readable everywhere, branded nowhere. */
+export declare const defaultVendoTheme: VendoTheme;
+/** Deep-merge a partial theme over a base (one level per contract group). */
+export declare function resolveTheme(base: VendoTheme, override?: Partial<VendoTheme>): VendoTheme;
+/**
+ * Which `color-scheme` a background color implies (ENG-226). WCAG relative
+ * luminance of `colors.background`, flipped at L = 0.179 — the point where
+ * white text contrasts a background better than black text does. No new
+ * contract token: the scheme is DERIVED, and it drives the existing
+ * `light-dark()` branches in the chrome sheet via `--vendo-color-scheme`.
+ * Unparseable colors (non-hex) fall back to light.
+ */
+export declare function colorSchemeForBackground(background: string): "light" | "dark";
+/** Flatten a theme into `--vendo-*` CSS custom properties. */
+export declare function themeCssVariables(theme: VendoTheme): Record<string, string>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,UAsB/B,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CASzF;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAG7E;AAcD,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA+B3E"}

package/dist/theme.js

@@ -0,0 +1,100 @@
+/** Deliberately neutral: readable everywhere, branded nowhere. */
+export const defaultVendoTheme = {
+    colors: {
+        background: "#ffffff",
+        surface: "#f7f7f8",
+        text: "#1a1a1e",
+        muted: "#6b6b76",
+        accent: "#111111",
+        accentText: "#ffffff",
+        danger: "#c62f2f",
+        border: "#e3e3e8",
+    },
+    typography: {
+        // Onest is the brand font; the chrome sheet inlines its @font-face
+        // (latin + latin-ext subsets, OFL) so the default look renders it without
+        // host setup. Hosts with a strict CSP (font-src without data:) block the
+        // inlined face and fall back gracefully to the system stack below.
+        fontFamily: "Onest, system-ui, -apple-system, 'Segoe UI', sans-serif",
+        baseSize: "15px",
+    },
+    radius: { small: "6px", medium: "10px", large: "16px" },
+    density: "comfortable",
+    motion: "full",
+};
+/** Deep-merge a partial theme over a base (one level per contract group). */
+export function resolveTheme(base, override) {
+    if (!override)
+        return base;
+    return {
+        colors: { ...base.colors, ...override.colors },
+        typography: { ...base.typography, ...override.typography },
+        radius: { ...base.radius, ...override.radius },
+        density: override.density ?? base.density,
+        motion: override.motion ?? base.motion,
+    };
+}
+/**
+ * Which `color-scheme` a background color implies (ENG-226). WCAG relative
+ * luminance of `colors.background`, flipped at L = 0.179 — the point where
+ * white text contrasts a background better than black text does. No new
+ * contract token: the scheme is DERIVED, and it drives the existing
+ * `light-dark()` branches in the chrome sheet via `--vendo-color-scheme`.
+ * Unparseable colors (non-hex) fall back to light.
+ */
+export function colorSchemeForBackground(background) {
+    const luminance = relativeLuminance(background);
+    return luminance !== null && luminance < 0.179 ? "dark" : "light";
+}
+/** WCAG 2.x relative luminance of a #rgb/#rgba/#rrggbb/#rrggbbaa color; null if unparseable. */
+function relativeLuminance(color) {
+    const hex = /^#([0-9a-f]{3,8})$/i.exec(color.trim())?.[1];
+    if (!hex || hex.length === 5 || hex.length === 7)
+        return null;
+    const wide = hex.length <= 4 ? [...hex].map((ch) => ch + ch).join("") : hex;
+    const [r, g, b] = [0, 2, 4].map((i) => {
+        const srgb = parseInt(wide.slice(i, i + 2), 16) / 255;
+        return srgb <= 0.04045 ? srgb / 12.92 : ((srgb + 0.055) / 1.055) ** 2.4;
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+/** Flatten a theme into `--vendo-*` CSS custom properties. */
+export function themeCssVariables(theme) {
+    const vars = {};
+    for (const [key, value] of Object.entries(theme.colors))
+        vars[`--vendo-color-${kebab(key)}`] = value;
+    vars["--vendo-color-scheme"] = colorSchemeForBackground(theme.colors.background);
+    vars["--vendo-font-family"] = theme.typography.fontFamily;
+    if (theme.typography.headingFamily)
+        vars["--vendo-heading-family"] = theme.typography.headingFamily;
+    vars["--vendo-font-size"] = theme.typography.baseSize;
+    // baseSize is the anchor of the chrome type scale: the sheet derives every
+    // text size (and a couple of spacing steps) from --vendo-base-size via calc,
+    // so a host's baseSize scales the whole surface instead of only the root font.
+    vars["--vendo-base-size"] = theme.typography.baseSize;
+    for (const [key, value] of Object.entries(theme.radius))
+        vars[`--vendo-radius-${kebab(key)}`] = value;
+    vars["--vendo-density"] = theme.density;
+    vars["--vendo-motion"] = theme.motion;
+    const compact = theme.density === "compact";
+    vars["--vendo-density-control-height"] = compact ? "32px" : "38px";
+    vars["--vendo-density-control-padding"] = compact ? "6px 10px" : "9px 12px";
+    vars["--vendo-density-card-padding"] = compact ? "12px" : "16px";
+    vars["--vendo-density-content-gap"] = compact ? "7px" : "10px";
+    vars["--vendo-density-inline-gap"] = compact ? "5px" : "7px";
+    vars["--vendo-density-field-gap"] = compact ? "4px" : "6px";
+    vars["--vendo-density-table-padding"] = compact ? "7px 10px" : "10px 12px";
+    vars["--vendo-density-badge-height"] = compact ? "20px" : "24px";
+    vars["--vendo-density-badge-padding"] = compact ? "3px 7px" : "5px 9px";
+    vars["--vendo-density-stat-padding"] = compact ? "9px 11px" : "12px 14px";
+    vars["--vendo-density-tabs-padding"] = compact ? "3px" : "4px";
+    vars["--vendo-density-tab-height"] = compact ? "26px" : "30px";
+    vars["--vendo-density-tab-padding"] = compact ? "4px 8px" : "6px 10px";
+    vars["--vendo-motion-duration"] = theme.motion === "reduced" ? "0ms" : "160ms";
+    vars["--vendo-motion-easing"] = "cubic-bezier(0.2, 0.8, 0.2, 1)";
+    return vars;
+}
+function kebab(name) {
+    return name.replace(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`);
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

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

package/dist/tree/bindings.d.ts

@@ -0,0 +1,4 @@
+import type { Json } from "@vendoai/core";
+/** 01-core §8 — resolve an RFC 6901 JSON Pointer (`""` is the whole model). */
+export declare function resolvePointer(model: Json, pointer: string): Json | undefined;
+//# sourceMappingURL=bindings.d.ts.map

package/dist/tree/bindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindings.d.ts","sourceRoot":"","sources":["../../src/tree/bindings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAe7E"}

package/dist/tree/bindings.js

@@ -0,0 +1,20 @@
+/** 01-core §8 — resolve an RFC 6901 JSON Pointer (`""` is the whole model). */
+export function resolvePointer(model, pointer) {
+    if (pointer === "")
+        return model;
+    if (!pointer.startsWith("/"))
+        return undefined;
+    let current = model;
+    for (const encodedToken of pointer.slice(1).split("/")) {
+        if (/~(?:[^01]|$)/.test(encodedToken))
+            return undefined;
+        const token = encodedToken.replace(/~1/g, "/").replace(/~0/g, "~");
+        if ((typeof current !== "object" || current === null)
+            || !Object.prototype.hasOwnProperty.call(current, token)) {
+            return undefined;
+        }
+        current = current[token];
+    }
+    return current;
+}
+//# sourceMappingURL=bindings.js.map

package/dist/tree/bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindings.js","sourceRoot":"","sources":["../../src/tree/bindings.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,MAAM,UAAU,cAAc,CAAC,KAAW,EAAE,OAAe;IACzD,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO,KAAK,CAAC;IACjC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC;IAE/C,IAAI,OAAO,GAAY,KAAK,CAAC;IAC7B,KAAK,MAAM,YAAY,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACvD,IAAI,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC;YAAE,OAAO,SAAS,CAAC;QACxD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACnE,IAAI,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,CAAC;eAChD,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;YAC3D,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,GAAI,OAAmC,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/tree/branded.d.ts

@@ -0,0 +1,124 @@
+import { type PropsWithChildren } from "react";
+import { type ValueFormat } from "../kit/format.js";
+type PrimitiveAction = () => unknown;
+type PrimitiveValue = string | number | boolean | null | undefined;
+export interface CardProps {
+    title?: PrimitiveValue;
+    description?: PrimitiveValue;
+    tone?: "default" | "accent" | "danger";
+}
+/** Branded content container; remains in the host realm as a prewired primitive. */
+export declare function Card({ title, description, tone, children }: PropsWithChildren<CardProps>): import("react").JSX.Element;
+export interface ButtonProps {
+    label?: PrimitiveValue;
+    variant?: "primary" | "secondary" | "danger";
+    disabled?: boolean;
+    onClick?: PrimitiveAction;
+}
+/** Action props are callbacks already bound by the host tree renderer. */
+export declare function Button({ label, variant, disabled, onClick, children }: PropsWithChildren<ButtonProps>): import("react").JSX.Element;
+export interface InputProps {
+    label?: PrimitiveValue;
+    value?: PrimitiveValue;
+    placeholder?: string;
+    type?: "text" | "email" | "number" | "password" | "search" | "tel" | "url";
+    name?: string;
+    hint?: PrimitiveValue;
+    error?: PrimitiveValue;
+    autoComplete?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: PrimitiveAction;
+}
+/** State bindings seed an uncontrolled value; change actions remain opaque bound callbacks. */
+export declare function Input(props: InputProps): import("react").JSX.Element;
+export type SelectOption = PrimitiveValue | {
+    value: PrimitiveValue;
+    label?: PrimitiveValue;
+    disabled?: boolean;
+} | Record<string, unknown>;
+export interface SelectProps {
+    label?: PrimitiveValue;
+    value?: PrimitiveValue;
+    options?: SelectOption[];
+    /** W5a (Kit parity) — object field for the visible label when options are
+     *  RAW tool rows; the taught path since the `asOptions` reshape retired. */
+    labelField?: string;
+    /** W5a (Kit parity) — object field for the submitted value on raw rows. */
+    valueField?: string;
+    placeholder?: string;
+    name?: string;
+    hint?: PrimitiveValue;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: PrimitiveAction;
+}
+/** Native select semantics with JSON-serializable option descriptions. */
+export declare function Select(props: SelectProps): import("react").JSX.Element;
+export interface TableColumn {
+    key: string;
+    label?: PrimitiveValue;
+    align?: "start" | "center" | "end";
+}
+export interface TableProps {
+    caption?: PrimitiveValue;
+    columns?: Array<string | TableColumn>;
+    rows?: Array<Record<string, unknown>>;
+    emptyLabel?: PrimitiveValue;
+    rowKey?: string;
+}
+/** Compact data table accepting only JSON rows and column descriptions. */
+export declare function Table({ caption, columns, rows, emptyLabel, rowKey }: TableProps): import("react").JSX.Element;
+export interface BadgeProps {
+    label?: PrimitiveValue;
+    tone?: "neutral" | "accent" | "danger";
+}
+/** Small status label using only neutral, accent, or danger theme colors. */
+export declare function Badge({ label, tone, children }: PropsWithChildren<BadgeProps>): import("react").JSX.Element;
+export interface StatProps {
+    label: PrimitiveValue;
+    value?: PrimitiveValue;
+    /** v4 — value-tier token (money takes cents), same union as a DataTable
+     *  column. Additive: absent means the legacy raw rendering, so stored apps
+     *  render byte-identically. Root cause fix for the raw-cents stat-tile
+     *  class: the Kit Stat's name is shadowed by this legacy one in tree wire,
+     *  so this was the only stat surface with no semantic formatting path. */
+    format?: ValueFormat;
+    trend?: PrimitiveValue;
+    prefix?: PrimitiveValue;
+    suffix?: PrimitiveValue;
+    tone?: "default" | "accent" | "danger";
+}
+/** Branded metric summary with optional accent or danger emphasis. */
+export declare function Stat({ label, value, format, trend, prefix, suffix, tone }: StatProps): import("react").JSX.Element;
+export type TabItem = PrimitiveValue | {
+    value?: PrimitiveValue;
+    id?: PrimitiveValue;
+    label: PrimitiveValue;
+    disabled?: boolean;
+    onSelect?: PrimitiveAction;
+};
+export interface TabsProps {
+    label?: string;
+    value?: PrimitiveValue;
+    tabs?: TabItem[];
+    items?: TabItem[];
+    onChange?: PrimitiveAction;
+}
+/** Bound per-tab actions preserve selected-value payloads without event plumbing. */
+export declare function Tabs({ label, value, tabs, items, onChange }: TabsProps): import("react").JSX.Element;
+/** The fixed branded primitive addition for ENG-242. Keys must be exactly
+ *  core's BRANDED_COMPONENT_NAMES (the ONE list this file mirrors); the
+ *  `satisfies` check makes drift a compile error. */
+export declare const BRANDED_COMPONENTS: {
+    readonly Card: typeof Card;
+    readonly Button: typeof Button;
+    readonly Input: typeof Input;
+    readonly Select: typeof Select;
+    readonly Table: typeof Table;
+    readonly Badge: typeof Badge;
+    readonly Stat: typeof Stat;
+    readonly Tabs: typeof Tabs;
+};
+export {};
+//# sourceMappingURL=branded.d.ts.map

package/dist/tree/branded.d.ts.map

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

package/dist/tree/branded.js

@@ -0,0 +1,319 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from "react";
+import { applyFormat } from "../kit/format.js";
+const font = {
+    color: "var(--vendo-color-text, #1a1a1e)",
+    fontFamily: "var(--vendo-font-family, system-ui, sans-serif)",
+    fontSize: "var(--vendo-font-size, 15px)",
+};
+const field = {
+    ...font,
+    width: "100%",
+    minWidth: 0,
+    minHeight: "var(--vendo-density-control-height, 38px)",
+    border: "1px solid var(--vendo-color-border, #e3e3e8)",
+    borderRadius: "var(--vendo-radius-small, 6px)",
+    background: "var(--vendo-color-surface, #ffffff)",
+    padding: "var(--vendo-density-control-padding, 9px 12px)",
+    transition: `border-color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+    box-shadow var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease)`,
+};
+function content(value, fallback = "") {
+    return value === null || value === undefined ? fallback : String(value);
+}
+function run(action) {
+    void action?.();
+}
+/** Branded content container; remains in the host realm as a prewired primitive. */
+export function Card({ title, description, tone = "default", children }) {
+    const toneColor = tone === "accent"
+        ? "var(--vendo-color-accent, #111111)"
+        : tone === "danger"
+            ? "var(--vendo-color-danger, #c62f2f)"
+            : "var(--vendo-color-border, #e3e3e8)";
+    return (_jsxs("article", { "data-primitive": "Card", "data-tone": tone, style: {
+            ...font,
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--vendo-density-content-gap, 10px)",
+            border: `1px solid ${toneColor}`,
+            borderRadius: "var(--vendo-radius-large, 16px)",
+            background: "var(--vendo-color-surface, #ffffff)",
+            boxShadow: "0 8px 24px color-mix(in srgb, var(--vendo-color-text, #1a1a1e) 7%, transparent)",
+            padding: "var(--vendo-density-card-padding, 16px)",
+            transition: `border-color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+          box-shadow var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease)`,
+        }, children: [title !== undefined && title !== null ? (_jsx("div", { "data-card-title": true, style: {
+                    color: "var(--vendo-color-text, #1a1a1e)",
+                    fontFamily: "var(--vendo-heading-family, var(--vendo-font-family, system-ui, sans-serif))",
+                    fontSize: "calc(var(--vendo-font-size, 15px) * 1.08)",
+                    fontWeight: 650,
+                    letterSpacing: "-0.015em",
+                    lineHeight: 1.3,
+                }, children: content(title) })) : null, description !== undefined && description !== null ? (_jsx("div", { style: { color: "var(--vendo-color-muted, #6b6b76)", fontSize: "0.9em", lineHeight: 1.45 }, children: content(description) })) : null, children] }));
+}
+/** Action props are callbacks already bound by the host tree renderer. */
+export function Button({ label, variant = "primary", disabled = false, onClick, children }) {
+    const primary = variant === "primary";
+    const danger = variant === "danger";
+    const background = primary
+        ? "var(--vendo-color-accent, #111111)"
+        : danger
+            ? "var(--vendo-color-danger, #c62f2f)"
+            : "var(--vendo-color-surface, #ffffff)";
+    const color = primary || danger
+        ? "var(--vendo-color-accent-text, #ffffff)"
+        : "var(--vendo-color-text, #1a1a1e)";
+    return (_jsx("button", { type: "button", "data-primitive": "Button", "data-variant": variant, disabled: disabled, onClick: () => run(onClick), style: {
+            ...font,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "var(--vendo-density-inline-gap, 7px)",
+            minHeight: "var(--vendo-density-control-height, 38px)",
+            border: primary || danger ? "1px solid transparent" : "1px solid var(--vendo-color-border, #e3e3e8)",
+            borderRadius: "var(--vendo-radius-small, 6px)",
+            color,
+            background,
+            boxShadow: primary || danger
+                ? "0 2px 8px color-mix(in srgb, var(--vendo-color-text, #1a1a1e) 14%, transparent)"
+                : "0 1px 2px color-mix(in srgb, var(--vendo-color-text, #1a1a1e) 7%, transparent)",
+            cursor: disabled ? "not-allowed" : "pointer",
+            fontWeight: 650,
+            lineHeight: 1.2,
+            opacity: disabled ? 0.55 : 1,
+            padding: "var(--vendo-density-control-padding, 9px 12px)",
+            transition: `background-color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+          border-color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+          box-shadow var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+          opacity var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease)`,
+        }, children: label === undefined ? children : content(label) }));
+}
+/** State bindings seed an uncontrolled value; change actions remain opaque bound callbacks. */
+export function Input(props) {
+    const id = useId();
+    const inputId = `vendo-input-${id.replace(/:/g, "")}`;
+    const helpId = `${inputId}-help`;
+    const initialValue = content(props.value);
+    const hasHelp = props.error !== undefined && props.error !== null
+        || props.hint !== undefined && props.hint !== null;
+    return (_jsxs("label", { "data-primitive": "Input", htmlFor: inputId, style: { ...font, display: "flex", flexDirection: "column", gap: "var(--vendo-density-field-gap, 6px)" }, children: [props.label !== undefined && props.label !== null ? (_jsx("span", { style: { color: "var(--vendo-color-text, #1a1a1e)", fontSize: "0.88em", fontWeight: 600 }, children: content(props.label) })) : null, _jsx("input", { id: inputId, name: props.name, type: props.type ?? "text", defaultValue: initialValue, placeholder: props.placeholder, autoComplete: props.autoComplete, disabled: props.disabled, required: props.required, "aria-invalid": props.error === undefined || props.error === null ? undefined : true, "aria-describedby": hasHelp ? helpId : undefined, onChange: () => run(props.onChange), style: {
+                    ...field,
+                    borderColor: props.error === undefined || props.error === null
+                        ? "var(--vendo-color-border, #e3e3e8)"
+                        : "var(--vendo-color-danger, #c62f2f)",
+                    opacity: props.disabled ? 0.55 : 1,
+                } }, initialValue), hasHelp ? (_jsx("span", { id: helpId, style: {
+                    color: props.error === undefined || props.error === null
+                        ? "var(--vendo-color-muted, #6b6b76)"
+                        : "var(--vendo-color-danger, #c62f2f)",
+                    fontSize: "0.82em",
+                    lineHeight: 1.35,
+                }, children: content(props.error ?? props.hint) })) : null] }));
+}
+/** Native select semantics with JSON-serializable option descriptions. */
+export function Select(props) {
+    const id = useId();
+    const selectId = `vendo-select-${id.replace(/:/g, "")}`;
+    const hintId = `${selectId}-hint`;
+    const initialValue = content(props.value);
+    const { labelField, valueField } = props;
+    const options = (props.options ?? []).map((option) => {
+        if (typeof option === "object" && option !== null) {
+            // W5a — Kit parity: labelField/valueField read RAW tool rows (the
+            // taught path; the asOptions reshape is deprecated). Stored apps'
+            // {value, label} items take the legacy branch and render unchanged.
+            if (labelField !== undefined || valueField !== undefined) {
+                const row = option;
+                const value = row[(valueField ?? labelField)];
+                const label = (row[(labelField ?? valueField)] ?? value);
+                return { value: content(value), label: content(label), disabled: row.disabled === true };
+            }
+            const item = option;
+            return { value: content(item.value), label: content(item.label ?? item.value), disabled: item.disabled };
+        }
+        return { value: content(option), label: content(option), disabled: false };
+    });
+    return (_jsxs("label", { "data-primitive": "Select", htmlFor: selectId, style: { ...font, display: "flex", flexDirection: "column", gap: "var(--vendo-density-field-gap, 6px)" }, children: [props.label !== undefined && props.label !== null ? (_jsx("span", { style: { color: "var(--vendo-color-text, #1a1a1e)", fontSize: "0.88em", fontWeight: 600 }, children: content(props.label) })) : null, _jsxs("select", { id: selectId, name: props.name, defaultValue: initialValue, disabled: props.disabled, required: props.required, "aria-describedby": props.hint === undefined || props.hint === null ? undefined : hintId, onChange: () => run(props.onChange), style: { ...field, cursor: props.disabled ? "not-allowed" : "pointer", opacity: props.disabled ? 0.55 : 1 }, children: [props.placeholder !== undefined ? _jsx("option", { value: "", children: props.placeholder }) : null, options.map((option, index) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, `${option.value}-${index}`)))] }, initialValue), props.hint !== undefined && props.hint !== null ? (_jsx("span", { id: hintId, style: { color: "var(--vendo-color-muted, #6b6b76)", fontSize: "0.82em", lineHeight: 1.35 }, children: content(props.hint) })) : null] }));
+}
+function cell(value) {
+    if (value === null || value === undefined || value === "")
+        return "—";
+    if (typeof value === "string" || typeof value === "number")
+        return value;
+    if (typeof value === "boolean")
+        return value ? "Yes" : "No";
+    return JSON.stringify(value);
+}
+/** Compact data table accepting only JSON rows and column descriptions. */
+export function Table({ caption, columns, rows = [], emptyLabel = "No data", rowKey = "id" }) {
+    const normalized = (columns ?? Object.keys(rows[0] ?? {})).map((column) => (typeof column === "string" ? { key: column, label: column, align: "start" } : {
+        key: column.key,
+        label: content(column.label, column.key),
+        align: column.align ?? "start",
+    }));
+    const align = (value) => (value === "end" ? "right" : value === "center" ? "center" : "left");
+    return (_jsx("div", { "data-primitive": "Table", style: {
+            ...font,
+            width: "100%",
+            overflowX: "auto",
+            border: "1px solid var(--vendo-color-border, #e3e3e8)",
+            borderRadius: "var(--vendo-radius-medium, 10px)",
+            background: "var(--vendo-color-surface, #ffffff)",
+        }, children: _jsxs("table", { "aria-label": caption === undefined || caption === null ? undefined : content(caption), style: { width: "100%", borderCollapse: "collapse" }, children: [caption !== undefined && caption !== null ? (_jsx("caption", { style: { padding: "var(--vendo-density-table-padding, 10px 12px)", textAlign: "left", fontWeight: 650 }, children: content(caption) })) : null, _jsx("thead", { children: _jsx("tr", { style: { background: "color-mix(in srgb, var(--vendo-color-background, #ffffff) 72%, var(--vendo-color-surface, #f7f7f8))" }, children: normalized.map((column) => (_jsx("th", { scope: "col", style: {
+                                color: "var(--vendo-color-muted, #6b6b76)",
+                                borderTop: caption === undefined || caption === null ? 0 : "1px solid var(--vendo-color-border, #e3e3e8)",
+                                borderBottom: "1px solid var(--vendo-color-border, #e3e3e8)",
+                                fontSize: "0.78em",
+                                fontWeight: 700,
+                                letterSpacing: "0.045em",
+                                padding: "var(--vendo-density-table-padding, 10px 12px)",
+                                textAlign: align(column.align),
+                                textTransform: "uppercase",
+                            }, children: column.label }, column.key))) }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(1, normalized.length), style: { color: "var(--vendo-color-muted, #6b6b76)", padding: "var(--vendo-density-table-padding, 10px 12px)", textAlign: "center" }, children: content(emptyLabel) }) })) : rows.map((row, rowIndex) => (_jsx("tr", { children: normalized.map((column) => (_jsx("td", { style: {
+                                borderBottom: rowIndex === rows.length - 1 ? 0 : "1px solid var(--vendo-color-border, #e3e3e8)",
+                                padding: "var(--vendo-density-table-padding, 10px 12px)",
+                                textAlign: align(column.align),
+                            }, children: cell(row[column.key]) }, column.key))) }, content(row[rowKey], String(rowIndex))))) })] }) }));
+}
+/** Small status label using only neutral, accent, or danger theme colors. */
+export function Badge({ label, tone = "neutral", children }) {
+    const color = tone === "accent"
+        ? "var(--vendo-color-accent-text, #ffffff)"
+        : tone === "danger"
+            ? "var(--vendo-color-danger, #c62f2f)"
+            : "var(--vendo-color-text, #1a1a1e)";
+    const background = tone === "accent"
+        ? "var(--vendo-color-accent, #111111)"
+        : tone === "danger"
+            ? "color-mix(in srgb, var(--vendo-color-danger, #c62f2f) 11%, var(--vendo-color-surface, #ffffff))"
+            : "color-mix(in srgb, var(--vendo-color-muted, #6b6b76) 10%, var(--vendo-color-surface, #ffffff))";
+    const border = tone === "danger"
+        ? "color-mix(in srgb, var(--vendo-color-danger, #c62f2f) 30%, var(--vendo-color-border, #e3e3e8))"
+        : tone === "accent"
+            ? "var(--vendo-color-accent, #111111)"
+            : "var(--vendo-color-border, #e3e3e8)";
+    return (_jsx("span", { "data-primitive": "Badge", "data-tone": tone, style: {
+            ...font,
+            display: "inline-flex",
+            alignItems: "center",
+            width: "fit-content",
+            minHeight: "var(--vendo-density-badge-height, 24px)",
+            border: `1px solid ${border}`,
+            borderRadius: "999px",
+            color,
+            background,
+            fontSize: "0.78em",
+            fontWeight: 700,
+            lineHeight: 1,
+            padding: "var(--vendo-density-badge-padding, 5px 9px)",
+        }, children: label === undefined ? children : content(label) }));
+}
+/** Branded metric summary with optional accent or danger emphasis. */
+export function Stat({ label, value, format, trend, prefix, suffix, tone = "default" }) {
+    const formattedValue = format === undefined || format === "text" ? undefined : applyFormat(value, format);
+    const emphasis = tone === "accent"
+        ? "var(--vendo-color-accent, #111111)"
+        : tone === "danger"
+            ? "var(--vendo-color-danger, #c62f2f)"
+            : "var(--vendo-color-text, #1a1a1e)";
+    return (_jsxs("article", { "data-primitive": "Stat", "data-tone": tone, "aria-label": content(label, "Statistic"), style: {
+            ...font,
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--vendo-density-field-gap, 6px)",
+            minWidth: 0,
+            borderLeft: `3px solid ${emphasis}`,
+            borderRadius: "var(--vendo-radius-small, 6px)",
+            background: "color-mix(in srgb, var(--vendo-color-surface, #ffffff) 90%, var(--vendo-color-background, #f7f7f8))",
+            padding: "var(--vendo-density-stat-padding, 12px 14px)",
+        }, children: [_jsx("span", { style: { color: "var(--vendo-color-muted, #6b6b76)", fontSize: "0.82em", fontWeight: 650 }, children: content(label) }), _jsxs("strong", { style: {
+                    color: emphasis,
+                    fontFamily: "var(--vendo-heading-family, var(--vendo-font-family, system-ui, sans-serif))",
+                    fontSize: "calc(var(--vendo-font-size, 15px) * 1.65)",
+                    fontWeight: 700,
+                    letterSpacing: "-0.025em",
+                    lineHeight: 1.12,
+                }, children: [content(prefix), formattedValue === undefined ? content(value, "—") : formattedValue ?? "—", content(suffix)] }), trend !== undefined && trend !== null ? (_jsx("span", { style: { color: "var(--vendo-color-muted, #6b6b76)", fontSize: "0.8em", lineHeight: 1.35 }, children: content(trend) })) : null] }));
+}
+/** Bound per-tab actions preserve selected-value payloads without event plumbing. */
+export function Tabs({ label = "Tabs", value, tabs, items, onChange }) {
+    const normalized = (tabs ?? items ?? []).map((item) => {
+        if (typeof item !== "object" || item === null) {
+            return { value: content(item), label: content(item), disabled: false, onSelect: undefined };
+        }
+        return {
+            value: content(item.value ?? item.id ?? item.label),
+            label: content(item.label),
+            disabled: item.disabled ?? false,
+            onSelect: item.onSelect,
+        };
+    });
+    const selected = value === undefined || value === null
+        ? normalized.find((item) => !item.disabled)?.value
+        : content(value);
+    const focusTab = (event) => {
+        const offsets = { ArrowLeft: -1, ArrowUp: -1, ArrowRight: 1, ArrowDown: 1 };
+        const offset = offsets[event.key];
+        if (offset === undefined && event.key !== "Home" && event.key !== "End")
+            return;
+        const buttons = Array.from(event.currentTarget.parentElement?.querySelectorAll('[role="tab"]:not(:disabled)') ?? []);
+        if (buttons.length === 0)
+            return;
+        event.preventDefault();
+        const current = Math.max(0, buttons.indexOf(event.currentTarget));
+        const target = event.key === "Home"
+            ? 0
+            : event.key === "End"
+                ? buttons.length - 1
+                : (current + (offset ?? 0) + buttons.length) % buttons.length;
+        buttons[target]?.focus();
+    };
+    return (_jsx("div", { role: "tablist", "aria-label": label, "data-primitive": "Tabs", style: {
+            ...font,
+            display: "flex",
+            alignItems: "center",
+            gap: "var(--vendo-density-inline-gap, 7px)",
+            width: "fit-content",
+            maxWidth: "100%",
+            overflowX: "auto",
+            border: "1px solid var(--vendo-color-border, #e3e3e8)",
+            borderRadius: "var(--vendo-radius-medium, 10px)",
+            background: "color-mix(in srgb, var(--vendo-color-background, #ffffff) 72%, var(--vendo-color-surface, #f7f7f8))",
+            padding: "var(--vendo-density-tabs-padding, 4px)",
+        }, children: normalized.map((item, index) => {
+            const active = item.value === selected;
+            return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, tabIndex: active ? 0 : -1, disabled: item.disabled, onClick: () => run(item.onSelect ?? onChange), onKeyDown: focusTab, style: {
+                    ...font,
+                    minHeight: "var(--vendo-density-tab-height, 30px)",
+                    border: active ? "1px solid var(--vendo-color-border, #e3e3e8)" : "1px solid transparent",
+                    borderRadius: "var(--vendo-radius-small, 6px)",
+                    color: active ? "var(--vendo-color-text, #1a1a1e)" : "var(--vendo-color-muted, #6b6b76)",
+                    background: active ? "var(--vendo-color-surface, #ffffff)" : "transparent",
+                    boxShadow: active ? "0 1px 3px color-mix(in srgb, var(--vendo-color-text, #1a1a1e) 10%, transparent)" : "none",
+                    cursor: item.disabled ? "not-allowed" : "pointer",
+                    fontSize: "0.88em",
+                    fontWeight: active ? 650 : 550,
+                    opacity: item.disabled ? 0.5 : 1,
+                    padding: "var(--vendo-density-tab-padding, 6px 10px)",
+                    whiteSpace: "nowrap",
+                    transition: `background-color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+                box-shadow var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease),
+                color var(--vendo-motion-duration, 160ms) var(--vendo-motion-easing, ease)`,
+                }, children: item.label }, `${item.value}-${index}`));
+        }) }));
+}
+/** The fixed branded primitive addition for ENG-242. Keys must be exactly
+ *  core's BRANDED_COMPONENT_NAMES (the ONE list this file mirrors); the
+ *  `satisfies` check makes drift a compile error. */
+export const BRANDED_COMPONENTS = {
+    Card,
+    Button,
+    Input,
+    Select,
+    Table,
+    Badge,
+    Stat,
+    Tabs,
+};
+//# sourceMappingURL=branded.js.map