@vendoai/ui 0.4.0

package/dist/kit/charts/sanitize.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isRenderableNumber } from "../format.js";
+import { font, t } from "../tokens.js";
+/** Replace non-finite values in the given series keys with `null`. */
+export function sanitizeSeries(rows, keys) {
+    // W3 — fail SOFT on missing data (a failed query resolves to undefined).
+    if (!Array.isArray(rows))
+        return [];
+    return rows.map((row) => {
+        const out = { ...row };
+        for (const key of keys) {
+            const v = row[key];
+            out[key] = isRenderableNumber(v) ? v : null;
+        }
+        return out;
+    });
+}
+/** Keep only finite numbers. */
+export function sanitizeNumbers(values) {
+    return values.filter(isRenderableNumber);
+}
+/** True when no series key holds any finite value across the rows. */
+export function seriesIsEmpty(rows, keys) {
+    return !rows.some((row) => keys.some((key) => isRenderableNumber(row[key])));
+}
+/** Common chart wrapper providing a min-height box. */
+export function ChartFrame({ height = 220, children }) {
+    return _jsx("div", { style: { width: "100%", height, minHeight: height }, children: children });
+}
+/** A designed empty/invalid state that reads as intentional, not broken. */
+export function ChartEmpty({ height = 220, children }) {
+    const style = {
+        ...font,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height,
+        minHeight: height,
+        color: t.muted,
+        border: `1px dashed ${t.border}`,
+        borderRadius: t.radiusMedium,
+        background: `color-mix(in srgb, ${t.background} 40%, transparent)`,
+        fontSize: "0.9em",
+        textAlign: "center",
+        padding: 12,
+    };
+    return _jsx("div", { "data-kit": "ChartEmpty", children: _jsx("div", { style: style, children: children }) });
+}
+//# sourceMappingURL=sanitize.js.map

package/dist/kit/charts/sanitize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.js","sourceRoot":"","sources":["../../../src/kit/charts/sanitize.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEvC,sEAAsE;AACtE,MAAM,UAAU,cAAc,CAC5B,IAAS,EACT,IAAc;IAEd,yEAAyE;IACzE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IACpC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACtB,MAAM,GAAG,GAA4B,EAAE,GAAG,GAAG,EAAE,CAAC;QAChD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC;AAED,gCAAgC;AAChC,MAAM,UAAU,eAAe,CAAC,MAAwC;IACtE,OAAO,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3C,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,aAAa,CAAC,IAAoC,EAAE,IAAc;IAChF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,CAAC;AAOD,uDAAuD;AACvD,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAmB;IACpE,OAAO,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAG,QAAQ,GAAO,CAAC;AACpF,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAA4C;IAC7F,MAAM,KAAK,GAAkB;QAC3B,GAAG,IAAI;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM;QACN,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,MAAM,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE;QAChC,YAAY,EAAE,CAAC,CAAC,YAAY;QAC5B,UAAU,EAAE,sBAAsB,CAAC,CAAC,UAAU,oBAAoB;QAClE,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,EAAE;KACZ,CAAC;IACF,OAAO,0BAAc,YAAY,YAAE,cAAK,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAO,GAAO,CAAC;AAChF,CAAC"}

package/dist/kit/charts/sparkline.d.ts

@@ -0,0 +1,11 @@
+export interface SparklineProps {
+    /** A list of numbers, or rows with a `valueKey`. */
+    data: Array<number | Record<string, unknown>>;
+    /** Field to read when `data` holds objects. */
+    valueKey?: string;
+    height?: number;
+    /** Placeholder shown when there is nothing renderable. */
+    emptyState?: string;
+}
+export declare function Sparkline({ data, valueKey, height, emptyState }: SparklineProps): import("react").JSX.Element;
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/kit/charts/sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/kit/charts/sparkline.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAkB,EAAE,MAAW,EAAE,UAAgB,EAAE,EAAE,cAAc,+BAmCpG"}

