@vendoai/ui 0.4.0

package/dist/kit/forms/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/kit/forms/select.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,EAAK,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAuBrD,SAAS,WAAW,CAAC,GAAiB,EAAE,UAAmB;IACzD,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/G,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,WAAW,CAAC,GAAiB,EAAE,UAAmB;IACzD,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5G,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAC1J,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAClD,yEAAyE;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,YACpE,kBACE,EAAE,EAAE,OAAO,cACF,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,sBACA,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;gBACnE,CAAC;qBAAM,CAAC;oBACN,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC;YACH,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAEhG,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAQ,KAAK,EAAC,EAAE,YAAE,WAAW,GAAU,CAAC,CAAC,CAAC,IAAI,EACvF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;oBACtB,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;oBACvC,OAAO,CACL,iBAA0B,KAAK,EAAE,CAAC,YAC/B,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,IADlB,GAAG,CAAC,IAAI,CAAC,EAAE,CAEf,CACV,CAAC;gBACJ,CAAC,CAAC,IACK,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/kit/forms/textarea.d.ts

@@ -0,0 +1,12 @@
+export interface TextareaProps {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    hint?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare function Textarea({ label, value, placeholder, rows, hint, disabled, required, onChange }: TextareaProps): import("react").JSX.Element;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/kit/forms/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/textarea.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAkBlH"}

package/dist/kit/forms/textarea.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Textarea — themed multiline input (W2 §The Kit). */
+import { control } from "../tokens.js";
+import { FieldShell, useFieldIds } from "./field.js";
+export function Textarea({ label, value, placeholder, rows = 3, hint, disabled, required, onChange }) {
+    const { fieldId, helpId } = useFieldIds("textarea");
+    return (_jsx(FieldShell, { fieldId: fieldId, helpId: helpId, label: label, hint: hint, children: _jsx("textarea", { id: fieldId, "data-kit": "Textarea", defaultValue: value, placeholder: placeholder, rows: rows, disabled: disabled, required: required, "aria-describedby": hint ? helpId : undefined, onChange: (e) => onChange?.(e.target.value), style: { ...control, resize: "vertical", minHeight: undefined, opacity: disabled ? 0.55 : 1 } }) }));
+}
+//# sourceMappingURL=textarea.js.map

package/dist/kit/forms/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/kit/forms/textarea.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAarD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IACjH,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACpD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,YACpE,mBACE,EAAE,EAAE,OAAO,cACF,UAAU,EACnB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,sBACA,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAC7F,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/kit/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @vendoai/ui/kit — the Kit (W2 §The Kit).
+ *
+ * The best component stack in generative UI: a strict superset of Crayon /
+ * Tambo / json-render surfaces, then better on our axes — host-brand-native via
+ * theme tokens, action-gated interactivity, semantics-driven formatting,
+ * named-query empty states, composable inside islands. Every prop is
+ * zod-schema'd and classed `config | copy | data`; the model-facing prompt is
+ * GENERATED from those schemas by `kitPrompt()`.
+ *
+ * This is a NEW module. The existing prewired set (`../tree`) stays intact;
+ * retirement is a later wave.
+ */
+export * from "./format.js";
+export * from "./tokens.js";
+export * from "./schema.js";
+export { KIT_COMPONENTS, KIT_SPECS, kitComponentNames, kitSpec, } from "./registry.js";
+export { kitPrompt, type KitPromptOptions } from "./kit-prompt.js";
+export * from "./layout.js";
+export * from "./values.js";
+export { DataTable, type DataTableColumn, type DataTableProps } from "./data/data-table.js";
+export { CardList, type CardField, type CardListProps } from "./data/card-list.js";
+export { Stat, type StatProps } from "./data/stat.js";
+export { Badge, type BadgeProps } from "./data/badge.js";
+export { LineChart, type LineChartProps, type SeriesInput } from "./charts/line.js";
+export { BarChart, type BarChartProps } from "./charts/bar.js";
+export { DonutChart, type DonutChartProps } from "./charts/donut.js";
+export { Sparkline, type SparklineProps } from "./charts/sparkline.js";
+export { Progress, type ProgressProps } from "./charts/progress.js";
+export { ChartFrame, ChartEmpty, sanitizeSeries, sanitizeNumbers, seriesIsEmpty, } from "./charts/sanitize.js";
+export { Button, type ButtonProps } from "./forms/button.js";
+export { Input, type InputProps } from "./forms/input.js";
+export { Select, type SelectProps, type SelectOption } from "./forms/select.js";
+export { DatePicker, type DatePickerProps } from "./forms/date-picker.js";
+export { Textarea, type TextareaProps } from "./forms/textarea.js";
+export { Checkbox, type CheckboxProps } from "./forms/checkbox.js";
+export { Form, type FormProps } from "./forms/form.js";
+export { Disclaimer, type DisclaimerProps } from "./forms/disclaimer.js";
+export { Tabs, type TabsProps, type TabItem } from "./feedback/tabs.js";
+export { Callout, type CalloutProps, type CalloutTone } from "./feedback/callout.js";
+export { Accordion, type AccordionProps, type AccordionItem } from "./feedback/accordion.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/kit/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,OAAO,GACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnE,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/kit/index.js

@@ -0,0 +1,45 @@
+/**
+ * @vendoai/ui/kit — the Kit (W2 §The Kit).
+ *
+ * The best component stack in generative UI: a strict superset of Crayon /
+ * Tambo / json-render surfaces, then better on our axes — host-brand-native via
+ * theme tokens, action-gated interactivity, semantics-driven formatting,
+ * named-query empty states, composable inside islands. Every prop is
+ * zod-schema'd and classed `config | copy | data`; the model-facing prompt is
+ * GENERATED from those schemas by `kitPrompt()`.
+ *
+ * This is a NEW module. The existing prewired set (`../tree`) stays intact;
+ * retirement is a later wave.
+ */
+// Semantics
+export * from "./format.js";
+export * from "./tokens.js";
+// Schema + registry + generated prompt
+export * from "./schema.js";
+export { KIT_COMPONENTS, KIT_SPECS, kitComponentNames, kitSpec, } from "./registry.js";
+export { kitPrompt } from "./kit-prompt.js";
+// Components
+export * from "./layout.js";
+export * from "./values.js";
+export { DataTable } from "./data/data-table.js";
+export { CardList } from "./data/card-list.js";
+export { Stat } from "./data/stat.js";
+export { Badge } from "./data/badge.js";
+export { LineChart } from "./charts/line.js";
+export { BarChart } from "./charts/bar.js";
+export { DonutChart } from "./charts/donut.js";
+export { Sparkline } from "./charts/sparkline.js";
+export { Progress } from "./charts/progress.js";
+export { ChartFrame, ChartEmpty, sanitizeSeries, sanitizeNumbers, seriesIsEmpty, } from "./charts/sanitize.js";
+export { Button } from "./forms/button.js";
+export { Input } from "./forms/input.js";
+export { Select } from "./forms/select.js";
+export { DatePicker } from "./forms/date-picker.js";
+export { Textarea } from "./forms/textarea.js";
+export { Checkbox } from "./forms/checkbox.js";
+export { Form } from "./forms/form.js";
+export { Disclaimer } from "./forms/disclaimer.js";
+export { Tabs } from "./feedback/tabs.js";
+export { Callout } from "./feedback/callout.js";
+export { Accordion } from "./feedback/accordion.js";
+//# sourceMappingURL=index.js.map

package/dist/kit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/kit/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,YAAY;AACZ,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAE5B,uCAAuC;AACvC,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,OAAO,GACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAyB,MAAM,iBAAiB,CAAC;AAEnE,aAAa;AACb,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,SAAS,EAA6C,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAsC,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAmB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAyC,MAAM,kBAAkB,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAsB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAwB,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAuB,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAsB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAoB,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAmB,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAuC,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAgC,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAuC,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,SAAS,EAA2C,MAAM,yBAAyB,CAAC"}

package/dist/kit/kit-prompt.d.ts

@@ -0,0 +1,7 @@
+/**
+ * kitPrompt() — the GENERATED model-facing prompt section (W2 §The Kit).
+ * W3 hoisted the generator to `@vendoai/core` (the engine consumes it there);
+ * re-exported so the `@vendoai/ui/kit` surface is unchanged.
+ */
+export { kitPrompt, type KitPromptOptions } from "@vendoai/core";
+//# sourceMappingURL=kit-prompt.d.ts.map

package/dist/kit/kit-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit-prompt.d.ts","sourceRoot":"","sources":["../../src/kit/kit-prompt.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/kit/kit-prompt.js

@@ -0,0 +1,7 @@
+/**
+ * kitPrompt() — the GENERATED model-facing prompt section (W2 §The Kit).
+ * W3 hoisted the generator to `@vendoai/core` (the engine consumes it there);
+ * re-exported so the `@vendoai/ui/kit` surface is unchanged.
+ */
+export { kitPrompt } from "@vendoai/core";
+//# sourceMappingURL=kit-prompt.js.map

package/dist/kit/kit-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit-prompt.js","sourceRoot":"","sources":["../../src/kit/kit-prompt.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC"}

package/dist/kit/layout.d.ts

@@ -0,0 +1,29 @@
+/** Layout tier — themed containers (W2 §The Kit). */
+import type { PropsWithChildren } from "react";
+export interface StackProps {
+    gap?: number;
+}
+/** Vertical flow. */
+export declare function Stack({ gap, children }: PropsWithChildren<StackProps>): import("react").JSX.Element;
+export interface RowProps {
+    gap?: number;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "between";
+    wrap?: boolean;
+}
+/** Horizontal flow. */
+export declare function Row({ gap, align, justify, wrap, children }: PropsWithChildren<RowProps>): import("react").JSX.Element;
+export interface GridProps {
+    columns?: number;
+    gap?: number;
+}
+/** Equal-width columns. */
+export declare function Grid({ columns, gap, children }: PropsWithChildren<GridProps>): import("react").JSX.Element;
+export interface SurfaceProps {
+    title?: string;
+}
+/** A bordered, elevated container; optional title. */
+export declare function Surface({ title, children }: PropsWithChildren<SurfaceProps>): import("react").JSX.Element;
+/** A horizontal rule. */
+export declare function Divider(): import("react").JSX.Element;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/kit/layout.tsx"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,KAAK,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM9D,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,qBAAqB;AACrB,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,UAAU,CAAC,+BASrE;AAED,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAeD,uBAAuB;AACvB,wBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,KAAgB,EAAE,OAAiB,EAAE,IAAW,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,QAAQ,CAAC,+BAgBnH;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,2BAA2B;AAC3B,wBAAgB,IAAI,CAAC,EAAE,OAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,SAAS,CAAC,+BAehF;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sDAAsD;AACtD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,+BA+B3E;AAED,yBAAyB;AACzB,wBAAgB,OAAO,gCAQtB"}

