@vendoai/ui 0.4.0

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

@@ -0,0 +1,14 @@
+/** Tabs — self-managing; the model gives tabs + content, no state plumbing (W2). */
+import { type ReactNode } from "react";
+export interface TabItem {
+    label: string;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    tabs: TabItem[];
+    /** Index of the initially selected tab. */
+    defaultIndex?: number;
+}
+export declare function Tabs({ tabs, defaultIndex }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/kit/feedback/tabs.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAgB,EAAE,EAAE,SAAS,+BAqDzD"}

package/dist/kit/feedback/tabs.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Tabs — self-managing; the model gives tabs + content, no state plumbing (W2). */
+import { useState } from "react";
+import { font, t } from "../tokens.js";
+export function Tabs({ tabs, defaultIndex = 0 }) {
+    const firstEnabled = tabs.findIndex((tabItem) => !tabItem.disabled);
+    const [active, setActive] = useState(tabs[defaultIndex]?.disabled ? Math.max(0, firstEnabled) : defaultIndex);
+    return (_jsxs("div", { "data-kit": "Tabs", style: { ...font, display: "flex", flexDirection: "column", gap: "var(--vendo-density-content-gap, 10px)" }, children: [_jsx("div", { role: "tablist", style: {
+                    display: "flex",
+                    gap: "var(--vendo-density-inline-gap, 7px)",
+                    width: "fit-content",
+                    maxWidth: "100%",
+                    overflowX: "auto",
+                    border: `1px solid ${t.border}`,
+                    borderRadius: t.radiusMedium,
+                    background: `color-mix(in srgb, ${t.background} 72%, ${t.surface})`,
+                    padding: "var(--vendo-density-tabs-padding, 4px)",
+                }, children: tabs.map((tab, i) => {
+                    const selected = i === active;
+                    return (_jsx("button", { type: "button", role: "tab", "aria-selected": selected, disabled: tab.disabled, onClick: () => setActive(i), style: {
+                            ...font,
+                            minHeight: "var(--vendo-density-tab-height, 30px)",
+                            border: selected ? `1px solid ${t.border}` : "1px solid transparent",
+                            borderRadius: t.radiusSmall,
+                            color: selected ? t.text : t.muted,
+                            background: selected ? t.surface : "transparent",
+                            boxShadow: selected ? `0 1px 3px color-mix(in srgb, ${t.text} 10%, transparent)` : "none",
+                            cursor: tab.disabled ? "not-allowed" : "pointer",
+                            fontSize: "0.88em",
+                            fontWeight: selected ? 650 : 550,
+                            opacity: tab.disabled ? 0.5 : 1,
+                            padding: "var(--vendo-density-tab-padding, 6px 10px)",
+                            whiteSpace: "nowrap",
+                        }, children: tab.label }, `${tab.label}-${i}`));
+                }) }), _jsx("div", { role: "tabpanel", children: tabs[active]?.content })] }));
+}
+//# sourceMappingURL=tabs.js.map

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

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

package/dist/kit/format.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Kit semantics core — Intl-based formatters (W2 §The Kit).
+ *
+ * The whole point of the value tier: cents/dates/enums arrive CORRECT without the
+ * model ever authoring a format string. Every formatter is total — bad data
+ * (NaN, Infinity, non-numbers, unparseable dates) returns `null`, never the
+ * strings `$NaN` / `Invalid Date`. Components turn `null` into a designed
+ * placeholder, so garbage from generation is structurally unrenderable.
+ */
+/** A finite, real JS number — the only thing the numeric tier will format. */
+export declare function isRenderableNumber(value: unknown): value is number;
+export interface MoneyOptions {
+    /** ISO 4217 code; defaults to USD. */
+    currency?: string;
+    /** BCP-47 locale; defaults to en-US. */
+    locale?: string;
+}
+/**
+ * Format an **integer number of cents** (the minor unit) as currency.
+ * `123456` → `"$1,234.56"`. Zero-decimal currencies (JPY) are handled by Intl.
+ * Returns `null` for any non-finite input so `$NaN` can never ship.
+ */
+export declare function formatMoney(cents: number, options?: MoneyOptions): string | null;
+export interface PercentOptions {
+    /** Digits after the decimal point; defaults to 0. */
+    fractionDigits?: number;
+    /** When true, the input is already a whole percentage (42, not 0.42). */
+    whole?: boolean;
+    locale?: string;
+}
+/**
+ * Format a ratio (`0.42` → `"42%"`). Pass `whole: true` when the value is already
+ * a whole percentage. Returns `null` for non-finite input.
+ */
+export declare function formatPercent(value: number, options?: PercentOptions): string | null;
+export interface NumOptions {
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    notation?: "standard" | "compact";
+    locale?: string;
+}
+/** Format a plain number with thousands grouping. Returns `null` if non-finite. */
+export declare function formatNum(value: number, options?: NumOptions): string | null;
+export type DateInput = string | number | Date;
+export interface DateTimeOptions {
+    /** date = calendar day · time = clock · datetime = both · relative = "3 days ago". */
+    mode?: "date" | "time" | "datetime" | "relative";
+    locale?: string;
+    timeZone?: string;
+}
+/**
+ * Format a date/time. Accepts ISO strings, epoch millis, or `Date`. Returns
+ * `null` for anything unparseable so `Invalid Date` can never ship.
+ */
+export declare function formatDateTime(value: DateInput, options?: DateTimeOptions): string | null;
+/** The value-tier `format` union — the same tokens a DataTable column accepts. */
+export type ValueFormat = "money" | "date" | "datetime" | "time" | "percent" | "number" | "text";
+/** Apply a `ValueFormat` token to a raw value, returning `null` when unrenderable. */
+export declare function applyFormat(value: unknown, format?: ValueFormat): string | null;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/kit/format.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAElE;AAED,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,GAAG,IAAI,CAOpF;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,MAAM,GAAG,IAAI,CAQxF;AAED,MAAM,WAAW,UAAU;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,GAAG,MAAM,GAAG,IAAI,CAOhF;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM,GAAG,IAAI,CA0B7F;AAED,kFAAkF;AAClF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjG,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,WAAoB,GAAG,MAAM,GAAG,IAAI,CAkBvF"}

package/dist/kit/format.js

@@ -0,0 +1,123 @@
+/**
+ * Kit semantics core — Intl-based formatters (W2 §The Kit).
+ *
+ * The whole point of the value tier: cents/dates/enums arrive CORRECT without the
+ * model ever authoring a format string. Every formatter is total — bad data
+ * (NaN, Infinity, non-numbers, unparseable dates) returns `null`, never the
+ * strings `$NaN` / `Invalid Date`. Components turn `null` into a designed
+ * placeholder, so garbage from generation is structurally unrenderable.
+ */
+/** A finite, real JS number — the only thing the numeric tier will format. */
+export function isRenderableNumber(value) {
+    return typeof value === "number" && Number.isFinite(value);
+}
+/**
+ * Format an **integer number of cents** (the minor unit) as currency.
+ * `123456` → `"$1,234.56"`. Zero-decimal currencies (JPY) are handled by Intl.
+ * Returns `null` for any non-finite input so `$NaN` can never ship.
+ */
+export function formatMoney(cents, options = {}) {
+    if (!isRenderableNumber(cents))
+        return null;
+    const currency = options.currency ?? "USD";
+    const formatter = new Intl.NumberFormat(options.locale ?? "en-US", { style: "currency", currency });
+    // Divide by the currency's actual minor-unit exponent (2 for USD, 0 for JPY).
+    const fractionDigits = formatter.resolvedOptions().maximumFractionDigits ?? 2;
+    return formatter.format(cents / 10 ** fractionDigits);
+}
+/**
+ * Format a ratio (`0.42` → `"42%"`). Pass `whole: true` when the value is already
+ * a whole percentage. Returns `null` for non-finite input.
+ */
+export function formatPercent(value, options = {}) {
+    if (!isRenderableNumber(value))
+        return null;
+    const ratio = options.whole ? value / 100 : value;
+    return new Intl.NumberFormat(options.locale ?? "en-US", {
+        style: "percent",
+        minimumFractionDigits: options.fractionDigits ?? 0,
+        maximumFractionDigits: options.fractionDigits ?? 0,
+    }).format(ratio);
+}
+/** Format a plain number with thousands grouping. Returns `null` if non-finite. */
+export function formatNum(value, options = {}) {
+    if (!isRenderableNumber(value))
+        return null;
+    return new Intl.NumberFormat(options.locale ?? "en-US", {
+        notation: options.notation ?? "standard",
+        maximumFractionDigits: options.maximumFractionDigits,
+        minimumFractionDigits: options.minimumFractionDigits,
+    }).format(value);
+}
+function toDate(value) {
+    if (value instanceof Date)
+        return Number.isNaN(value.getTime()) ? null : value;
+    if (typeof value === "number")
+        return Number.isFinite(value) ? new Date(value) : null;
+    if (typeof value === "string") {
+        const d = new Date(value);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    return null;
+}
+const RELATIVE_STEPS = [
+    ["year", 1000 * 60 * 60 * 24 * 365],
+    ["month", 1000 * 60 * 60 * 24 * 30],
+    ["week", 1000 * 60 * 60 * 24 * 7],
+    ["day", 1000 * 60 * 60 * 24],
+    ["hour", 1000 * 60 * 60],
+    ["minute", 1000 * 60],
+];
+/**
+ * Format a date/time. Accepts ISO strings, epoch millis, or `Date`. Returns
+ * `null` for anything unparseable so `Invalid Date` can never ship.
+ */
+export function formatDateTime(value, options = {}) {
+    const date = toDate(value);
+    if (!date)
+        return null;
+    const mode = options.mode ?? "date";
+    const locale = options.locale ?? "en-US";
+    // A date-only ISO string ("2026-03-14") is parsed as UTC midnight; formatting
+    // it in a behind-UTC local zone would slip it to the previous calendar day.
+    // Pin such values to UTC so the day the host meant is the day we show.
+    const dateOnly = typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value.trim());
+    const timeZone = options.timeZone ?? (dateOnly ? "UTC" : undefined);
+    if (mode === "relative") {
+        const diff = date.getTime() - Date.now();
+        const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+        for (const [unit, ms] of RELATIVE_STEPS) {
+            if (Math.abs(diff) >= ms)
+                return rtf.format(Math.round(diff / ms), unit);
+        }
+        return rtf.format(Math.round(diff / 1000), "second");
+    }
+    const base = { timeZone };
+    const parts = mode === "time"
+        ? { hour: "numeric", minute: "2-digit" }
+        : mode === "datetime"
+            ? { year: "numeric", month: "short", day: "numeric", hour: "numeric", minute: "2-digit" }
+            : { year: "numeric", month: "short", day: "numeric" };
+    return new Intl.DateTimeFormat(locale, { ...base, ...parts }).format(date);
+}
+/** Apply a `ValueFormat` token to a raw value, returning `null` when unrenderable. */
+export function applyFormat(value, format = "text") {
+    switch (format) {
+        case "money":
+            return typeof value === "number" ? formatMoney(value) : null;
+        case "percent":
+            return typeof value === "number" ? formatPercent(value) : null;
+        case "number":
+            return typeof value === "number" ? formatNum(value) : null;
+        case "date":
+        case "datetime":
+        case "time":
+            return typeof value === "string" || typeof value === "number" || value instanceof Date
+                ? formatDateTime(value, { mode: format })
+                : null;
+        case "text":
+        default:
+            return value === null || value === undefined ? null : String(value);
+    }
+}
+//# sourceMappingURL=format.js.map

package/dist/kit/format.js.map

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

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

@@ -0,0 +1,17 @@
+/**
+ * Button — action-gated (W2 §The Kit). The `onClick`/`action` prop NAMES a host
+ * tool; the tree renderer binds it to the guarded, approval-gated pipe. Unlike
+ * Crayon/Tambo/Tremor buttons (which can't mutate anything), this carries a real
+ * host action. Standalone it just calls the bound callback.
+ */
+import type { PropsWithChildren } from "react";
+export interface ButtonProps {
+    label?: string;
+    variant?: "primary" | "secondary" | "danger";
+    disabled?: boolean;
+    /** Bound host-tool action (renderer-supplied). */
+    onClick?: () => void;
+    type?: "button" | "submit";
+}
+export declare function Button({ label, variant, disabled, onClick, type, children }: PropsWithChildren<ButtonProps>): import("react").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAmB,EAAE,QAAgB,EAAE,OAAO,EAAE,IAAe,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC,+BAuC1I"}

package/dist/kit/forms/button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { font, t } from "../tokens.js";
+export function Button({ label, variant = "primary", disabled = false, onClick, type = "button", children }) {
+    const primary = variant === "primary";
+    const danger = variant === "danger";
+    const background = primary ? t.accent : danger ? t.danger : t.surface;
+    const color = primary || danger ? t.accentText : t.text;
+    return (_jsx("button", { type: type, "data-kit": "Button", "data-variant": variant, disabled: disabled, onClick: () => {
+            if (!disabled)
+                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 ${t.border}`,
+            borderRadius: t.radiusSmall,
+            color,
+            background,
+            boxShadow: primary || danger
+                ? `0 2px 8px color-mix(in srgb, ${t.text} 14%, transparent)`
+                : `0 1px 2px color-mix(in srgb, ${t.text} 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 ${t.motionDuration} ${t.motionEasing}, opacity ${t.motionDuration} ${t.motionEasing}`,
+        }, children: label ?? children }));
+}
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/kit/forms/button.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAWvC,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAkC;IACzI,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,CAAC;IACtC,MAAM,MAAM,GAAG,OAAO,KAAK,QAAQ,CAAC;IACpC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACtE,MAAM,KAAK,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,cACD,QAAQ,kBACH,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,QAAQ;gBAAE,OAAO,EAAE,EAAE,CAAC;QAC7B,CAAC,EACD,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,GAAG,EAAE,sCAAsC;YAC3C,SAAS,EAAE,2CAA2C;YACtD,MAAM,EAAE,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE;YAC7E,YAAY,EAAE,CAAC,CAAC,WAAW;YAC3B,KAAK;YACL,UAAU;YACV,SAAS,EAAE,OAAO,IAAI,MAAM;gBAC1B,CAAC,CAAC,gCAAgC,CAAC,CAAC,IAAI,oBAAoB;gBAC5D,CAAC,CAAC,gCAAgC,CAAC,CAAC,IAAI,mBAAmB;YAC7D,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;YAC5C,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5B,OAAO,EAAE,gDAAgD;YACzD,UAAU,EAAE,oBAAoB,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,YAAY,aAAa,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,YAAY,EAAE;SACpH,YAEA,KAAK,IAAI,QAAQ,GACX,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+export interface CheckboxProps {
+    label?: string;
+    checked?: boolean;
+    hint?: string;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare function Checkbox({ label, checked, hint, disabled, onChange }: CheckboxProps): import("react").JSX.Element;
+//# sourceMappingURL=checkbox.d.ts.map

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

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

package/dist/kit/forms/checkbox.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Checkbox — boolean input; onChange reports checked (W2 §The Kit). */
+import { t } from "../tokens.js";
+import { FieldShell, useFieldIds } from "./field.js";
+export function Checkbox({ label, checked, hint, disabled, onChange }) {
+    const { fieldId, helpId } = useFieldIds("checkbox");
+    return (_jsx(FieldShell, { fieldId: fieldId, helpId: helpId, label: label, hint: hint, inline: true, children: _jsx("input", { id: fieldId, "data-kit": "Checkbox", type: "checkbox", defaultChecked: checked, disabled: disabled, "aria-describedby": hint ? helpId : undefined, onChange: (e) => onChange?.(e.target.checked), style: { width: 17, height: 17, accentColor: t.accent, cursor: disabled ? "not-allowed" : "pointer" } }) }));
+}
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/kit/forms/checkbox.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAUrD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IAClF,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,EAAE,MAAM,kBAC5E,gBACE,EAAE,EAAE,OAAO,cACF,UAAU,EACnB,IAAI,EAAC,UAAU,EACf,cAAc,EAAE,OAAO,EACvB,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,OAAO,CAAC,EAC7C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,GACrG,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/kit/forms/date-picker.d.ts

@@ -0,0 +1,13 @@
+export interface DatePickerProps {
+    label?: string;
+    /** ISO yyyy-mm-dd. */
+    value?: string;
+    min?: string;
+    max?: string;
+    hint?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare function DatePicker({ label, value, min, max, hint, disabled, required, onChange }: DatePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/kit/forms/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/date-picker.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,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,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAmBzG"}

package/dist/kit/forms/date-picker.js

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

package/dist/kit/forms/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/kit/forms/date-picker.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAcrD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAmB;IACxG,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,YACpE,gBACE,EAAE,EAAE,OAAO,cACF,YAAY,EACrB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,KAAK,EACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,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,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GACnD,GACS,CACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+export interface DisclaimerProps {
+    /** Why the ask can't be fulfilled with real data. */
+    reason: string;
+    /** Optional heading; defaults to a neutral lead-in. */
+    title?: string;
+}
+export declare function Disclaimer({ reason, title }: DisclaimerProps): import("react").JSX.Element;
+//# sourceMappingURL=disclaimer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclaimer.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/disclaimer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAuB,EAAE,EAAE,eAAe,+BAyB9E"}

package/dist/kit/forms/disclaimer.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Disclaimer — first-class (W2 §The Kit + spec law 1). When no tool backs the
+ * ask, the honest, legal move is to say so — not to invent data. A styled,
+ * deliberate notice, never an error or an empty div.
+ */
+import { font, t } from "../tokens.js";
+export function Disclaimer({ reason, title = "Not available" }) {
+    return (_jsxs("div", { "data-kit": "Disclaimer", role: "note", style: {
+            ...font,
+            display: "flex",
+            gap: "var(--vendo-density-inline-gap, 10px)",
+            alignItems: "flex-start",
+            border: `1px solid color-mix(in srgb, ${t.muted} 28%, ${t.border})`,
+            borderRadius: t.radiusMedium,
+            background: `color-mix(in srgb, ${t.muted} 7%, ${t.surface})`,
+            padding: "var(--vendo-density-card-padding, 14px 16px)",
+        }, children: [_jsx("span", { "aria-hidden": "true", style: { fontSize: "1.1em", lineHeight: 1.3, color: t.muted }, children: "\u24D8" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 3 }, children: [_jsx("span", { style: { fontWeight: 650, letterSpacing: "-0.01em" }, children: title }), _jsx("span", { style: { color: t.muted, fontSize: "0.92em", lineHeight: 1.45 }, children: reason })] })] }));
+}
+//# sourceMappingURL=disclaimer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclaimer.js","sourceRoot":"","sources":["../../../src/kit/forms/disclaimer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AASvC,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,eAAe,EAAmB;IAC7E,OAAO,CACL,2BACW,YAAY,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,uCAAuC;YAC5C,UAAU,EAAE,YAAY;YACxB,MAAM,EAAE,gCAAgC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,GAAG;YACnE,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,UAAU,EAAE,sBAAsB,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAG;YAC7D,OAAO,EAAE,8CAA8C;SACxD,aAED,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,uBAE/E,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,YAAG,KAAK,GAAQ,EAC1E,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAG,MAAM,GAAQ,IAClF,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,18 @@
+/** Shared field chrome (label + hint/error) for Kit form controls. */
+import { type PropsWithChildren, type ReactNode } from "react";
+export declare function useFieldIds(prefix: string): {
+    fieldId: string;
+    helpId: string;
+};
+export interface FieldShellProps {
+    fieldId: string;
+    helpId: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    /** Render as a row (checkbox) rather than a stacked label. */
+    inline?: boolean;
+    labelNode?: ReactNode;
+}
+export declare function FieldShell({ fieldId, helpId, label, hint, error, inline, children }: PropsWithChildren<FieldShellProps>): import("react").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/field.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAS,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAG/E;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,eAAe,CAAC,+BA0BvH"}

package/dist/kit/forms/field.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Shared field chrome (label + hint/error) for Kit form controls. */
+import { useId } from "react";
+import { font, t } from "../tokens.js";
+export function useFieldIds(prefix) {
+    const id = useId().replace(/:/g, "");
+    return { fieldId: `vendo-${prefix}-${id}`, helpId: `vendo-${prefix}-${id}-help` };
+}
+export function FieldShell({ fieldId, helpId, label, hint, error, inline, children }) {
+    const message = error ?? hint;
+    return (_jsxs("div", { "data-kit-field": "", style: {
+            ...font,
+            display: "flex",
+            flexDirection: inline ? "row" : "column",
+            alignItems: inline ? "center" : "stretch",
+            gap: inline ? "var(--vendo-density-inline-gap, 7px)" : "var(--vendo-density-field-gap, 6px)",
+        }, children: [label ? (_jsx("label", { htmlFor: fieldId, style: { color: t.text, fontSize: "0.88em", fontWeight: 600, order: inline ? 2 : 0 }, children: label })) : null, children, message ? (_jsx("span", { id: helpId, style: { color: error ? t.danger : t.muted, fontSize: "0.82em", lineHeight: 1.35 }, children: message })) : null] }));
+}
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/kit/forms/field.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,OAAO,EAAE,KAAK,EAA0C,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE,OAAO,EAAE,SAAS,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,MAAM,IAAI,EAAE,OAAO,EAAE,CAAC;AACpF,CAAC;AAaD,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAsC;IACtH,MAAM,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC;IAC9B,OAAO,CACL,iCACiB,EAAE,EACjB,KAAK,EAAE;YACL,GAAG,IAAI;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YACxC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACzC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,qCAAqC;SAC7F,aAEA,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAC1G,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,eAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YACjG,OAAO,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+/** Form — groups fields with a submit action (W2 §The Kit). */
+import type { FormEvent, PropsWithChildren } from "react";
+export interface FormProps {
+    /** Bound host-tool submit action (renderer-supplied). */
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+    submitLabel?: string;
+    disabled?: boolean;
+}
+export declare function Form({ onSubmit, submitLabel, disabled, children }: PropsWithChildren<FormProps>): import("react").JSX.Element;
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/form.tsx"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,WAAW,SAAS;IACxB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,WAAsB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,SAAS,CAAC,+BAe1G"}

package/dist/kit/forms/form.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { font } from "../tokens.js";
+import { Button } from "./button.js";
+export function Form({ onSubmit, submitLabel = "Submit", disabled, children }) {
+    return (_jsxs("form", { "data-kit": "Form", onSubmit: (e) => {
+            onSubmit?.(e);
+        }, style: { ...font, display: "flex", flexDirection: "column", gap: "var(--vendo-density-content-gap, 10px)" }, children: [children, _jsx("div", { children: _jsx(Button, { type: "submit", label: submitLabel, disabled: disabled }) })] }));
+}
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/kit/forms/form.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAgC;IACzG,OAAO,CACL,4BACW,MAAM,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,wCAAwC,EAAE,aAE1G,QAAQ,EACT,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC5D,IACD,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+export interface InputProps {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    type?: "text" | "email" | "number" | "password" | "search" | "tel" | "url";
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** Bound change handler; receives the new value. */
+    onChange?: (value: string) => void;
+}
+export declare function Input({ label, value, placeholder, type, hint, error, disabled, required, onChange }: InputProps): import("react").JSX.Element;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/input.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAa,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAmBxH"}

package/dist/kit/forms/input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Input — themed text field; onChange reports the value (W2 §The Kit). */
+import { control, t } from "../tokens.js";
+import { FieldShell, useFieldIds } from "./field.js";
+export function Input({ label, value, placeholder, type = "text", hint, error, disabled, required, onChange }) {
+    const { fieldId, helpId } = useFieldIds("input");
+    return (_jsx(FieldShell, { fieldId: fieldId, helpId: helpId, label: label, hint: hint, error: error, children: _jsx("input", { id: fieldId, "data-kit": "Input", type: type, defaultValue: value, placeholder: placeholder, disabled: disabled, required: required, "aria-invalid": error ? true : undefined, "aria-describedby": error || hint ? helpId : undefined, onChange: (e) => onChange?.(e.target.value), style: { ...control, borderColor: error ? t.danger : t.border, opacity: disabled ? 0.55 : 1 } }) }));
+}
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/kit/forms/input.tsx"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAerD,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAc;IACvH,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,YAClF,gBACE,EAAE,EAAE,OAAO,cACF,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,sBACpB,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAC7F,GACS,CACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,21 @@
+export type SelectOption = string | number | Record<string, unknown>;
+export interface SelectProps {
+    label?: string;
+    /** Raw items — primitives or objects. */
+    options: SelectOption[];
+    /** Object field for the visible label (defaults to the item itself). */
+    labelField?: string;
+    /** Object field for the value (defaults to the item itself). */
+    valueField?: string;
+    value?: string;
+    placeholder?: string;
+    hint?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** Allow selecting several values. */
+    multiple?: boolean;
+    /** Bound change handler; receives the selected value(s). */
+    onChange?: (value: string | string[]) => void;
+}
+export declare function Select({ label, options: rawOptions, labelField, valueField, value, placeholder, hint, disabled, required, multiple, onChange }: SelectProps): import("react").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/kit/forms/select.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C;AAYD,wBAAgB,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,EAAE,WAAW,+BAmC3J"}

package/dist/kit/forms/select.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Select — over RAW object arrays via labelField/valueField (W2 §The Kit).
+ * The model passes tool output straight in; no `asOptions` reshape needed.
+ * `multiple` folds in MultiSelect.
+ */
+import { control } from "../tokens.js";
+import { FieldShell, useFieldIds } from "./field.js";
+function optionValue(opt, valueField) {
+    if (opt !== null && typeof opt === "object")
+        return String(valueField ? opt[valueField] : JSON.stringify(opt));
+    return String(opt);
+}
+function optionLabel(opt, labelField) {
+    if (opt !== null && typeof opt === "object")
+        return String(labelField ? opt[labelField] : optionValue(opt));
+    return String(opt);
+}
+export function Select({ label, options: rawOptions, labelField, valueField, value, placeholder, hint, disabled, required, multiple, onChange }) {
+    const { fieldId, helpId } = useFieldIds("select");
+    // W3 — fail SOFT on missing data (a failed query resolves to undefined).
+    const options = Array.isArray(rawOptions) ? rawOptions : [];
+    return (_jsx(FieldShell, { fieldId: fieldId, helpId: helpId, label: label, hint: hint, children: _jsxs("select", { id: fieldId, "data-kit": "Select", multiple: multiple, defaultValue: value, disabled: disabled, required: required, "aria-describedby": hint ? helpId : undefined, onChange: (e) => {
+                if (multiple) {
+                    onChange?.(Array.from(e.target.selectedOptions, (o) => o.value));
+                }
+                else {
+                    onChange?.(e.target.value);
+                }
+            }, style: { ...control, cursor: disabled ? "not-allowed" : "pointer", opacity: disabled ? 0.55 : 1 }, children: [placeholder !== undefined && !multiple ? _jsx("option", { value: "", children: placeholder }) : null, options.map((opt, i) => {
+                    const v = optionValue(opt, valueField);
+                    return (_jsx("option", { value: v, children: optionLabel(opt, labelField) }, `${v}-${i}`));
+                })] }) }));
+}
+//# sourceMappingURL=select.js.map