package/dist/kit/charts/sparkline.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Sparkline — a compact inline trend, recharts Area internals (W2 §The Kit). */
+import { Area, AreaChart, ResponsiveContainer } from "recharts";
+import { seriesColor } from "../tokens.js";
+import { font, t } from "../tokens.js";
+import { sanitizeNumbers } from "./sanitize.js";
+export function Sparkline({ data, valueKey = "value", height = 40, emptyState = "—" }) {
+    // W3 — fail SOFT on missing data (a failed query resolves to undefined).
+    const raw = (Array.isArray(data) ? data : []).map((d) => (typeof d === "number" ? d : d[valueKey]));
+    const clean = sanitizeNumbers(raw);
+    if (clean.length < 2) {
+        return (_jsx("span", { "data-kit": "Sparkline", style: { ...font, color: t.muted, fontSize: "0.9em" }, children: emptyState }));
+    }
+    const points = clean.map((v, i) => ({ i, v }));
+    return (_jsx("div", { "data-kit": "Sparkline", style: { width: "100%", height, minHeight: height }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(AreaChart, { data: points, margin: { top: 2, right: 2, bottom: 2, left: 2 }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "vendo-spark-fill", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: seriesColor(0), stopOpacity: 0.25 }), _jsx("stop", { offset: "100%", stopColor: seriesColor(0), stopOpacity: 0 })] }) }), _jsx(Area, { type: "monotone", dataKey: "v", stroke: seriesColor(0), strokeWidth: 1.6, fill: "url(#vendo-spark-fill)", dot: false, isAnimationActive: false })] }) }) }));
+}
+//# sourceMappingURL=sparkline.js.map

package/dist/kit/charts/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/kit/charts/sparkline.tsx"],"names":[],"mappings":";AAAA,iFAAiF;AACjF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAYhD,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,GAAG,EAAkB;IACnG,yEAAyE;IACzE,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,QAAQ,CAAY,CAAC,CAAC,CAAC;IAChH,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,CACL,2BAAe,WAAW,EAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC7E,UAAU,GACN,CACR,CAAC;IACJ,CAAC;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,OAAO,CACL,0BAAc,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAC3E,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC7C,MAAC,SAAS,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aACvE,yBACE,0BAAgB,EAAE,EAAC,kBAAkB,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aAC/D,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,GAAI,EAClE,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,GAAI,IAClD,GACZ,EACP,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,GAAG,EACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EACtB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,wBAAwB,EAC7B,GAAG,EAAE,KAAK,EACV,iBAAiB,EAAE,KAAK,GACxB,IACQ,GACQ,GAClB,CACP,CAAC;AACJ,CAAC"}

package/dist/kit/data/badge.d.ts

@@ -0,0 +1,13 @@
+/** Badge — small status label using theme tones (W2 §The Kit). */
+import type { PropsWithChildren } from "react";
+import { type EnumTone } from "../values.js";
+export interface BadgeProps {
+    label?: string;
+    tone?: EnumTone;
+}
+/**
+ * A literal status pill. For enum data fields prefer `EnumBadge` (it humanizes
+ * and tone-maps the raw value); `Badge` is for a copy label the model writes.
+ */
+export declare function Badge({ label, tone, children }: PropsWithChildren<BadgeProps>): import("react").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/kit/data/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/kit/data/badge.tsx"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAgB,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,UAAU,CAAC,+BAIzF"}

package/dist/kit/data/badge.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EnumBadge } from "../values.js";
+/**
+ * A literal status pill. For enum data fields prefer `EnumBadge` (it humanizes
+ * and tone-maps the raw value); `Badge` is for a copy label the model writes.
+ */
+export function Badge({ label, tone = "neutral", children }) {
+    const text = label ?? (typeof children === "string" ? children : "");
+    // Reuse EnumBadge's tone styling with an explicit label (no humanization).
+    return _jsx(EnumBadge, { value: text, labels: { [text]: text }, tone: tone });
+}
+//# sourceMappingURL=badge.js.map

package/dist/kit/data/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/kit/data/badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAiB,MAAM,cAAc,CAAC;AAOxD;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAiC;IACxF,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrE,2EAA2E;IAC3E,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AAC1E,CAAC"}

package/dist/kit/data/card-list.d.ts