package/dist/kit/layout.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { font, t } from "./tokens.js";
+const gapVar = (gap) => gap === undefined ? "var(--vendo-space-small, 10px)" : `${gap}px`;
+/** Vertical flow. */
+export function Stack({ gap, children }) {
+    return (_jsx("div", { "data-kit": "Stack", style: { display: "flex", flexDirection: "column", alignItems: "stretch", gap: gapVar(gap) }, children: children }));
+}
+const alignMap = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+};
+const justifyMap = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+};
+/** Horizontal flow. */
+export function Row({ gap, align = "center", justify = "start", wrap = true, children }) {
+    return (_jsx("div", { "data-kit": "Row", style: {
+            display: "flex",
+            flexDirection: "row",
+            flexWrap: wrap ? "wrap" : "nowrap",
+            alignItems: alignMap[align],
+            justifyContent: justifyMap[justify],
+            gap: gapVar(gap),
+        }, children: children }));
+}
+/** Equal-width columns. */
+export function Grid({ columns = 2, gap, children }) {
+    const safe = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 2;
+    return (_jsx("div", { "data-kit": "Grid", style: {
+            display: "grid",
+            gridTemplateColumns: `repeat(${safe}, minmax(0, 1fr))`,
+            alignItems: "stretch",
+            gap: gapVar(gap),
+        }, children: children }));
+}
+/** A bordered, elevated container; optional title. */
+export function Surface({ title, children }) {
+    return (_jsxs("section", { "data-kit": "Surface", style: {
+            ...font,
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--vendo-density-content-gap, 10px)",
+            border: `1px solid ${t.border}`,
+            borderRadius: t.radiusMedium,
+            background: t.surface,
+            boxShadow: `0 4px 24px color-mix(in srgb, ${t.text} 6%, transparent)`,
+            padding: "var(--vendo-density-card-padding, 16px)",
+        }, children: [title ? (_jsx("div", { style: {
+                    fontFamily: t.headingFamily,
+                    fontSize: "calc(var(--vendo-font-size, 15px) * 1.05)",
+                    fontWeight: 650,
+                    letterSpacing: "-0.015em",
+                }, children: title })) : null, children] }));
+}
+/** A horizontal rule. */
+export function Divider() {
+    return (_jsx("hr", { "data-kit": "Divider", "aria-hidden": "true", style: { width: "100%", margin: 0, border: 0, borderTop: `1px solid ${t.border}` } }));
+}
+//# sourceMappingURL=layout.js.map

