@appinternalleads/ui 0.2.0

package/dist/cjs/widgets/output/renderers/text/TextCard.js.map

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

package/dist/cjs/widgets/output/renderers/text/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.routeTreatment = exports.textToText = exports.TextCard = void 0;
+var TextCard_1 = require("./TextCard");
+Object.defineProperty(exports, "TextCard", { enumerable: true, get: function () { return TextCard_1.TextCard; } });
+Object.defineProperty(exports, "textToText", { enumerable: true, get: function () { return TextCard_1.textToText; } });
+Object.defineProperty(exports, "routeTreatment", { enumerable: true, get: function () { return TextCard_1.routeTreatment; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/widgets/output/renderers/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/widgets/output/renderers/text/index.ts"],"names":[],"mappings":";;;AAAA,uCAGoB;AAFlB,oGAAA,QAAQ,OAAA;AAAE,sGAAA,UAAU,OAAA;AAAE,0GAAA,cAAc,OAAA"}

package/dist/cjs/widgets/output/tokens.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.outputList = exports.outputRanked = exports.outputArtifact = exports.outputSequence = exports.outputComparison = exports.outputDelta = exports.outputKeyValue = exports.outputRow = exports.outputStats = exports.outputShell = void 0;
+const tokens_1 = require("../../tokens");
+/**
+ * **The output-widget shell geometry, X0 only.**
+ *
+ * From `design_handoff_output_blocks_stats/README.md` Part 1 — treated as authoritative over
+ * `design_handoff_output_widgets/README.md`'s shorter shell section where the two disagree (see
+ * `tasks/OUTPUT-WIDGETS.md`). This is its own namespace, parallel to `../tokens.ts`'s `widget`
+ * object for the input family, because the two handoffs use different numbers for what looks
+ * like the same row — reusing the input table here would silently import the wrong spec.
+ *
+ * **Two exceptions kept from the input table rather than restated:** the 44px hit floor and the
+ * 640px surface breakpoint are the same universal rules in both handoffs, not a coincidence —
+ * see `../tokens.ts`'s `SURFACE_BREAKPOINT` and `Pressable`'s own 44 default, both reused as-is.
+ */
+exports.outputShell = {
+    card: {
+        radius: tokens_1.radii.card, // 20 — matches both bundles and paper's radii.card
+        webMaxWidth: 560, // a cap, not a target
+    },
+    header: {
+        /* Flat across both widths per the stats bundle: "padding: 13px 14px". No mobile/web split
+           given here, unlike the input table's asymmetric per-surface padding. */
+        padY: 13,
+        padX: 14,
+        gap: 10,
+    },
+    chip: {
+        /* Carried from `design_handoff_output_widgets` — the stats bundle restates 10.5px without a
+           web figure, so the split is not contradicted, only unrepeated. */
+        size: { mobile: 10.5, web: 11 },
+        tracking: 0.11,
+        padY: 6,
+        padX: 9,
+    },
+    title: {
+        /* Flat 15px, no mobile/web split — the stats bundle overrides the input-style 14.5/15 split
+           the system doc's sizing-contract table gives elsewhere; this is the newer, more detailed
+           doc and is followed. */
+        size: 15,
+        lineHeight: 1.2,
+    },
+    meta: {
+        size: 11,
+    },
+    hairline: 1,
+};
+/** `stats` — X2. `design_handoff_output_blocks_stats/README.md` Part 3. */
+exports.outputStats = {
+    body: { padTop: 14, padX: 16, padBottom: 16 },
+    grid: { gap: 10 },
+    tile: {
+        pad: { mobile: { y: 13, x: 14 }, web: { y: 15, x: 16 } },
+        minHeight: 84,
+        radius: tokens_1.radii.control, // 14 — --r-inset
+    },
+    value: {
+        size: { mobile: 26, web: 31 },
+        tracking: -0.02,
+        lineHeight: 1.06,
+    },
+    label: { size: 10, tracking: 0.1 },
+    trendPill: { size: 11, padY: 3, padX: 6, radius: 6 },
+    /** 80ms — wider than the 70ms row default, because tiles are larger objects read as a group. */
+    stagger: 80,
+};
+/**
+ * **Shared row geometry — `keyvalue`/`delta`/`comparison`.** Their sizing tables
+ * (`design_handoff_output_variations/{keyvalue,delta,comparison}.md`) are byte-identical to
+ * `stats`'s own: `13px 14px` / `15px 16px` row padding, 10.5/11 chip, 14.5/15 title, 12.5/13 body.
+ * One object rather than three copies — `outputStats.tile.pad` already holds this shape but is
+ * named for tiles specifically, so a same-valued sibling is exported under its own name instead
+ * of reaching into a differently-named export.
+ */
+exports.outputRow = {
+    pad: { mobile: { y: 13, x: 14 }, web: { y: 15, x: 16 } },
+    radius: tokens_1.radii.control, // 14 — --r-inset
+    body: { size: { mobile: 12.5, web: 13 } },
+    label: { size: 10, tracking: 0.1 },
+    gap: 70, // ms — the row-stagger default every one of these three shares
+};
+/**
+ * **`keyvalue` — X1, rebuilt against `design_handoff_output_blockers/README.md` §2 (2026-09-17),
+ * the implementation-depth type sheet.** Supersedes the earlier "annotated variation" geometry —
+ * unboxed `<dl>` rows, not `--well` tiles. See `KeyValueCard.tsx` for the full reasoning.
+ */
+exports.outputKeyValue = {
+    row: {
+        minHeight: 44,
+        pad: { mobile: 10, web: 11 }, // vertical only — rows are separated, not boxed
+        labelCapWeb: 200, // `grid-template-columns: minmax(0,200px) auto`
+    },
+    body: { padTop: 4, padX: 16, padBottom: 14 },
+    label: { size: { mobile: 13, web: 13 }, lineHeight: { mobile: 1.3, web: 1.35 } },
+    value: { size: 14, lineHeight: 1.35 },
+    mark: { size: 10, tracking: 0.08, padY: 3, padX: 7, radius: tokens_1.radii.pill },
+    input: { minHeight: 44, radius: tokens_1.radii.key, width: 128, padY: 6, padX: 8 },
+    sourceChip: { size: 10, tracking: 0.06, padX: 9, minHeight: 28 },
+    evidenceSheet: { pad: { top: 13, x: 14, bottom: 15 }, excerptPad: { y: 11, x: 13 } },
+    skeleton: { labelWidth: 88, valueWidths: [62, 132], barHeight: 11, barRadius: tokens_1.radii.pill },
+    thresholds: { flag: 0.9, loud: 0.7 }, // O12 — renderer default, payload may override
+};
+/** `delta` — X3. Variation A, "pill (as shipped)". */
+exports.outputDelta = {
+    row: { pad: 12, gap: 12 },
+    pill: { padY: 7, padX: 11, radius: tokens_1.radii.pill },
+};
+/** `comparison` — X3. Variation A, "two cards". */
+exports.outputComparison = {
+    grid: { gap: 11 },
+    card: { pad: 14, gap: 10, ringWidth: 2 },
+    winnerPill: { size: 10, tracking: 0.09, padY: 6, padX: 9 },
+};
+/** `sequence` — X4. Variation A, "one at a time". */
+exports.outputSequence = {
+    card: { pad: 16, gap: 8 },
+    nav: { size: 44 },
+    dots: { size: 6, gap: 5 },
+};
+/** `artifact` — X4. Variation B, "clipped, with a fade". */
+exports.outputArtifact = {
+    frame: { pad: 13 },
+    clipHeight: 168,
+    fadeHeight: 56,
+    /** A row-count stand-in for real height measurement — see `ArtifactCard.tsx`'s own note. */
+    maxRowsBeforeClip: 5,
+};
+/** `ranked` — X4. Variation A, "medallion rows". */
+exports.outputRanked = {
+    medallion: { size: 28 },
+    bar: { width: 62, height: 6 },
+};
+/** `list` — `design_handoff_output_list` README "Layout" / "Components". Heights are reserved: the
+    skeleton row is a real row's height exactly, so nothing jumps when data lands. */
+exports.outputList = {
+    body: { pad: { mobile: 14, web: 16 } },
+    row: { minHeight: { mobile: 64, web: 62 }, pad: { mobile: 11, web: 12 }, gap: 3 },
+    control: { height: 44, chipHeight: 36, radius: tokens_1.radii.control },
+    rail: { boxWidth: 30, boxHeight: 44, pill: 26, radius: 7, gap: 4 },
+    pager: { height: 44 },
+    skeleton: { rows: 3, widths: [48, 72, 88], barHeight: 11 },
+    stagger: 70, // ms, capped at 8 rows by `staggerDelay`
+    searchDebounceMs: 300,
+};
+//# sourceMappingURL=tokens.js.map

package/dist/cjs/widgets/output/tokens.js.map

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

package/dist/cjs/widgets/parts.js

@@ -0,0 +1,122 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CounterLine = CounterLine;
+exports.StatTile = StatTile;
+exports.SubmitRow = SubmitRow;
+exports.StepButton = StepButton;
+exports.ListRowShell = ListRowShell;
+exports.Chip = Chip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("../core");
+const core_2 = require("../core");
+const tokens_1 = require("../tokens");
+const tokens_2 = require("./tokens");
+const useSurface_1 = require("./useSurface");
+/**
+ * The pieces that repeat across the 26. Each is specified once in the handoff §1 and referenced
+ * from every widget that uses it, so it is built once here for the same reason.
+ */
+/**
+ * **The dot-separated status line, and it always reconciles with what is visible.**
+ *
+ * When there is nothing to count it **states the consequence** rather than showing a zero —
+ * `No channels — outreach will not send`, never `0 of 4`. A zero is a number; a consequence is
+ * an answer to *what happens if I leave it like this*.
+ */
+function CounterLine({ children }) {
+    const surface = (0, useSurface_1.useSurface)();
+    const size = tokens_2.widget.copy.counter.size[surface];
+    return ((0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", align: "center", style: { fontSize: size, lineHeight: size }, children: children }));
+}
+/** **The tile is always the opposite surface to its container** — live is tinted, reference is the well. */
+function StatTile({ value, label, live = false, full = false, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const surface = (0, useSurface_1.useSurface)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { flex: full ? undefined : 1, style: {
+            padding: tokens_2.widget.stat.pad[surface],
+            borderRadius: tokens_2.widgetRadius.inset,
+            backgroundColor: live ? colors.accentTint : colors.surfaceSunken,
+            gap: 6,
+            width: full ? '100%' : undefined,
+        }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: {
+                    fontSize: tokens_2.widget.stat.number[surface],
+                    lineHeight: tokens_2.widget.stat.number[surface],
+                    fontWeight: '600',
+                    color: live ? colors.accentInk : colors.textPrimary,
+                }, children: value }), (0, jsx_runtime_1.jsx)(core_1.Text, { uppercase: true, style: {
+                    fontSize: tokens_2.widget.stat.label.size,
+                    lineHeight: tokens_2.widget.stat.label.size * 1.2,
+                    fontWeight: '600',
+                    letterSpacing: tokens_2.widget.stat.label.size * tokens_2.widget.stat.label.tracking,
+                    color: live ? colors.accentInk : colors.textSecondary,
+                }, children: label })] }));
+}
+/**
+ * **Mobile stacks the counter over a full-width button; web puts them on one row.**
+ *
+ * At zero the label states the consequence and the button goes to the well — **it is not
+ * disabled.** A greyed verb tells the user nothing about what pressing it would do.
+ */
+function SubmitRow({ label, counter, empty = false, onPress, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const surface = (0, useSurface_1.useSurface)();
+    const button = ((0, jsx_runtime_1.jsx)(core_2.Pressable, { onPress: onPress, radius: "pill", "aria-label": label, flex: surface === 'web' ? undefined : 1, minHeight: tokens_2.widget.submit.height[surface], style: {
+            alignSelf: surface === 'web' ? 'flex-end' : 'stretch',
+            paddingHorizontal: tokens_2.widget.submit.padX,
+            backgroundColor: empty ? colors.surfaceSunken : colors.accentFill,
+            boxShadow: empty ? undefined : `0 6px 18px -10px ${colors.accentFill}`,
+        }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: {
+                color: empty ? colors.textSecondary : colors.accentOnFill,
+                fontSize: surface === 'web' ? 15 : 14.5,
+                lineHeight: surface === 'web' ? 15 : 14.5,
+                fontWeight: '600',
+            }, children: label }) }));
+    if (surface === 'web') {
+        return ((0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: { gap: 11, minHeight: tokens_2.widget.submit.height.web }, children: [counter ? (0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1, children: (0, jsx_runtime_1.jsx)(CounterLine, { children: counter }) }) : (0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1 }), button] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 10 }, children: [counter ? (0, jsx_runtime_1.jsx)(CounterLine, { children: counter }) : null, button] }));
+}
+/**
+ * A ± circle.
+ *
+ * **At a limit it dims and its handler is a no-op — it is never hidden.** Universal rule 9: the
+ * limit has to stay legible, and a control that disappears at the boundary leaves the user
+ * wondering whether they broke something.
+ */
+const STEP_GLYPH = { '−': 'minus', '+': 'plus', '‹': 'chev-l', '›': 'chev-r' };
+function StepButton({ glyph, label, onPress, atLimit, size = 44, tone = 'well', }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(core_2.Pressable, { onPress: atLimit ? undefined : onPress, radius: "pill", width: size, height: size, minHeight: tokens_2.widget.hit, "aria-label": label, "aria-disabled": atLimit, bg: tone === 'well' ? 'surfaceSunken' : undefined, style: {
+            minWidth: tokens_2.widget.hit,
+            borderWidth: tone === 'outline' ? 1 : 0,
+            borderColor: colors.hairline,
+        }, children: (0, jsx_runtime_1.jsx)(core_1.Icon, { name: STEP_GLYPH[glyph], size: size >= 48 ? 19 : 17, color: atLimit ? colors.hairlineStrong : colors.textPrimary }) }));
+}
+/** One row of a row list. **Never a line at the list's outer edge.** */
+function ListRowShell({ children, first, minHeight = 54, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { row: true, align: "center", style: {
+            minHeight,
+            paddingVertical: 11,
+            paddingHorizontal: 2,
+            gap: tokens_2.widget.row.gap,
+            borderTopWidth: first ? 0 : 1,
+            borderTopColor: colors.hairline,
+        }, children: children }));
+}
+/** A chip. Off is the card on a hairline; on is the accent carrying its own ink. */
+function Chip({ label, on, onPress, minHeight = 40, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(core_2.Pressable, { onPress: onPress, radius: "pill", px: "s4", minHeight: Math.max(minHeight, tokens_2.widget.hit), "aria-label": label, style: {
+            borderWidth: 1,
+            borderColor: on ? colors.accentFill : colors.hairline,
+            backgroundColor: on ? colors.accentFill : colors.surface1,
+        }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: {
+                fontSize: 13,
+                lineHeight: 13,
+                fontWeight: '600',
+                color: on ? colors.accentOnFill : colors.textPrimary,
+            }, children: label }) }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/cjs/widgets/parts.js.map

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

package/dist/cjs/widgets/route.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PILL_FOR = void 0;
+exports.widgetNameFor = widgetNameFor;
+/**
+ * **Which widget draws a field — the routing, with no drawing attached.**
+ *
+ * Split out of `fromSpec.tsx` because the decision is *pure* and its old home is not: that file
+ * imports twenty widgets and `../core`, and `../core` imports `react-native`. Anything wanting
+ * to know which widget a field wants had to pull the whole render tree in to ask.
+ *
+ * **The invariant this file exists to serve** (`README.md` §Layout): `react-native` is imported
+ * at runtime by `src/core/` and `src/tokens/` and nowhere else. This module imports neither, so
+ * a terminal renderer, a linter or a docs page can route a field without a platform.
+ *
+ * `fromSpec.tsx` re-exports both names, so nothing outside this directory changes.
+ */
+const control_1 = require("../fields/control");
+/**
+ * Widgets that draw ONE choice. Kept beside the routing that has to respect it; `preferredOf`
+ * holds the same list for the `preferred` path, and the two must not drift.
+ */
+const SINGLE_ONLY = ['dropdown', 'radio-button', 'arc-picker', 'horizontal-list-picker'];
+/** The category chip. From the answer's shape, not from the subject — a pill is a type, not a topic. */
+exports.PILL_FOR = {
+    text: 'TEXT',
+    email: 'TEXT',
+    number: 'NUMBER',
+    range: 'NUMBER',
+    counters: 'NUMBERS',
+    enum: 'CHOICE',
+    share: 'SHARE',
+    date: 'TIME',
+    datetime: 'TIME',
+    file: 'FILES',
+    media: 'MEDIA',
+    action: 'ACTION',
+    toggle: 'CHOICE',
+    list: 'CHOICE',
+    group: 'COMPOSITE',
+    variant: 'CHOICE',
+    json: 'TEXT',
+};
+/**
+ * **Which widget draws this field.** The table in `ASKING.md` §9, executable.
+ *
+ * Two things decide it and nothing else does: the field's `type` and its `control`. The subject
+ * never enters into it — booking a meeting room and picking a candidate's seniority are unrelated
+ * domains and the same widget.
+ */
+function widgetNameFor(field) {
+    const hinted = (0, control_1.preferredOf)(field);
+    if (hinted)
+        return hinted;
+    const control = (0, control_1.controlOf)(field);
+    switch (field.type) {
+        case 'text':
+            return control === 'multi' ? 'text-area' : 'text-input-field';
+        case 'email':
+            return 'text-field';
+        case 'number':
+            return control === 'slider' ? 'slider'
+                : control === 'stepper' ? 'numerical-holder'
+                    : 'text-input-field';
+        case 'range': return 'range-picker';
+        case 'counters': return 'counter-group';
+        case 'share': return 'pie-chart-picker';
+        case 'file': return 'file-upload';
+        case 'media': return 'voice-recorder';
+        case 'action': return 'button';
+        case 'date':
+        case 'datetime':
+            return 'date-time-picker';
+        case 'enum': {
+            const derived = control === 'cards' ? 'card-picker'
+                : control === 'arc' ? 'arc-picker'
+                    : control === 'checkboxes' ? 'checkboxes'
+                        : control === 'chips' ? 'horizontal-list-picker'
+                            : control === 'radio' ? 'radio-button'
+                                : 'dropdown';
+            /**
+             * ⚠ **`multiple` is a fact about the answer and the control cannot outvote it.**
+             *
+             * `preferredOf` has always refused to hand a multi-select to a single-select widget —
+             * *"multi-select cannot be drawn by a single-select widget, whatever the hint says"* — but
+             * that guard sat only on the `preferred` path. The `control` path arrived at the same four
+             * widgets without asking, so `control: 'chips'` with `multiple: true` routed to
+             * `horizontal-list-picker`: one radio-like row for an answer that is an array.
+             *
+             * Degraded rather than refused, which is the same ethic as the dropped hint — a spec that
+             * was valid when it was written keeps rendering, as the widget that can actually hold the
+             * answer.
+             */
+            if (field.multiple === true && SINGLE_ONLY.includes(derived))
+                return 'checkboxes';
+            return derived;
+        }
+        default:
+            /* `group`, `variant`, `list`, `toggle`, `json` have no card of their own. They draw inside
+               the aggregated card with the form-layer controls, which is what those controls are for. */
+            return undefined;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist/cjs/widgets/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/widgets/route.ts"],"names":[],"mappings":";;;AAkDA,sCAoDC;AAtGD;;;;;;;;;;;;GAYG;AACH,+CAA2D;AAG3D;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,wBAAwB,CAAC,CAAC;AAEzF,wGAAwG;AAC3F,QAAA,QAAQ,GAA2B;IAC9C,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF;;;;;;GAMG;AACH,SAAgB,aAAa,CAAC,KAAgB;IAC5C,MAAM,MAAM,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAClC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAChE,KAAK,OAAO;YACV,OAAO,YAAY,CAAC;QACtB,KAAK,QAAQ;YACX,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ;gBACpC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB;oBAC1C,CAAC,CAAC,kBAAkB,CAAC;QAC3B,KAAK,OAAO,CAAC,CAAC,OAAO,cAAc,CAAC;QACpC,KAAK,UAAU,CAAC,CAAC,OAAO,eAAe,CAAC;QACxC,KAAK,OAAO,CAAC,CAAC,OAAO,kBAAkB,CAAC;QACxC,KAAK,MAAM,CAAC,CAAC,OAAO,aAAa,CAAC;QAClC,KAAK,OAAO,CAAC,CAAC,OAAO,gBAAgB,CAAC;QACtC,KAAK,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC/B,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU;YACb,OAAO,kBAAkB,CAAC;QAC5B,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa;gBACjD,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY;oBAChC,CAAC,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY;wBACvC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,wBAAwB;4BAC9C,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc;gCACpC,CAAC,CAAC,UAAU,CAAC;YAEvB;;;;;;;;;;;;eAYG;YACH,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAE,OAAO,YAAY,CAAC;YAClF,OAAO,OAAO,CAAC;QACjB,CAAC;QACD;YACE;yGAC6F;YAC7F,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC"}

package/dist/cjs/widgets/state.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTerminal = exports.isCollapsed = exports.WIDGET_STATES = void 0;
+exports.nextState = nextState;
+/**
+ * **One state machine for all 26 widgets, owned by the host — not by the widget.**
+ *
+ * From the handoff §4. The widget draws a state and reports an intent; it never decides its own
+ * transition, because a run that re-plans on an edit needs the host to know before the widget does.
+ *
+ * ```
+ * resting ──change──▶ working ──valid──▶ valid ──submit──▶ answered
+ *    │                   │                                    │
+ *    │                   └──invalid──▶ invalid ──fix──▶ valid  └──edit──▶ superseded
+ *    └──skip──▶ skipped
+ * ```
+ */
+exports.WIDGET_STATES = [
+    'resting', 'working', 'valid', 'answered', 'invalid', 'skipped', 'superseded', 'failed',
+];
+function nextState(current, event) {
+    switch (event) {
+        case 'change': return current === 'resting' ? 'working' : current;
+        case 'valid': return 'valid';
+        case 'invalid': return 'invalid';
+        case 'submit': return 'answered';
+        /** An edit does not return to `working` — it supersedes, and the run re-plans from there. */
+        case 'edit': return 'superseded';
+        case 'skip': return 'skipped';
+        case 'fail': return 'failed';
+    }
+}
+/** An answered ask collapses to one row carrying the value and a pencil (universal rule 2). */
+const isCollapsed = (s) => s === 'answered';
+exports.isCollapsed = isCollapsed;
+/** Blocked and offered must never look alike (universal rule 1). */
+const isTerminal = (s) => s === 'answered' || s === 'skipped' || s === 'superseded' || s === 'failed';
+exports.isTerminal = isTerminal;
+//# sourceMappingURL=state.js.map

package/dist/cjs/widgets/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/widgets/state.ts"],"names":[],"mappings":";;;AAqDA,8BAcC;AAnED;;;;;;;;;;;;GAYG;AACU,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ;CAC/E,CAAC;AAsCX,SAAgB,SAAS,CACvB,OAAoB,EACpB,KAA2E;IAE3E,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ,CAAC,CAAC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;QAClE,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC;QAC7B,KAAK,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC;QACjC,KAAK,QAAQ,CAAC,CAAC,OAAO,UAAU,CAAC;QACjC,6FAA6F;QAC7F,KAAK,MAAM,CAAC,CAAC,OAAO,YAAY,CAAC;QACjC,KAAK,MAAM,CAAC,CAAC,OAAO,SAAS,CAAC;QAC9B,KAAK,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,+FAA+F;AACxF,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC;AAAnD,QAAA,WAAW,eAAwC;AAChE,oEAAoE;AAC7D,MAAM,UAAU,GAAG,CAAC,CAAc,EAAE,EAAE,CAC3C,CAAC,KAAK,UAAU,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,KAAK,QAAQ,CAAC;AADjE,QAAA,UAAU,cACuD"}

package/dist/cjs/widgets/tokens.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pick = exports.widgetRadius = exports.widget = exports.SURFACE_BREAKPOINT = void 0;
+const tokens_1 = require("../tokens");
+/**
+ * **The input-widget geometry, from `design_handoff_input_widgets/README.md`.**
+ *
+ * The handoff is marked high-fidelity and final, and its geometry is followed exactly. Its
+ * COLOUR and TYPE are rethemed onto paper — every substitution is logged in
+ * `docs/HANDOFF-CONFLICTS.md` rather than made quietly.
+ *
+ * These rungs live here rather than in `tokens.ts` because they are one surface's geometry, not
+ * the system's scale. The handoff uses 2·3·5·7·9·11·13·15·17·22·26 on a 4px base — paper's
+ * `space` holds only `s1`–`s14` (4·8·12·16·20·24·32·40·56), and the resolver rejects anything
+ * else. Adding them here is the "add the token deliberately" path that rule demands, kept in its
+ * own namespace so the 4pt scale stays the default everywhere else.
+ */
+/** ≤ 640px lays out mobile, > 640px web — read from the CARD's width, never the viewport. */
+exports.SURFACE_BREAKPOINT = 640;
+/** Every value the handoff changes between surfaces, in one table (§2). */
+exports.widget = {
+    card: {
+        radius: tokens_1.radii.card, // --r-major 20 === radii.card
+        webMaxWidth: 560,
+        gutter: tokens_1.space.s4, // 16
+        gapToPrompt: { mobile: 10, web: 12 },
+    },
+    header: {
+        padMobile: { top: 13, right: 13, bottom: 13, left: 15 },
+        padWeb: { top: 15, right: 15, bottom: 15, left: 18 },
+        gap: { mobile: 11, web: 12 },
+    },
+    pill: {
+        size: { mobile: 10.5, web: 11 },
+        padY: { mobile: 7, web: 8 },
+        padX: { mobile: 10, web: 12 },
+        tracking: 0.11,
+    },
+    title: { size: { mobile: 15.5, web: 17 }, lineHeight: 1.2 },
+    /** The ⋮ trigger. A circle, and `hit` is the 44 floor it sits inside. */
+    menu: { size: { mobile: 34, web: 36 }, glyph: { mobile: 15, web: 16 } },
+    hairline: 1,
+    body: {
+        pad: { mobile: 15, web: 18 },
+        /** A body that renders a row list pads differently; rows carry their own vertical padding. */
+        padRows: { top: 4, x: 15, bottom: 15 },
+        gap: { min: 10, max: 14 },
+    },
+    row: { minHeight: { mobile: 54, web: 56 }, padY: 11, padX: 2, gap: 11 },
+    field: { height: { mobile: 46, web: 48 }, padRect: 14, padPill: 18 },
+    copy: {
+        body: { size: { mobile: 14.5, web: 15 }, lh: { mobile: 1.45, web: 1.5 } },
+        muted: { size: { mobile: 12, web: 13 }, lh: 1.5 },
+        counter: { size: { mobile: 12, web: 12.5 } },
+        label: { size: 12.5 },
+        option: { size: { mobile: 14.5, web: 15.5 } },
+    },
+    stat: {
+        pad: { mobile: 14, web: 16 },
+        number: { mobile: 27, web: 31 },
+        label: { size: 10, tracking: 0.09 },
+        gap: 10,
+    },
+    submit: { height: { mobile: 46, web: 48 }, padX: 22 },
+    prompt: {
+        padMobile: { y: 14, x: 17 },
+        padWeb: { y: 15, x: 19 },
+        maxWidth: { mobile: '92%', web: '76%' },
+    },
+    /** Never scales with surface. §2 states it unchanged, and rule 6 makes it universal. */
+    hit: 44,
+    stack: { gap: { mobile: 10, web: 12 } },
+};
+/**
+ * **Two literal radii the handoff calls deliberate exceptions** — both too small for `r-tile`
+ * to read correctly. Kept named so they are a decision rather than a magic number.
+ */
+exports.widgetRadius = {
+    checkbox: 6,
+    legendSwatch: 4,
+    /** `--r-inset` — inputs, tiles, option cards, menus. Paper's `radii.control` is the same 14. */
+    inset: tokens_1.radii.control,
+    /** `--r-tile` 9. Paper has no 9 rung; the nearest is `radii.key` 10 — see the conflict log. */
+    tile: 9,
+};
+const pick = (v, s) => v[s];
+exports.pick = pick;
+//# sourceMappingURL=tokens.js.map

package/dist/cjs/widgets/tokens.js.map

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

package/dist/cjs/widgets/useSurface.js

@@ -0,0 +1,46 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSurface = useSurface;
+exports.useMeasuredSurface = useMeasuredSurface;
+exports.SurfaceProvider = SurfaceProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tokens_1 = require("./tokens");
+/**
+ * **Surface is the CARD's own width, never the viewport.**
+ *
+ * §2 is explicit: *"A card inside a narrow desktop panel is therefore the mobile card."* So this
+ * is a container query, not a media query and not a platform check — the same card in a 400px
+ * side panel on a desktop lays out mobile, and it should.
+ *
+ * That rules out `Dimensions` and `Platform` alike. `onLayout` is the only thing on either
+ * platform that reports the box a component actually got.
+ *
+ * **Mobile and web read and write ONE state object.** An answer given on either is the same
+ * answer, so nothing here may branch behaviour — only layout.
+ */
+const SurfaceContext = (0, react_1.createContext)('mobile');
+function useSurface() {
+    return (0, react_1.useContext)(SurfaceContext);
+}
+/**
+ * Measures itself and provides the surface to everything inside.
+ *
+ * Starts at `mobile` because that is the narrower layout: a card that renders web-first and
+ * corrects on measure flashes a layout the user then sees replaced, which reads as a bug.
+ */
+function useMeasuredSurface() {
+    const [surface, setSurface] = (0, react_1.useState)('mobile');
+    const onLayout = (0, react_1.useCallback)((e) => {
+        const next = e.nativeEvent.layout.width > tokens_1.SURFACE_BREAKPOINT ? 'web' : 'mobile';
+        /* Compared before setting: `onLayout` fires on every re-layout, and a set on every frame
+           would re-render the whole card for a width that has not crossed the breakpoint. */
+        setSurface(prev => (prev === next ? prev : next));
+    }, []);
+    return { surface, onLayout };
+}
+function SurfaceProvider({ surface, children, }) {
+    return (0, jsx_runtime_1.jsx)(SurfaceContext.Provider, { value: surface, children: children });
+}
+//# sourceMappingURL=useSurface.js.map

package/dist/cjs/widgets/useSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSurface.js","sourceRoot":"","sources":["../../../src/widgets/useSurface.tsx"],"names":[],"mappings":";;AAmBA,gCAEC;AAQD,gDASC;AAED,0CAIC;;AA5CD,iCAAyF;AAEzF,qCAA4D;AAE5D;;;;;;;;;;;;GAYG;AACH,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAU,QAAQ,CAAC,CAAC;AAExD,SAAgB,UAAU;IACxB,OAAO,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAC;AACpC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,kBAAkB;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,QAAQ,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAoB,EAAE,EAAE;QACpD,MAAM,IAAI,GAAY,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,GAAG,2BAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QACzF;6FACqF;QACrF,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC/B,CAAC;AAED,SAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,QAAQ,GACyB;IAC1C,OAAO,uBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAA2B,CAAC;AACvF,CAAC"}