@@ -0,0 +1,23 @@
+/** CardList — one branded card per record, semantically formatted (W2 §The Kit). */
+import { type ValueFormat } from "../format.js";
+export interface CardField {
+    key: string;
+    label?: string;
+    format?: ValueFormat;
+}
+export interface CardListProps {
+    /** Items from a tool call. */
+    items: Array<Record<string, unknown>>;
+    /** Field used as each card's title. */
+    titleField?: string;
+    /** Optional field rendered as a status pill (EnumBadge). */
+    badgeField?: string;
+    /** Fields shown as label/value rows. */
+    fields?: CardField[];
+    /** Columns of cards (defaults to a responsive auto-fit grid). */
+    columns?: number;
+    /** Text shown when there are no items. */
+    emptyState?: string;
+}
+export declare function CardList({ items: rawItems, titleField, badgeField, fields, columns, emptyState }: CardListProps): import("react").JSX.Element;
+//# sourceMappingURL=card-list.d.ts.map

package/dist/kit/data/card-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-list.d.ts","sourceRoot":"","sources":["../../../src/kit/data/card-list.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAW,EAAE,OAAO,EAAE,UAAuB,EAAE,EAAE,aAAa,+BAuEjI"}

package/dist/kit/data/card-list.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** CardList — one branded card per record, semantically formatted (W2 §The Kit). */
+import { applyFormat } from "../format.js";
+import { font, t } from "../tokens.js";
+import { EnumBadge } from "../values.js";
+function resolve(row, key) {
+    return key.split(".").reduce((acc, k) => (acc && typeof acc === "object" ? acc[k] : undefined), row);
+}
+export function CardList({ items: rawItems, titleField, badgeField, fields = [], columns, emptyState = "No items" }) {
+    // W3 — fail SOFT on missing data (a failed query resolves to undefined).
+    const items = Array.isArray(rawItems) ? rawItems : [];
+    if (items.length === 0) {
+        return (_jsx("div", { "data-kit": "CardList", style: {
+                ...font,
+                color: t.muted,
+                textAlign: "center",
+                border: `1px dashed ${t.border}`,
+                borderRadius: t.radiusMedium,
+                padding: "calc(var(--vendo-font-size, 15px) * 1.6)",
+            }, children: emptyState }));
+    }
+    const gridTemplate = columns
+        ? `repeat(${Math.max(1, Math.floor(columns))}, minmax(0, 1fr))`
+        : "repeat(auto-fill, minmax(220px, 1fr))";
+    return (_jsx("div", { "data-kit": "CardList", style: { display: "grid", gridTemplateColumns: gridTemplate, gap: "var(--vendo-density-content-gap, 10px)" }, children: items.map((item, index) => {
+            const badge = badgeField ? resolve(item, badgeField) : undefined;
+            return (_jsxs("article", { style: {
+                    ...font,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "var(--vendo-density-field-gap, 6px)",
+                    border: `1px solid ${t.border}`,
+                    borderRadius: t.radiusLarge,
+                    background: t.surface,
+                    boxShadow: `0 4px 20px color-mix(in srgb, ${t.text} 5%, transparent)`,
+                    padding: "var(--vendo-density-card-padding, 16px)",
+                }, children: [(titleField || badge !== undefined) && (_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 }, children: [titleField ? (_jsx("span", { style: { fontFamily: t.headingFamily, fontWeight: 650, letterSpacing: "-0.015em" }, children: String(resolve(item, titleField) ?? "—") })) : _jsx("span", {}), badge !== undefined && badge !== null && badge !== "" ? (_jsx(EnumBadge, { value: String(badge) })) : null] })), fields.map((f) => {
+                        const formatted = applyFormat(resolve(item, f.key), f.format ?? "text");
+                        return (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 8, fontSize: "0.92em" }, children: [_jsx("span", { style: { color: t.muted }, children: f.label ?? f.key }), _jsx("span", { style: { fontVariantNumeric: "tabular-nums" }, children: formatted ?? "—" })] }, f.key));
+                    })] }, String(resolve(item, "id") ?? index)));
+        }) }));
+}
+//# sourceMappingURL=card-list.js.map

package/dist/kit/data/card-list.js.map

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

package/dist/kit/data/data-table.d.ts