package/dist/kit/layout.js.map

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

package/dist/kit/registry.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The Kit registry (W2 §The Kit). The SPECS (zod schemas, prop classes,
+ * docs, examples) live in `@vendoai/core` since W3 (the engine consumes them
+ * there); this module owns the React implementations. The registry drift
+ * test asserts `KIT_COMPONENTS` covers exactly `KIT_SPECS`.
+ */
+import type { ComponentType } from "react";
+export { KIT_SPECS, kitComponentNames, kitSpec } from "@vendoai/core";
+/** Name → React component, for the tree renderer. */
+export declare const KIT_COMPONENTS: Readonly<Record<string, ComponentType<Record<string, never>>>>;
+//# sourceMappingURL=registry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/kit/registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA0B3C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtE,qDAAqD;AACrD,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAOtB,CAAC"}

package/dist/kit/registry.js

@@ -0,0 +1,34 @@
+// Components
+import { Divider, Grid, Row, Stack, Surface } from "./layout.js";
+import { DateTime, EnumBadge, Money, Num, Percent, Text } from "./values.js";
+import { DataTable } from "./data/data-table.js";
+import { CardList } from "./data/card-list.js";
+import { Stat } from "./data/stat.js";
+import { Badge } from "./data/badge.js";
+import { LineChart } from "./charts/line.js";
+import { BarChart } from "./charts/bar.js";
+import { DonutChart } from "./charts/donut.js";
+import { Sparkline } from "./charts/sparkline.js";
+import { Progress } from "./charts/progress.js";
+import { Button } from "./forms/button.js";
+import { Input } from "./forms/input.js";
+import { Select } from "./forms/select.js";
+import { DatePicker } from "./forms/date-picker.js";
+import { Textarea } from "./forms/textarea.js";
+import { Checkbox } from "./forms/checkbox.js";
+import { Form } from "./forms/form.js";
+import { Disclaimer } from "./forms/disclaimer.js";
+import { Tabs } from "./feedback/tabs.js";
+import { Callout } from "./feedback/callout.js";
+import { Accordion } from "./feedback/accordion.js";
+export { KIT_SPECS, kitComponentNames, kitSpec } from "@vendoai/core";
+/** Name → React component, for the tree renderer. */
+export const KIT_COMPONENTS = {
+    Stack, Row, Grid, Surface, Divider,
+    Text, Money, DateTime, Percent, Num, EnumBadge,
+    DataTable, CardList, Stat, Badge,
+    LineChart, BarChart, DonutChart, Sparkline, Progress,
+    Input, Select, DatePicker, Textarea, Checkbox, Button, Form, Disclaimer,
+    Tabs, Callout, Accordion,
+};
+//# sourceMappingURL=registry.js.map

package/dist/kit/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/kit/registry.ts"],"names":[],"mappings":"AAQA,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtE,qDAAqD;AACrD,MAAM,CAAC,MAAM,cAAc,GAAmE;IAC5F,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;IAClC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS;IAC9C,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;IAChC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ;IACpD,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU;IACvE,IAAI,EAAE,OAAO,EAAE,SAAS;CAC0C,CAAC"}

package/dist/kit/schema.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Kit prop schemas + classing (W2 §The Kit).
+ *
+ * W3 hoisted the definitions to `@vendoai/core` so the generation engine can
+ * consume the prop classes (law-1 enforcement) and the generated prompt;
+ * this module re-exports them so the `@vendoai/ui/kit` surface is unchanged.
+ */
+export { config, copy, data, propsSchema, validateProps, type KitComponentSpec, type PropClass, type PropSpec, } from "@vendoai/core";
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/kit/schema.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,QAAQ,GACd,MAAM,eAAe,CAAC"}

package/dist/kit/schema.js

@@ -0,0 +1,9 @@
+/**
+ * Kit prop schemas + classing (W2 §The Kit).
+ *
+ * W3 hoisted the definitions to `@vendoai/core` so the generation engine can
+ * consume the prop classes (law-1 enforcement) and the generated prompt;
+ * this module re-exports them so the `@vendoai/ui/kit` surface is unchanged.
+ */
+export { config, copy, data, propsSchema, validateProps, } from "@vendoai/core";
+//# sourceMappingURL=schema.js.map