@@ -0,0 +1,32 @@
+import { type ValueFormat } from "../format.js";
+export interface DataTableColumn {
+    /** Field key; supports dot-paths ("client.name"). */
+    key: string;
+    /** Header label; defaults to a humanized last path segment. */
+    label?: string;
+    /** Value-tier format applied to every cell. */
+    format?: ValueFormat;
+    align?: "start" | "center" | "end";
+}
+export interface DataTableProps {
+    /** Rows from a tool call. */
+    rows: Array<Record<string, unknown>>;
+    /** Column descriptions; when omitted, inferred from the first row's keys. */
+    columns?: DataTableColumn[];
+    /** Initial sort, e.g. "dueDate asc" or "amountCents desc". */
+    sortBy?: string;
+    /** Hard cap on rows shown. */
+    limit?: number;
+    /** Column keys to expose as distinct-value filter dropdowns. */
+    filterableBy?: string[];
+    /** Show a search box filtering across all columns. */
+    searchable?: boolean;
+    /** Page size; enables pagination when set. */
+    paginate?: number;
+    /** Text shown when there are no rows (the named-query empty state). */
+    emptyState?: string;
+    /** Optional table caption. */
+    caption?: string;
+}
+export declare function DataTable(props: DataTableProps): import("react").JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/kit/data/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/kit/data/data-table.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAeD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAuP9C"}