package/dist/kit/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/kit/schema.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,aAAa,GAId,MAAM,eAAe,CAAC"}

package/dist/kit/tokens.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Shared style tokens for the Kit. Every value resolves to a host `--vendo-*`
+ * theme variable with a porcelain default — so a Kit component is brand-native
+ * on any host and never hardcodes Vendo's own brand (W2 §The Kit, axis 1).
+ */
+import type { CSSProperties } from "react";
+export declare const t: {
+    readonly text: "var(--vendo-color-text, #1a1a1e)";
+    readonly muted: "var(--vendo-color-muted, #6b6b76)";
+    readonly surface: "var(--vendo-color-surface, #ffffff)";
+    readonly background: "var(--vendo-color-background, #f7f7f8)";
+    readonly accent: "var(--vendo-color-accent, #111111)";
+    readonly accentText: "var(--vendo-color-accent-text, #ffffff)";
+    readonly danger: "var(--vendo-color-danger, #c62f2f)";
+    readonly border: "var(--vendo-color-border, #e3e3e8)";
+    readonly radiusSmall: "var(--vendo-radius-small, 6px)";
+    readonly radiusMedium: "var(--vendo-radius-medium, 10px)";
+    readonly radiusLarge: "var(--vendo-radius-large, 16px)";
+    readonly fontFamily: "var(--vendo-font-family, system-ui, sans-serif)";
+    readonly headingFamily: "var(--vendo-heading-family, var(--vendo-font-family, system-ui, sans-serif))";
+    readonly fontSize: "var(--vendo-font-size, 15px)";
+    readonly motionDuration: "var(--vendo-motion-duration, 160ms)";
+    readonly motionEasing: "var(--vendo-motion-easing, cubic-bezier(0.2, 0.8, 0.2, 1))";
+};
+/** Base text style shared by every Kit component. */
+export declare const font: CSSProperties;
+/** A form control (input/select) surface. */
+export declare const control: CSSProperties;
+/** Recharts-friendly categorical palette derived from the host accent. */
+export declare const chartSeries: readonly ["var(--vendo-color-accent, #111111)", "color-mix(in srgb, var(--vendo-color-accent, #111111) 55%, var(--vendo-color-surface, #ffffff))", "color-mix(in srgb, var(--vendo-color-accent, #111111) 30%, var(--vendo-color-surface, #ffffff))", "var(--vendo-color-muted, #6b6b76)", "color-mix(in srgb, var(--vendo-color-danger, #c62f2f) 70%, var(--vendo-color-accent, #111111))"];
+/** Nth series color, wrapping. */
+export declare function seriesColor(index: number): string;
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/kit/tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;CAiBJ,CAAC;AAEX,qDAAqD;AACrD,eAAO,MAAM,IAAI,EAAE,aAIlB,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,OAAO,EAAE,aASrB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,WAAW,8XAMd,CAAC;AAEX,kCAAkC;AAClC,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD"}

package/dist/kit/tokens.js