package/dist/kit/data/data-table.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DataTable — the flagship (W2 §The Kit). TanStack Table internals; the model
+ * only fills props. It sorts, filters, searches, paginates, resolves dot-path
+ * column keys, formats each cell by its `format` token, and shows a named-query
+ * empty state — none of which the model has to author.
+ */
+import { useMemo, useState } from "react";
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { applyFormat } from "../format.js";
+import { font, t } from "../tokens.js";
+import { humanizeEnum } from "../values.js";
+/** Resolve a dot-path against a row. */
+function resolvePath(row, path) {
+    return path.split(".").reduce((acc, key) => {
+        if (acc && typeof acc === "object")
+            return acc[key];
+        return undefined;
+    }, row);
+}
+const alignCss = (a) => a === "end" ? "right" : a === "center" ? "center" : "left";
+const cellPad = "var(--vendo-density-table-padding, 10px 12px)";
+export function DataTable(props) {
+    const { rows: rawRows, sortBy, limit, filterableBy, searchable = false, paginate, emptyState = "No data", caption, } = props;
+    // W3 — fail SOFT on missing data: a failed/pending query resolves its
+    // binding to undefined at runtime; the table's named-query empty state is
+    // the honest render, never a crash.
+    const rows = useMemo(() => (Array.isArray(rawRows) ? rawRows : []), [rawRows]);
+    const columns = useMemo(() => props.columns ?? Object.keys(rows[0] ?? {}).map((key) => ({ key })), [props.columns, rows]);
+    const data = useMemo(() => (typeof limit === "number" && limit >= 0 ? rows.slice(0, limit) : rows), [rows, limit]);
+    const initialSorting = useMemo(() => {
+        if (!sortBy)
+            return [];
+        const [id, dir] = sortBy.trim().split(/\s+/);
+        if (!id)
+            return [];
+        return [{ id, desc: (dir ?? "asc").toLowerCase() === "desc" }];
+    }, [sortBy]);
+    const tanstackColumns = useMemo(() => columns.map((col) => ({
+        id: col.key,
+        accessorFn: (row) => resolvePath(row, col.key),
+        header: col.label ?? humanizeEnum(col.key.split(".").pop() ?? col.key),
+        cell: (ctx) => {
+            const raw = ctx.getValue();
+            const formatted = applyFormat(raw, col.format ?? "text");
+            if (formatted === null)
+                return _jsx("span", { style: { color: t.muted }, children: "\u2014" });
+            return formatted;
+        },
+        filterFn: "includesString",
+    })), [columns]);
+    const [sorting, setSorting] = useState(initialSorting);
+    const [globalFilter, setGlobalFilter] = useState("");
+    const [columnFilters, setColumnFilters] = useState([]);
+    const table = useReactTable({
+        data,
+        columns: tanstackColumns,
+        state: { sorting, globalFilter, columnFilters },
+        onSortingChange: setSorting,
+        onGlobalFilterChange: setGlobalFilter,
+        onColumnFiltersChange: setColumnFilters,
+        globalFilterFn: "includesString",
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        ...(typeof paginate === "number" && paginate > 0
+            ? { getPaginationRowModel: getPaginationRowModel(), initialState: { pagination: { pageSize: paginate, pageIndex: 0 } } }
+            : {}),
+    });
+    const distinctValues = useMemo(() => {
+        const map = new Map();
+        for (const key of filterableBy ?? []) {
+            const set = new Set();
+            for (const row of data) {
+                const v = resolvePath(row, key);
+                if (v !== null && v !== undefined && v !== "")
+                    set.add(String(v));
+            }
+            map.set(key, [...set].sort());
+        }
+        return map;
+    }, [filterableBy, data]);
+    const columnLabel = (key) => columns.find((c) => c.key === key)?.label ?? humanizeEnum(key.split(".").pop() ?? key);
+    const bodyRows = table.getRowModel().rows;
+    return (_jsxs("div", { "data-kit": "DataTable", style: { ...font, display: "flex", flexDirection: "column", gap: "var(--vendo-density-content-gap, 10px)" }, children: [(searchable || (filterableBy && filterableBy.length > 0)) && (_jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "var(--vendo-density-inline-gap, 7px)", alignItems: "center" }, children: [searchable && (_jsx("input", { type: "search", role: "searchbox", "aria-label": "Search table", placeholder: "Search\u2026", value: globalFilter, onChange: (e) => setGlobalFilter(e.target.value), style: {
+                            ...font,
+                            minHeight: "var(--vendo-density-control-height, 38px)",
+                            border: `1px solid ${t.border}`,
+                            borderRadius: t.radiusSmall,
+                            background: t.surface,
+                            padding: "var(--vendo-density-control-padding, 9px 12px)",
+                            flex: "1 1 180px",
+                        } })), (filterableBy ?? []).map((key) => (_jsxs("select", { "aria-label": `Filter by ${columnLabel(key)}`, value: columnFilters.find((f) => f.id === key)?.value ?? "", onChange: (e) => {
+                            const value = e.target.value;
+                            setColumnFilters((prev) => {
+                                const rest = prev.filter((f) => f.id !== key);
+                                return value ? [...rest, { id: key, value }] : rest;
+                            });
+                        }, style: {
+                            ...font,
+                            minHeight: "var(--vendo-density-control-height, 38px)",
+                            border: `1px solid ${t.border}`,
+                            borderRadius: t.radiusSmall,
+                            background: t.surface,
+                            padding: "6px 10px",
+                            cursor: "pointer",
+                        }, children: [_jsxs("option", { value: "", children: ["All ", columnLabel(key)] }), (distinctValues.get(key) ?? []).map((v) => (_jsx("option", { value: v, children: v }, v)))] }, key)))] })), _jsx("div", { style: {
+                    width: "100%",
+                    overflowX: "auto",
+                    border: `1px solid ${t.border}`,
+                    borderRadius: t.radiusMedium,
+                    background: t.surface,
+                }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [caption ? (_jsx("caption", { style: { padding: cellPad, textAlign: "left", fontWeight: 650 }, children: caption })) : null, _jsx("thead", { children: table.getHeaderGroups().map((hg) => (_jsx("tr", { style: { background: `color-mix(in srgb, ${t.background} 72%, ${t.surface})` }, children: hg.headers.map((header) => {
+                                    const col = columns.find((c) => c.key === header.column.id);
+                                    const sorted = header.column.getIsSorted();
+                                    return (_jsxs("th", { scope: "col", onClick: header.column.getToggleSortingHandler(), style: {
+                                            color: t.muted,
+                                            borderBottom: `1px solid ${t.border}`,
+                                            fontSize: "0.78em",
+                                            fontWeight: 700,
+                                            letterSpacing: "0.045em",
+                                            padding: cellPad,
+                                            textAlign: alignCss(col?.align),
+                                            textTransform: "uppercase",
+                                            cursor: "pointer",
+                                            userSelect: "none",
+                                            whiteSpace: "nowrap",
+                                        }, children: [flexRender(header.column.columnDef.header, header.getContext()), sorted === "asc" ? " ▲" : sorted === "desc" ? " ▼" : ""] }, header.id));
+                                }) }, hg.id))) }), _jsx("tbody", { children: bodyRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(1, columns.length), style: { color: t.muted, padding: "calc(var(--vendo-font-size, 15px) * 1.6) 12px", textAlign: "center" }, children: emptyState }) })) : (bodyRows.map((row, rowIndex) => (_jsx("tr", { children: row.getVisibleCells().map((cell) => {
+                                    const col = columns.find((c) => c.key === cell.column.id);
+                                    return (_jsx("td", { style: {
+                                            borderBottom: rowIndex === bodyRows.length - 1 ? 0 : `1px solid ${t.border}`,
+                                            padding: cellPad,
+                                            textAlign: alignCss(col?.align),
+                                            fontVariantNumeric: col?.format && col.format !== "text" ? "tabular-nums" : undefined,
+                                        }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+                                }) }, row.id)))) })] }) }), typeof paginate === "number" && paginate > 0 && table.getPageCount() > 1 && (_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "var(--vendo-density-inline-gap, 7px)" }, children: [_jsxs("span", { style: { color: t.muted, fontSize: "0.85em" }, children: ["Page ", table.getState().pagination.pageIndex + 1, " of ", table.getPageCount()] }), _jsxs("div", { style: { display: "flex", gap: "var(--vendo-density-inline-gap, 7px)" }, children: [_jsx(PageButton, { disabled: !table.getCanPreviousPage(), onClick: () => table.previousPage(), children: "Previous" }), _jsx(PageButton, { disabled: !table.getCanNextPage(), onClick: () => table.nextPage(), children: "Next" })] })] }))] }));
+}
+function PageButton({ disabled, onClick, children }) {
+    return (_jsx("button", { type: "button", disabled: disabled, onClick: onClick, style: {
+            ...font,
+            border: `1px solid ${t.border}`,
+            borderRadius: t.radiusSmall,
+            background: t.surface,
+            color: t.text,
+            cursor: disabled ? "not-allowed" : "pointer",
+            opacity: disabled ? 0.5 : 1,
+            fontSize: "0.85em",
+            fontWeight: 600,
+            padding: "6px 12px",
+        }, children: children }));
+}
+//# sourceMappingURL=data-table.js.map