@@ -0,0 +1,48 @@
+export const t = {
+    text: "var(--vendo-color-text, #1a1a1e)",
+    muted: "var(--vendo-color-muted, #6b6b76)",
+    surface: "var(--vendo-color-surface, #ffffff)",
+    background: "var(--vendo-color-background, #f7f7f8)",
+    accent: "var(--vendo-color-accent, #111111)",
+    accentText: "var(--vendo-color-accent-text, #ffffff)",
+    danger: "var(--vendo-color-danger, #c62f2f)",
+    border: "var(--vendo-color-border, #e3e3e8)",
+    radiusSmall: "var(--vendo-radius-small, 6px)",
+    radiusMedium: "var(--vendo-radius-medium, 10px)",
+    radiusLarge: "var(--vendo-radius-large, 16px)",
+    fontFamily: "var(--vendo-font-family, system-ui, sans-serif)",
+    headingFamily: "var(--vendo-heading-family, var(--vendo-font-family, system-ui, sans-serif))",
+    fontSize: "var(--vendo-font-size, 15px)",
+    motionDuration: "var(--vendo-motion-duration, 160ms)",
+    motionEasing: "var(--vendo-motion-easing, cubic-bezier(0.2, 0.8, 0.2, 1))",
+};
+/** Base text style shared by every Kit component. */
+export const font = {
+    color: t.text,
+    fontFamily: t.fontFamily,
+    fontSize: t.fontSize,
+};
+/** A form control (input/select) surface. */
+export const control = {
+    ...font,
+    width: "100%",
+    minWidth: 0,
+    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)",
+};
+/** Recharts-friendly categorical palette derived from the host accent. */
+export const chartSeries = [
+    t.accent,
+    "color-mix(in srgb, var(--vendo-color-accent, #111111) 55%, var(--vendo-color-surface, #ffffff))",
+    "color-mix(in srgb, var(--vendo-color-accent, #111111) 30%, var(--vendo-color-surface, #ffffff))",
+    "var(--vendo-color-muted, #6b6b76)",
+    "color-mix(in srgb, var(--vendo-color-danger, #c62f2f) 70%, var(--vendo-color-accent, #111111))",
+];
+/** Nth series color, wrapping. */
+export function seriesColor(index) {
+    return chartSeries[index % chartSeries.length];
+}
+//# sourceMappingURL=tokens.js.map

package/dist/kit/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/kit/tokens.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,IAAI,EAAE,kCAAkC;IACxC,KAAK,EAAE,mCAAmC;IAC1C,OAAO,EAAE,qCAAqC;IAC9C,UAAU,EAAE,wCAAwC;IACpD,MAAM,EAAE,oCAAoC;IAC5C,UAAU,EAAE,yCAAyC;IACrD,MAAM,EAAE,oCAAoC;IAC5C,MAAM,EAAE,oCAAoC;IAC5C,WAAW,EAAE,gCAAgC;IAC7C,YAAY,EAAE,kCAAkC;IAChD,WAAW,EAAE,iCAAiC;IAC9C,UAAU,EAAE,iDAAiD;IAC7D,aAAa,EAAE,8EAA8E;IAC7F,QAAQ,EAAE,8BAA8B;IACxC,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,4DAA4D;CAClE,CAAC;AAEX,qDAAqD;AACrD,MAAM,CAAC,MAAM,IAAI,GAAkB;IACjC,KAAK,EAAE,CAAC,CAAC,IAAI;IACb,UAAU,EAAE,CAAC,CAAC,UAAU;IACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;CACrB,CAAC;AAEF,6CAA6C;AAC7C,MAAM,CAAC,MAAM,OAAO,GAAkB;IACpC,GAAG,IAAI;IACP,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,2CAA2C;IACtD,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,EAAE;IAC/B,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,UAAU,EAAE,CAAC,CAAC,OAAO;IACrB,OAAO,EAAE,gDAAgD;CAC1D,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,CAAC,CAAC,MAAM;IACR,iGAAiG;IACjG,iGAAiG;IACjG,mCAAmC;IACnC,gGAAgG;CACxF,CAAC;AAEX,kCAAkC;AAClC,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAE,CAAC;AAClD,CAAC"}

package/dist/kit/values.d.ts

@@ -0,0 +1,55 @@
+/**
+ * The value tier — semantic, Intl-formatted, `$NaN`-proof (W2 §The Kit).
+ * Money takes integer CENTS; dates take ISO/epoch/Date; percent takes a ratio.
+ * Any unrenderable value collapses to a muted placeholder, never bad text.
+ */
+import type { ReactNode } from "react";
+import { type DateInput, type DateTimeOptions, type MoneyOptions } from "./format.js";
+export interface MoneyProps extends MoneyOptions {
+    /** Amount in integer cents (minor units). */
+    cents: number;
+}
+/** Currency from integer cents. `<Money cents={123456}/>` → "$1,234.56". */
+export declare function Money({ cents, currency, locale }: MoneyProps): import("react").JSX.Element;
+export interface DateTimeProps extends DateTimeOptions {
+    value: DateInput;
+}
+/** A date/time. `<DateTime value="2026-03-14" mode="date"/>` → "Mar 14, 2026". */
+export declare function DateTime({ value, mode, locale, timeZone }: DateTimeProps): import("react").JSX.Element;
+export interface PercentProps {
+    /** A ratio (0.42 → "42%") unless `whole`. */
+    value: number;
+    fractionDigits?: number;
+    whole?: boolean;
+}
+/** A percentage from a ratio. `<Percent value={0.42}/>` → "42%". */
+export declare function Percent({ value, fractionDigits, whole }: PercentProps): import("react").JSX.Element;
+export interface NumProps {
+    value: number;
+    maximumFractionDigits?: number;
+    notation?: "standard" | "compact";
+}
+/** A grouped number. `<Num value={1234567}/>` → "1,234,567". */
+export declare function Num({ value, maximumFractionDigits, notation }: NumProps): import("react").JSX.Element;
+export type EnumTone = "neutral" | "accent" | "success" | "warning" | "danger";
+/** Turn "past_due" / "pastDue" into "Past due". */
+export declare function humanizeEnum(value: string): string;
+export interface EnumBadgeProps {
+    /** The raw enum value from data. */
+    value: string | null | undefined;
+    /** Optional value → display label overrides. */
+    labels?: Record<string, string>;
+    /** Optional value → tone overrides. */
+    tones?: Record<string, EnumTone>;
+    /** Fallback tone when no override matches. */
+    tone?: EnumTone;
+}
+/** A status pill for enum fields — humanized label, tone-mapped color. */
+export declare function EnumBadge({ value, labels, tones, tone }: EnumBadgeProps): import("react").JSX.Element | null;
+export interface TextProps {
+    text: ReactNode;
+    variant?: "body" | "heading" | "caption" | "label";
+}
+/** Themed text. Heading renders an <h3>; others render a <span>. */
+export declare function Text({ text, variant }: TextProps): import("react").JSX.Element;
+//# sourceMappingURL=values.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../src/kit/values.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAerB,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,UAAU,+BAQ5D;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,kFAAkF;AAClF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAQxE;AAED,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,oEAAoE;AACpE,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,YAAY,+BAQrE;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CACnC;AAED,gEAAgE;AAChE,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,QAAQ,+BAQvE;AAED,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AA0B/E,mDAAmD;AACnD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOlD;AAED,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACjC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAgB,EAAE,EAAE,cAAc,sCA4BnF;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACpD;AAED,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,OAAgB,EAAE,EAAE,SAAS,+BAsBzD"}