package/dist/kit/data/data-table.js.map

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

package/dist/kit/data/stat.d.ts

@@ -0,0 +1,15 @@
+/** Stat — a KPI/metric summary with semantic formatting (W2 §The Kit). */
+import { type ValueFormat } from "../format.js";
+export interface StatProps {
+    /** Metric name. */
+    label: string;
+    /** Raw value; formatted by `format` (money takes cents). */
+    value: number | string;
+    /** Value-tier format. */
+    format?: ValueFormat;
+    /** A trend / delta caption, e.g. "+12% MoM". */
+    trend?: string;
+    tone?: "default" | "accent" | "danger";
+}
+export declare function Stat({ label, value, format, trend, tone }: StatProps): import("react").JSX.Element;
+//# sourceMappingURL=stat.d.ts.map

package/dist/kit/data/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../src/kit/data/stat.tsx"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAG7D,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,yBAAyB;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAe,EAAE,KAAK,EAAE,IAAgB,EAAE,EAAE,SAAS,+BAuCzF"}

package/dist/kit/data/stat.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Stat — a KPI/metric summary with semantic formatting (W2 §The Kit). */
+import { applyFormat } from "../format.js";
+import { font, t } from "../tokens.js";
+export function Stat({ label, value, format = "text", trend, tone = "default" }) {
+    const emphasis = tone === "accent" ? t.accent : tone === "danger" ? t.danger : t.text;
+    const formatted = applyFormat(value, format);
+    return (_jsxs("article", { "data-kit": "Stat", "data-tone": tone, "aria-label": label, style: {
+            ...font,
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--vendo-density-field-gap, 6px)",
+            minWidth: 0,
+            borderLeft: `3px solid ${emphasis}`,
+            borderRadius: t.radiusSmall,
+            background: `color-mix(in srgb, ${t.surface} 90%, ${t.background})`,
+            padding: "var(--vendo-density-stat-padding, 12px 14px)",
+        }, children: [_jsx("span", { style: { color: t.muted, fontSize: "0.82em", fontWeight: 650 }, children: label }), _jsx("strong", { style: {
+                    color: emphasis,
+                    fontFamily: t.headingFamily,
+                    fontSize: "calc(var(--vendo-font-size, 15px) * 1.65)",
+                    fontWeight: 700,
+                    letterSpacing: "-0.025em",
+                    lineHeight: 1.12,
+                    fontVariantNumeric: "tabular-nums",
+                }, children: formatted ?? "—" }), trend ? (_jsx("span", { style: { color: t.muted, fontSize: "0.8em", lineHeight: 1.35 }, children: trend })) : null] }));
+}
+//# sourceMappingURL=stat.js.map