package/dist/kit/values.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatDateTime, formatMoney, formatNum, formatPercent, } from "./format.js";
+import { font, t } from "./tokens.js";
+const PLACEHOLDER = "—";
+function Placeholder() {
+    return (_jsx("span", { "data-kit": "Placeholder", style: { color: t.muted }, "aria-hidden": "true", children: PLACEHOLDER }));
+}
+const numeric = { fontVariantNumeric: "tabular-nums" };
+/** Currency from integer cents. `<Money cents={123456}/>` → "$1,234.56". */
+export function Money({ cents, currency, locale }) {
+    const formatted = formatMoney(cents, { currency, locale });
+    if (formatted === null)
+        return _jsx(Placeholder, {});
+    return (_jsx("span", { "data-kit": "Money", style: { ...font, ...numeric }, children: formatted }));
+}
+/** A date/time. `<DateTime value="2026-03-14" mode="date"/>` → "Mar 14, 2026". */
+export function DateTime({ value, mode, locale, timeZone }) {
+    const formatted = formatDateTime(value, { mode, locale, timeZone });
+    if (formatted === null)
+        return _jsx(Placeholder, {});
+    return (_jsx("span", { "data-kit": "DateTime", style: font, children: formatted }));
+}
+/** A percentage from a ratio. `<Percent value={0.42}/>` → "42%". */
+export function Percent({ value, fractionDigits, whole }) {
+    const formatted = formatPercent(value, { fractionDigits, whole });
+    if (formatted === null)
+        return _jsx(Placeholder, {});
+    return (_jsx("span", { "data-kit": "Percent", style: { ...font, ...numeric }, children: formatted }));
+}
+/** A grouped number. `<Num value={1234567}/>` → "1,234,567". */
+export function Num({ value, maximumFractionDigits, notation }) {
+    const formatted = formatNum(value, { maximumFractionDigits, notation });
+    if (formatted === null)
+        return _jsx(Placeholder, {});
+    return (_jsx("span", { "data-kit": "Num", style: { ...font, ...numeric }, children: formatted }));
+}
+const TONE_STYLE = {
+    neutral: {
+        color: t.text,
+        background: `color-mix(in srgb, ${t.muted} 10%, ${t.surface})`,
+        border: t.border,
+    },
+    accent: { color: t.accentText, background: t.accent, border: t.accent },
+    success: {
+        color: "color-mix(in srgb, #1e7f53 88%, #000)",
+        background: "color-mix(in srgb, #1e7f53 12%, var(--vendo-color-surface, #ffffff))",
+        border: "color-mix(in srgb, #1e7f53 30%, var(--vendo-color-border, #e3e3e8))",
+    },
+    warning: {
+        color: "color-mix(in srgb, #9a6700 90%, #000)",
+        background: "color-mix(in srgb, #d4a017 16%, var(--vendo-color-surface, #ffffff))",
+        border: "color-mix(in srgb, #d4a017 34%, var(--vendo-color-border, #e3e3e8))",
+    },
+    danger: {
+        color: t.danger,
+        background: `color-mix(in srgb, ${t.danger} 11%, ${t.surface})`,
+        border: `color-mix(in srgb, ${t.danger} 30%, ${t.border})`,
+    },
+};
+/** Turn "past_due" / "pastDue" into "Past due". */
+export function humanizeEnum(value) {
+    const words = value
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        .replace(/[_-]+/g, " ")
+        .trim()
+        .toLowerCase();
+    return words.charAt(0).toUpperCase() + words.slice(1);
+}
+/** A status pill for enum fields — humanized label, tone-mapped color. */
+export function EnumBadge({ value, labels, tones, tone = "neutral" }) {
+    if (value === null || value === undefined || value === "")
+        return null;
+    const resolvedTone = tones?.[value] ?? tone;
+    const style = TONE_STYLE[resolvedTone];
+    const label = labels?.[value] ?? humanizeEnum(value);
+    return (_jsx("span", { "data-kit": "EnumBadge", "data-tone": resolvedTone, style: {
+            ...font,
+            display: "inline-flex",
+            alignItems: "center",
+            width: "fit-content",
+            minHeight: "var(--vendo-density-badge-height, 24px)",
+            border: `1px solid ${style.border}`,
+            borderRadius: "999px",
+            color: style.color,
+            background: style.background,
+            fontSize: "0.78em",
+            fontWeight: 700,
+            lineHeight: 1,
+            padding: "var(--vendo-density-badge-padding, 5px 9px)",
+        }, children: label }));
+}
+/** Themed text. Heading renders an <h3>; others render a <span>. */
+export function Text({ text, variant = "body" }) {
+    const style = {
+        color: variant === "caption" ? t.muted : t.text,
+        fontFamily: variant === "heading" ? t.headingFamily : t.fontFamily,
+        fontSize: variant === "caption" ? "var(--vendo-font-size-caption, 12.5px)" : t.fontSize,
+        fontWeight: variant === "heading" ? 650 : variant === "label" ? 600 : 400,
+        letterSpacing: "-0.011em",
+        lineHeight: variant === "heading" ? 1.3 : 1.5,
+        margin: 0,
+    };
+    if (variant === "heading") {
+        return (_jsx("h3", { "data-kit": "Text", "data-variant": variant, style: style, children: text }));
+    }
+    return (_jsx("span", { "data-kit": "Text", "data-variant": variant, style: style, children: text }));
+}
+//# sourceMappingURL=values.js.map