package/dist/kit/data/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../../src/kit/data/stat.tsx"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,OAAO,EAAE,WAAW,EAAoB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAcvC,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAa;IACxF,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtF,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,OAAO,CACL,+BACW,MAAM,eACJ,IAAI,gBACH,KAAK,EACjB,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,qCAAqC;YAC1C,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,aAAa,QAAQ,EAAE;YACnC,YAAY,EAAE,CAAC,CAAC,WAAW;YAC3B,UAAU,EAAE,sBAAsB,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,GAAG;YACnE,OAAO,EAAE,8CAA8C;SACxD,aAED,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,KAAK,GAAQ,EACpF,iBACE,KAAK,EAAE;oBACL,KAAK,EAAE,QAAQ;oBACf,UAAU,EAAE,CAAC,CAAC,aAAa;oBAC3B,QAAQ,EAAE,2CAA2C;oBACrD,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,UAAU;oBACzB,UAAU,EAAE,IAAI;oBAChB,kBAAkB,EAAE,cAAc;iBACnC,YAEA,SAAS,IAAI,GAAG,GACV,EACR,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAG,KAAK,GAAQ,CACrF,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC"}

package/dist/kit/feedback/accordion.d.ts

@@ -0,0 +1,15 @@
+/** Accordion — self-managing collapsible sections (W2 §The Kit). */
+import { type ReactNode } from "react";
+export interface AccordionItem {
+    label: string;
+    content: ReactNode;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    /** Allow more than one section open at once. */
+    multiple?: boolean;
+    /** Indices open on first render. */
+    defaultOpen?: number[];
+}
+export declare function Accordion({ items, multiple, defaultOpen }: AccordionProps): import("react").JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/kit/feedback/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/kit/feedback/accordion.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,WAAgB,EAAE,EAAE,cAAc,+BAkDtF"}

package/dist/kit/feedback/accordion.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Accordion — self-managing collapsible sections (W2 §The Kit). */
+import { useState } from "react";
+import { font, t } from "../tokens.js";
+export function Accordion({ items, multiple = false, defaultOpen = [] }) {
+    const [open, setOpen] = useState(new Set(defaultOpen));
+    const toggle = (i) => setOpen((prev) => {
+        const next = new Set(multiple ? prev : []);
+        if (prev.has(i))
+            next.delete(i);
+        else
+            next.add(i);
+        return next;
+    });
+    return (_jsx("div", { "data-kit": "Accordion", style: { ...font, border: `1px solid ${t.border}`, borderRadius: t.radiusMedium, overflow: "hidden", background: t.surface }, children: items.map((item, i) => {
+            const isOpen = open.has(i);
+            return (_jsxs("div", { style: { borderTop: i === 0 ? 0 : `1px solid ${t.border}` }, children: [_jsxs("button", { type: "button", "aria-expanded": isOpen, onClick: () => toggle(i), style: {
+                            ...font,
+                            display: "flex",
+                            width: "100%",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            gap: 8,
+                            border: 0,
+                            background: "transparent",
+                            cursor: "pointer",
+                            fontWeight: 600,
+                            padding: "var(--vendo-density-card-padding, 12px 14px)",
+                            textAlign: "left",
+                        }, children: [item.label, _jsx("span", { "aria-hidden": "true", style: { color: t.muted, transform: isOpen ? "rotate(90deg)" : "none", transition: `transform ${t.motionDuration} ${t.motionEasing}` }, children: "\u203A" })] }), isOpen ? (_jsx("div", { style: { padding: "0 14px var(--vendo-density-card-padding, 14px)", color: t.text }, children: item.content })) : null] }, `${item.label}-${i}`));
+        }) }));
+}
+//# sourceMappingURL=accordion.js.map

package/dist/kit/feedback/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/kit/feedback/accordion.tsx"],"names":[],"mappings":";AAAA,oEAAoE;AACpE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAevC,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAkB;IACrF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAC3B,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;YAC3B,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACL,OAAO,CACL,0BACW,WAAW,EACpB,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE,YAE3H,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3B,OAAO,CACL,eAAgC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE,EAAE,aACzF,kBACE,IAAI,EAAC,QAAQ,mBACE,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE;4BACL,GAAG,IAAI;4BACP,OAAO,EAAE,MAAM;4BACf,KAAK,EAAE,MAAM;4BACb,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,eAAe;4BAC/B,GAAG,EAAE,CAAC;4BACN,MAAM,EAAE,CAAC;4BACT,UAAU,EAAE,aAAa;4BACzB,MAAM,EAAE,SAAS;4BACjB,UAAU,EAAE,GAAG;4BACf,OAAO,EAAE,8CAA8C;4BACvD,SAAS,EAAE,MAAM;yBAClB,aAEA,IAAI,CAAC,KAAK,EACX,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,uBAExJ,IACA,EACR,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,gDAAgD,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,YAAG,IAAI,CAAC,OAAO,GAAO,CAC/G,CAAC,CAAC,CAAC,IAAI,KA3BA,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CA4BxB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/kit/feedback/callout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Callout — a toned info/success/warning/danger notice (W2 §The Kit).
+ * Distinct from Disclaimer: Callout highlights real information; Disclaimer is
+ * the honesty arm for when no tool backs the ask.
+ */
+import type { PropsWithChildren } from "react";
+export type CalloutTone = "info" | "success" | "warning" | "danger";
+export interface CalloutProps {
+    tone?: CalloutTone;
+    title?: string;
+}
+export declare function Callout({ tone, title, children }: PropsWithChildren<CalloutProps>): import("react").JSX.Element;
+//# sourceMappingURL=callout.d.ts.map

package/dist/kit/feedback/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/kit/feedback/callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASpE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,+BA6B1F"}

package/dist/kit/feedback/callout.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { font, t } from "../tokens.js";
+const TONE = {
+    info: { accent: t.accent, icon: "ⓘ" },
+    success: { accent: "#1e7f53", icon: "✓" },
+    warning: { accent: "#b8860b", icon: "▲" },
+    danger: { accent: t.danger, icon: "✕" },
+};
+export function Callout({ tone = "info", title, children }) {
+    const { accent, icon } = TONE[tone];
+    return (_jsxs("div", { "data-kit": "Callout", "data-tone": tone, role: "status", style: {
+            ...font,
+            display: "flex",
+            gap: "var(--vendo-density-inline-gap, 10px)",
+            alignItems: "flex-start",
+            borderLeft: `3px solid ${accent}`,
+            border: `1px solid color-mix(in srgb, ${accent} 25%, ${t.border})`,
+            borderLeftWidth: 3,
+            borderRadius: t.radiusMedium,
+            background: `color-mix(in srgb, ${accent} 7%, ${t.surface})`,
+            padding: "var(--vendo-density-card-padding, 12px 14px)",
+        }, children: [_jsx("span", { "aria-hidden": "true", style: { color: accent, fontWeight: 700, lineHeight: 1.4 }, children: icon }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 3 }, children: [title ? _jsx("span", { style: { fontWeight: 650, letterSpacing: "-0.01em" }, children: title }) : null, _jsx("span", { style: { color: t.muted, fontSize: "0.92em", lineHeight: 1.45 }, children: children })] })] }));
+}
+//# sourceMappingURL=callout.js.map

package/dist/kit/feedback/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/kit/feedback/callout.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAIvC,MAAM,IAAI,GAA0D;IAClE,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;IACrC,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;IACzC,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;IACzC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;CACxC,CAAC;AAOF,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAmC;IACzF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,CACL,2BACW,SAAS,eACP,IAAI,EACf,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,uCAAuC;YAC5C,UAAU,EAAE,YAAY;YACxB,UAAU,EAAE,aAAa,MAAM,EAAE;YACjC,MAAM,EAAE,gCAAgC,MAAM,SAAS,CAAC,CAAC,MAAM,GAAG;YAClE,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,UAAU,EAAE,sBAAsB,MAAM,QAAQ,CAAC,CAAC,OAAO,GAAG;YAC5D,OAAO,EAAE,8CAA8C;SACxD,aAED,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,YAChF,IAAI,GACA,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7D,KAAK,CAAC,CAAC,CAAC,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC1F,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAQ,IACpF,IACF,CACP,CAAC;AACJ,CAAC"}