@appinternalleads/ui 0.2.0

package/dist/cjs/widgets/10-11-14-Numbers.js

@@ -0,0 +1,126 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderWidget = SliderWidget;
+exports.RangePickerWidget = RangePickerWidget;
+exports.NumericalHolderWidget = NumericalHolderWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const parts_1 = require("./parts");
+const tokens_2 = require("./tokens");
+const WidgetCard_1 = require("./WidgetCard");
+/** The bar every track in this group shares: 6px tall, the well behind, the accent in front. */
+function Track({ children, height = 6 }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1, radius: "pill", height: height, style: { backgroundColor: colors.surfaceSunken, position: 'relative' }, children: children }));
+}
+/**
+ * **10 · Slider** — `NUMBER` → a `number`.
+ *
+ * **The track drags and the ± buttons stay — they are not alternatives.** WCAG 2.5.7 says any
+ * dragging movement needs a single-pointer alternative, so the buttons are required whatever the
+ * gesture does; they are also the only way to hit an exact value. The drag is what a thumb
+ * reaches for first.
+ *
+ * The reference tile is derived, not asked — the hit count follows the score, and showing it
+ * beside the score is what makes the number mean something.
+ */
+function SliderWidget({ value = 74, min = 0, max = 100, step = 2, onChange, prompt, onMenu, hits = (v) => Math.max(0, Math.round((100 - v) * 0.42)), pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [v, setV] = (0, react_1.useState)(value);
+    const set = (n) => {
+        const c = Math.min(max, Math.max(min, n));
+        setV(c);
+        onChange?.(c);
+    };
+    const pct = ((v - min) / (max - min)) * 100;
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'NUMBER', title: cardTitle ?? 'Slider', prompt: prompt ?? 'Only show me people above a certain match score.', onMenu: onMenu, testID: "widget-10", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 14 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, style: { gap: tokens_2.widget.stat.gap }, children: [(0, jsx_runtime_1.jsx)(parts_1.StatTile, { live: true, value: String(v), label: label ?? 'Minimum match score' }), (0, jsx_runtime_1.jsx)(parts_1.StatTile, { value: String(hits(v)), label: "Candidates kept" })] }), (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: { gap: 11 }, children: [(0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2212", label: "Lower", tone: "outline", atLimit: v <= min, onPress: () => set(v - step) }), (0, jsx_runtime_1.jsx)(core_1.DragArea, { onDrag: p => set((0, core_1.valueFromFraction)(p.fraction, min, max, step)), "aria-label": label ?? 'Minimum match score', accessibilityValue: { min, max, now: v }, testID: "w10-track", 
+                            /* A ROW, because `Track` is `flex: 1` and a column would grow it vertically — the
+                               6px bar became a 44px slab the first time this shipped as a column. */
+                            style: { flex: 1, height: 44, flexDirection: 'row', alignItems: 'center' }, children: (0, jsx_runtime_1.jsxs)(Track, { children: [(0, jsx_runtime_1.jsx)(core_1.Box, { style: {
+                                            position: 'absolute', left: 0, top: 0, bottom: 0,
+                                            width: `${pct}%`, backgroundColor: colors.accentFill, borderRadius: 999,
+                                        } }), (0, jsx_runtime_1.jsx)(core_1.Box, { width: 24, height: 24, radius: "pill", lift: 1, style: {
+                                            position: 'absolute', top: -9, left: `${pct}%`, marginLeft: -12,
+                                            backgroundColor: colors.surface1,
+                                            borderWidth: 2, borderColor: colors.accentFill,
+                                        } })] }) }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "+", label: "Raise", tone: "outline", atLimit: v >= max, onPress: () => set(v + step) })] })] }) }));
+}
+/**
+ * **11 · Range Picker** — `NUMBER` → `[number, number]`.
+ *
+ * **The handles can never cross, and that is enforced in the setters** rather than checked on
+ * submit: `lo ≤ hi − 1`. A validator that lets an impossible range exist for even one frame has
+ * to explain it afterwards; a setter that cannot produce one never has to. The drag goes through
+ * the same setters, so a finger cannot produce what the buttons cannot.
+ *
+ * **A drag moves whichever handle it started nearer**, decided once on touch-down and held for
+ * the rest of the gesture. Re-deciding on every frame makes the handles swap under the finger as
+ * they approach each other, which is the classic two-handle bug.
+ */
+function RangePickerWidget({ lo: lo0 = 3, hi: hi0 = 9, max = 20, onChange, prompt, onMenu, unit = 'yrs', pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [lo, setLo] = (0, react_1.useState)(lo0);
+    const [hi, setHi] = (0, react_1.useState)(hi0);
+    /* Which handle this gesture owns. A ref, because it is decided on touch-down and must not
+       change when the component re-renders mid-drag. */
+    const held = (0, react_1.useRef)('lo');
+    const emit = (l, h) => onChange?.([l, h]);
+    const setLow = (n) => {
+        const c = Math.min(hi - 1, Math.max(0, n));
+        setLo(c);
+        emit(c, hi);
+    };
+    const setHigh = (n) => {
+        const c = Math.max(lo + 1, Math.min(max, n));
+        setHi(c);
+        emit(lo, c);
+    };
+    const p = (n) => (n / max) * 100;
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'NUMBER', title: cardTitle ?? 'Range Picker', prompt: prompt ?? 'Keep it to a sensible experience band.', onMenu: onMenu, testID: "widget-11", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 14 }, children: [(0, jsx_runtime_1.jsx)(parts_1.StatTile, { live: true, full: true, value: `${lo}–${hi} ${unit}`, label: label ?? 'Years of experience' }), (0, jsx_runtime_1.jsx)(core_1.Box, { row: true, align: "center", style: { gap: 11 }, children: (0, jsx_runtime_1.jsx)(core_1.DragArea, { onDrag: p => {
+                            const at = (0, core_1.valueFromFraction)(p.fraction, 0, max, 1);
+                            if (p.first)
+                                held.current = Math.abs(at - lo) <= Math.abs(at - hi) ? 'lo' : 'hi';
+                            if (held.current === 'lo')
+                                setLow(at);
+                            else
+                                setHigh(at);
+                        }, "aria-label": label ?? 'Years of experience', testID: "w11-track", style: { flex: 1, height: 44, flexDirection: 'row', alignItems: 'center' }, children: (0, jsx_runtime_1.jsxs)(Track, { children: [(0, jsx_runtime_1.jsx)(core_1.Box, { style: {
+                                        position: 'absolute', top: 0, bottom: 0,
+                                        left: `${p(lo)}%`, right: `${100 - p(hi)}%`,
+                                        backgroundColor: colors.accentFill, borderRadius: 999,
+                                    } }), [lo, hi].map((n, i) => ((0, jsx_runtime_1.jsx)(core_1.Box, { width: 24, height: 24, radius: "pill", lift: 1, style: {
+                                        position: 'absolute', top: -9, left: `${p(n)}%`, marginLeft: -12,
+                                        backgroundColor: colors.surface1,
+                                        borderWidth: 2, borderColor: colors.accentFill,
+                                    } }, i)))] }) }) }), (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, style: { gap: 11 }, children: [(0, jsx_runtime_1.jsx)(StepperGroup, { value: lo, lowerLabel: "Lower minimum", raiseLabel: "Raise minimum", atLow: lo <= 0, atHigh: lo >= hi - 1, onLower: () => setLow(lo - 1), onRaise: () => setLow(lo + 1) }), (0, jsx_runtime_1.jsx)(StepperGroup, { value: hi, lowerLabel: "Lower maximum", raiseLabel: "Raise maximum", atLow: hi <= lo + 1, atHigh: hi >= max, onLower: () => setHigh(hi - 1), onRaise: () => setHigh(hi + 1) })] })] }) }));
+}
+/** A pill holding one value between its two steppers. Module scope — see the note in 14. */
+function StepperGroup({ value, lowerLabel, raiseLabel, atLow, atHigh, onLower, onRaise, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, row: true, align: "center", justify: "space-between", radius: "pill", style: {
+            paddingVertical: 7, paddingHorizontal: 8,
+            borderWidth: 1, borderColor: colors.hairline,
+        }, children: [(0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2212", label: lowerLabel, atLimit: atLow, onPress: onLower }), (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 13, lineHeight: 13, fontWeight: '600' }, children: value }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "+", label: raiseLabel, atLimit: atHigh, onPress: onRaise })] }));
+}
+/**
+ * **14 · Numerical Holder** — `NUMBER` → a `number`, for counts small enough that a track is
+ * overkill.
+ *
+ * At a limit the button dims to the hairline and its handler becomes a no-op — **dimmed and
+ * non-interactive, never hidden.** A control that vanishes at the boundary reads as a bug; one
+ * that stays and stops reads as a limit.
+ */
+function NumericalHolderWidget({ value = 5, min = 1, max = 12, onChange, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [v, setV] = (0, react_1.useState)(value);
+    const set = (n) => {
+        const c = Math.min(max, Math.max(min, n));
+        setV(c);
+        onChange?.(c);
+    };
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'NUMBER', title: cardTitle ?? 'Numerical Holder', prompt: prompt ?? 'Give me a handful of options, not thirty.', onMenu: onMenu, testID: "widget-14", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 13 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: { gap: 13 }, children: [(0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2212", label: "Fewer", size: 48, atLimit: v <= min, onPress: () => set(v - 1) }), (0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1, align: "center", children: (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 34, lineHeight: 34, fontWeight: '600', color: colors.accentInk }, children: v }) }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "+", label: "More", size: 48, atLimit: v >= max, onPress: () => set(v + 1) })] }), (0, jsx_runtime_1.jsx)(parts_1.CounterLine, { children: hint ?? `Between ${min} and ${max} · default ${value}` })] }) }));
+}
+//# sourceMappingURL=10-11-14-Numbers.js.map

package/dist/cjs/widgets/10-11-14-Numbers.js.map

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

package/dist/cjs/widgets/15-18-Pickers.js

@@ -0,0 +1,93 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CADENCES = exports.STANCES = void 0;
+exports.HorizontalListPickerWidget = HorizontalListPickerWidget;
+exports.ArcPickerWidget = ArcPickerWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const parts_1 = require("./parts");
+const tokens_2 = require("./tokens");
+const useSurface_1 = require("./useSurface");
+const driven_1 = require("./driven");
+const WidgetCard_1 = require("./WidgetCard");
+/** The stance options, with the sentence each one commits the run to. Verbatim from §3. */
+exports.STANCES = [
+    { label: 'Hold firm', note: 'I quote the band and do not move from it.' },
+    { label: 'Lean firm', note: 'I anchor at the band, with room at the top for a strong case.' },
+    { label: 'Balanced', note: 'I state the band and ask what they are looking for.' },
+    { label: 'Lean flexible', note: 'I invite a number first and treat the band as guidance.' },
+    { label: 'Open', note: 'I do not mention a band until they name one.' },
+];
+/**
+ * **15 · Horizontal List Picker** — `CHOICE` → a `string` from an *ordered* set.
+ *
+ * Use it when the ordering is itself the information. The note under the row is not help text —
+ * it is **the sentence the run will act on**, so the user is choosing a behaviour rather than a
+ * word.
+ */
+function HorizontalListPickerWidget({ options = exports.STANCES, index = 2, onChange, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const [i, setI] = (0, react_1.useState)(index);
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'CHOICE', title: cardTitle ?? 'Horizontal List Picker', prompt: prompt ?? 'How hard should I push on salary?', onMenu: onMenu, testID: "widget-15", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 12 }, children: [(0, jsx_runtime_1.jsx)(core_1.Scroll, { horizontal: true, style: { marginHorizontal: -2 }, children: (0, jsx_runtime_1.jsx)(core_1.Box, { row: true, style: { gap: 7, paddingHorizontal: 2, paddingBottom: 2 }, children: options.map((o, n) => ((0, jsx_runtime_1.jsx)(parts_1.Chip, { label: o.label, on: n === i, onPress: () => { setI(n); onChange?.(o.value ?? o.label); }, minHeight: tokens_2.widget.hit }, o.label))) }) }), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", style: { fontSize: 13, lineHeight: 13 * 1.5 }, children: options[i]?.note })] }) }));
+}
+exports.CADENCES = ['Once', 'Twice', 'Weekly ×3', 'Every 2 days', 'Daily'];
+/**
+ * **18 · Arc Picker** — `CHOICE` → an index into a fixed ordered set.
+ *
+ * The dial is drawn with `core/Arc` rather than a `conic-gradient`, which React Native has no
+ * equivalent for; the geometry is the handoff's, exactly — a 210px circle cropped to 112px, a
+ * 26px ring, the handle at `−90 + frac × 180`.
+ *
+ * **The dial drags, and the chip legend stays.** The legend is the keyboard path and the
+ * screen-reader path — every graphical picker in this family carries one, and removing it removes
+ * the widget's accessibility rather than its polish. The drag is what a thumb reaches for; the
+ * chips are what everything else uses.
+ *
+ * The gesture is angular rather than linear, which is the whole reason `DragArea` reports a
+ * position instead of a value: the same primitive drives a straight track and a dial.
+ */
+function ArcPickerWidget({ options = exports.CADENCES, index = 2, onChange, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const opts = options.map(driven_1.toWidgetOption);
+    const surface = (0, useSurface_1.useSurface)();
+    const [i, setI] = (0, react_1.useState)(index);
+    const frac = options.length > 1 ? i / (options.length - 1) : 0;
+    const filled = Math.round(frac * 180);
+    const size = 210;
+    const thickness = 26;
+    const r = (size - thickness) / 2;
+    /**
+     * The handle rides the ring's centreline, at the END of the fill.
+     *
+     * It must use `Arc`'s own convention — degrees clockwise from 12 o'clock — or it drifts a
+     * quarter turn away from the fill it is supposed to cap. That is exactly what the first render
+     * showed: the arc ended at 12 o'clock and the knob sat at 3.
+     */
+    const handleDeg = 270 + frac * 180;
+    const rad = ((handleDeg - 90) * Math.PI) / 180;
+    const hx = size / 2 + r * Math.cos(rad);
+    const hy = size / 2 + r * Math.sin(rad);
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'CHOICE', title: cardTitle ?? 'Arc Picker', prompt: prompt ?? 'Set how aggressive the outreach cadence should be.', onMenu: onMenu, testID: "widget-18", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 13 }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { align: "center", children: (0, jsx_runtime_1.jsxs)(core_1.DragArea, { onDrag: p => {
+                            /* The dial's centre is the circle's centre, which sits below the cropped box —
+                               the viewport shows the top half of a 210px circle. */
+                            const f = (0, core_1.fractionFromAngle)(p.x, p.y, size / 2, size / 2, 270, 180);
+                            const next = Math.round(f * (options.length - 1));
+                            if (next !== i) {
+                                setI(next);
+                                onChange?.(next);
+                            }
+                        }, "aria-label": cardTitle ?? 'Outreach cadence', accessibilityValue: { min: 0, max: options.length - 1, now: i, text: opts[i]?.label }, testID: "w18-dial", style: { width: size, height: 112, overflow: 'hidden' }, children: [(0, jsx_runtime_1.jsx)(core_1.Arc, { size: size, thickness: thickness, height: 112, startAngle: 270, segments: [
+                                    { sweep: filled, color: colors.accentFill },
+                                    { sweep: 180 - filled, color: colors.surfaceSunken },
+                                ], testID: "w18-arc" }), (0, jsx_runtime_1.jsx)(core_1.Box, { width: 18, height: 18, radius: "pill", lift: 1, style: {
+                                    position: 'absolute',
+                                    left: hx - 9,
+                                    top: hy - 9,
+                                    backgroundColor: colors.surface1,
+                                    borderWidth: 2,
+                                    borderColor: colors.accentFill,
+                                } }), (0, jsx_runtime_1.jsx)(core_1.Box, { style: { position: 'absolute', left: 0, right: 0, bottom: 8 }, align: "center", children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 17, lineHeight: 17 * 1.2, fontWeight: '600', color: colors.accentInk }, children: opts[i]?.label }) })] }) }), (0, jsx_runtime_1.jsx)(core_1.Box, { row: true, wrap: true, justify: "center", style: { gap: 6 }, children: opts.map((o, n) => ((0, jsx_runtime_1.jsx)(parts_1.Chip, { label: o.label, on: n === i, onPress: () => { setI(n); onChange?.(n); }, minHeight: surface === 'web' ? 40 : 40 }, o.value))) })] }) }));
+}
+//# sourceMappingURL=15-18-Pickers.js.map

package/dist/cjs/widgets/15-18-Pickers.js.map

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

package/dist/cjs/widgets/16-19-Numbers2.js

@@ -0,0 +1,84 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOOP_ROWS = exports.BUDGET_SLICES = void 0;
+exports.PieChartPickerWidget = PieChartPickerWidget;
+exports.CounterGroupWidget = CounterGroupWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const parts_1 = require("./parts");
+const tokens_2 = require("./tokens");
+const WidgetCard_1 = require("./WidgetCard");
+/** Verbatim from §3, and they sum to 100 — which is the only condition under which 16 is legal. */
+exports.BUDGET_SLICES = [
+    { key: 'sourcing', label: 'Sourcing tools', pct: 42 },
+    { key: 'boards', label: 'Job board spend', pct: 27 },
+    { key: 'referrals', label: 'Referral bonuses', pct: 19 },
+    { key: 'agency', label: 'Agency retainer', pct: 12 },
+];
+/**
+ * **16 · Pie Chart Picker** — `SHARE` → the picked slice's key.
+ *
+ * **Only legal when the options really are parts of one whole.** Shares that do not sum to 100
+ * belong in a different widget — a donut asserts a partition, and drawing one over numbers that
+ * are not a partition is a lie the geometry tells before any label can correct it.
+ *
+ * The legend is a row list rather than decoration: it carries the values, and it is the
+ * keyboard path.
+ */
+function PieChartPickerWidget({ slices = exports.BUDGET_SLICES, value = 'sourcing', onChange, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [k, setK] = (0, react_1.useState)(value);
+    const picked = slices.find(s => s.key === k);
+    const size = 148;
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'SHARE', title: cardTitle ?? 'Pie Chart Picker', prompt: prompt ?? 'Split the search budget however you think best.', onMenu: onMenu, testID: "widget-16", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 13 }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { align: "center", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { width: size, height: size, children: [(0, jsx_runtime_1.jsx)(core_1.Arc, { size: size, thickness: 34, segments: slices.map(s => ({
+                                    sweep: s.pct * 3.6,
+                                    color: s.key === k ? colors.accentFill : colors.accentTint,
+                                })), testID: "w16-donut" }), (0, jsx_runtime_1.jsxs)(core_1.Box, { align: "center", justify: "center", radius: "pill", style: {
+                                    position: 'absolute', top: 34, left: 34, right: 34, bottom: 34,
+                                    backgroundColor: colors.surface1, gap: 3,
+                                }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 21, lineHeight: 21, fontWeight: '600', color: colors.accentInk }, children: picked ? `${picked.pct}%` : '—' }), (0, jsx_runtime_1.jsx)(core_1.Text, { uppercase: true, color: "textSecondary", style: { fontSize: 9, lineHeight: 9, fontWeight: '600', letterSpacing: 9 * 0.09 }, children: label ?? 'Of budget' })] })] }) }), (0, jsx_runtime_1.jsx)(core_1.Box, { children: slices.map((s, i) => {
+                        const on = s.key === k;
+                        return ((0, jsx_runtime_1.jsxs)(core_1.Pressable, { onPress: () => { setK(s.key); onChange?.(s.key); }, row: true, align: "center", "aria-label": `${s.label} ${s.pct}%`, minHeight: 46, style: {
+                                paddingVertical: 9, paddingHorizontal: 2, gap: 10,
+                                borderTopWidth: i === 0 ? 0 : 1, borderTopColor: colors.hairline,
+                            }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { width: 12, height: 12, style: {
+                                        borderRadius: tokens_2.widgetRadius.legendSwatch,
+                                        backgroundColor: on ? colors.accentFill : colors.accentTint,
+                                    } }), (0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1, children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 13.5, lineHeight: 13.5 * 1.35, fontWeight: on ? '600' : '400' }, children: s.label }) }), (0, jsx_runtime_1.jsx)(core_1.Text, { mono: true, numeric: true, style: {
+                                        fontSize: 13, lineHeight: 13, fontWeight: '600',
+                                        color: on ? colors.accentInk : colors.textSecondary,
+                                    }, children: `${s.pct}%` })] }, s.key));
+                    }) })] }) }));
+}
+/** Verbatim from §3. Exec conversations default to 0 — a real default, not a placeholder. */
+exports.LOOP_ROWS = [
+    { key: 'screening', label: 'Screening calls', note: '30 minutes, recruiter-led', value: 2 },
+    { key: 'panel', label: 'Panel rounds', note: '60 minutes, two interviewers', value: 1 },
+    { key: 'exec', label: 'Exec conversations', note: 'Only for final candidates', value: 0 },
+];
+/**
+ * **19 · Counter Group** — `NUMBERS` → `Record<string, number>`, several numbers under one submit.
+ *
+ * At zero the counter states the consequence — *"No rounds — candidates go straight to offer"* —
+ * because `0 rounds per candidate` is a number the reader still has to interpret, and the
+ * interpretation is the part that matters.
+ */
+function CounterGroupWidget({ rows = exports.LOOP_ROWS, onSubmit, prompt, onMenu, min = 0, max = 6, submitLabel, counterText, counterEmpty, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [v, setV] = (0, react_1.useState)(() => Object.fromEntries(rows.map(r => [r.key, r.value])));
+    const step = (key, by) => setV(prev => ({ ...prev, [key]: Math.min(max, Math.max(min, (prev[key] ?? 0) + by)) }));
+    const total = Object.values(v).reduce((a, b) => a + b, 0);
+    return ((0, jsx_runtime_1.jsxs)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'NUMBERS', title: cardTitle ?? 'Counter Group', prompt: prompt ?? 'Plan the interview loop for the ones I keep.', onMenu: onMenu, rows: true, testID: "widget-19", children: [(0, jsx_runtime_1.jsx)(core_1.Box, { children: rows.map((r, i) => {
+                    const n = v[r.key] ?? 0;
+                    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: {
+                            minHeight: 60, paddingVertical: 10, paddingHorizontal: 2, gap: 11,
+                            borderTopWidth: i === 0 ? 0 : 1, borderTopColor: colors.hairline,
+                        }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, style: { gap: 4 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 13.5, lineHeight: 13.5 * 1.25, fontWeight: '600' }, children: r.label }), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", style: { fontSize: 11.5, lineHeight: 11.5 * 1.3 }, children: r.note })] }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2212", label: `Fewer ${r.label}`, atLimit: n <= min, onPress: () => step(r.key, -1) }), (0, jsx_runtime_1.jsx)(core_1.Box, { width: 30, align: "center", children: (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 17, lineHeight: 17, fontWeight: '600' }, children: n }) }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "+", label: `More ${r.label}`, atLimit: n >= max, onPress: () => step(r.key, 1) })] }, r.key));
+                }) }), (0, jsx_runtime_1.jsx)(core_1.Box, { style: { paddingTop: 13 }, children: (0, jsx_runtime_1.jsx)(parts_1.SubmitRow, { label: submitLabel ?? 'Set loop', empty: total === 0, counter: total === 0
+                        ? counterEmpty ?? 'No rounds — candidates go straight to offer'
+                        : (counterText ?? '{total} rounds per candidate').replace('{total}', String(total)), onPress: () => onSubmit?.(v) }) })] }));
+}
+//# sourceMappingURL=16-19-Numbers2.js.map

package/dist/cjs/widgets/16-19-Numbers2.js.map

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

package/dist/cjs/widgets/17-CardPicker.js

@@ -0,0 +1,85 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CARD_PICKER_FIXTURES = void 0;
+exports.CardPickerWidget = CardPickerWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const tokens_2 = require("./tokens");
+const useSurface_1 = require("./useSurface");
+const WidgetCard_1 = require("./WidgetCard");
+const idOf = (o) => o.value ?? o.name;
+exports.CARD_PICKER_FIXTURES = [
+    { rank: 1, name: 'Maya Idris', score: 94, reason: 'Shipped two fintech onboarding flows; writes her own copy.' },
+    { rank: 2, name: 'Tobias Rehn', score: 88, reason: 'Strong systems work, no fintech, fastest available start.' },
+    { rank: 3, name: 'Priya Raman', score: 86, reason: 'Deep research practice; portfolio is three years old.' },
+    { rank: 4, name: 'Owen Blake', score: 79, reason: 'Adjacent industry, agency background, contract only.' },
+];
+function CardPickerWidget({ options = exports.CARD_PICKER_FIXTURES, value = ['Maya Idris'], onChange, onSubmit, prompt, onMenu, submitLabel, emptyLabel, counterText, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const [kept, setKept] = (0, react_1.useState)(value);
+    const toggle = (name) => {
+        const next = kept.includes(name) ? kept.filter(n => n !== name) : [...kept, name];
+        setKept(next);
+        onChange?.(next);
+    };
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'SHORTLIST', title: cardTitle ?? 'Card Picker', prompt: prompt ?? 'Which of these four should go through to interview?', onMenu: onMenu, testID: "widget-17", children: (0, jsx_runtime_1.jsx)(Body, { options: options, kept: kept, toggle: toggle, onSubmit: () => onSubmit?.(kept), submitLabel: submitLabel, emptyLabel: emptyLabel, counterText: counterText }) }));
+}
+function Body({ options, kept, toggle, onSubmit, submitLabel, emptyLabel, counterText, }) {
+    const surface = (0, useSurface_1.useSurface)();
+    const n = kept.length;
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 10 }, children: [options.map(o => ((0, jsx_runtime_1.jsx)(OptionCard, { option: o, on: kept.includes(idOf(o)), onPress: () => toggle(idOf(o)) }, idOf(o)))), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", align: "center", style: { fontSize: tokens_2.widget.copy.counter.size[surface], lineHeight: tokens_2.widget.copy.counter.size[surface] }, children: (counterText ?? `{n} of ${options.length} kept · score and reason on every card`)
+                    .replace('{n}', String(n)) }), (0, jsx_runtime_1.jsx)(SubmitRow, { n: n, onPress: onSubmit, label: submitLabel, empty: emptyLabel })] }));
+}
+function OptionCard({ option, on, onPress, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const surface = (0, useSurface_1.useSurface)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Pressable, { onPress: onPress, row: true, align: "flex-start", justify: "flex-start", "aria-label": option.name, style: {
+            gap: 11,
+            padding: surface === 'web' ? 15 : 13,
+            borderRadius: tokens_2.widgetRadius.inset,
+            borderWidth: 2,
+            borderColor: on ? colors.accentFill : colors.hairline,
+            backgroundColor: on ? colors.accentTint : colors.surface1,
+        }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { width: surface === 'web' ? 30 : 28, height: surface === 'web' ? 30 : 28, radius: "pill", align: "center", justify: "center", bg: "accentFill", children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: { color: colors.accentOnFill, fontSize: 13, lineHeight: 13, fontWeight: '600' }, children: option.rank }) }), (0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, style: { gap: 4, minWidth: 0 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", justify: "space-between", gap: "s2", children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: {
+                                    fontSize: tokens_2.widget.copy.option.size[surface],
+                                    lineHeight: tokens_2.widget.copy.option.size[surface] * 1.2,
+                                    fontWeight: '600',
+                                }, children: option.name }), (0, jsx_runtime_1.jsx)(core_1.Text, { mono: true, color: "accentInk", numeric: true, style: { fontSize: 14, lineHeight: 14, fontWeight: '600' }, children: option.score })] }), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", style: {
+                            fontSize: surface === 'web' ? 13 : 12.5,
+                            lineHeight: (surface === 'web' ? 13 : 12.5) * 1.45,
+                        }, children: option.reason })] }), (0, jsx_runtime_1.jsx)(core_1.Box, { width: 21, height: 21, align: "center", justify: "center", alignSelf: "center", style: {
+                    borderRadius: tokens_2.widgetRadius.checkbox,
+                    borderWidth: 2,
+                    borderColor: on ? colors.accentFill : colors.hairline,
+                    backgroundColor: on ? colors.accentFill : colors.surface1,
+                }, children: on ? (0, jsx_runtime_1.jsx)(core_1.Icon, { name: "tick", size: 13, color: colors.accentOnFill }) : null })] }));
+}
+/**
+ * **At zero the label states the consequence** — `Keep nobody`, never a greyed `Continue`
+ * (universal rule 13). A disabled verb tells the user nothing about what happens if they press it.
+ */
+function SubmitRow({ n, onPress, label, empty: emptyLabel, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const surface = (0, useSurface_1.useSurface)();
+    const empty = n === 0;
+    /* At zero the label states the consequence and the button stays live — a greyed verb tells the
+       user nothing about what pressing it would do. */
+    const text = empty
+        ? emptyLabel ?? 'Keep nobody'
+        : (label ?? 'Interview {n}').replace('{n}', String(n));
+    return ((0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: onPress, radius: "pill", "aria-label": text, style: {
+            minHeight: tokens_2.widget.submit.height[surface],
+            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: text }) }));
+}
+//# sourceMappingURL=17-CardPicker.js.map

package/dist/cjs/widgets/17-CardPicker.js.map

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

package/dist/cjs/widgets/20-21-Composite.js

@@ -0,0 +1,86 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SENIORITIES = exports.SCREENING_STEPS = void 0;
+exports.StepExecutorWidget = StepExecutorWidget;
+exports.AggregatedInputWidget = AggregatedInputWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const parts_1 = require("./parts");
+const tokens_2 = require("./tokens");
+const useSurface_1 = require("./useSurface");
+const WidgetCard_1 = require("./WidgetCard");
+const WidgetInput_1 = require("./WidgetInput");
+/** Verbatim from §3. The bodies are the script, not a summary of one. */
+exports.SCREENING_STEPS = [
+    {
+        title: 'Confirm the basics',
+        body: 'Right role, right level, notice period, and whether they are actively looking.',
+        meta: 'Two minutes',
+    },
+    {
+        title: 'Walk one shipped project',
+        body: 'Ask them to pick something they owned end to end, then follow the decisions rather than the outcome.',
+        meta: 'Ten minutes',
+    },
+    {
+        title: 'Probe the gap',
+        body: 'Whatever the CV leaves unexplained — a short stay, a jump in level — ask about it plainly here.',
+        meta: 'Five minutes',
+    },
+    {
+        title: 'Money and timing',
+        body: 'State the band in the stance you picked. Get their number before the call ends.',
+        meta: 'Three minutes',
+    },
+    {
+        title: 'Their questions',
+        body: 'Leave real room. What they ask tells you what they care about.',
+        meta: 'Five minutes',
+    },
+];
+/**
+ * **20 · Step Executor** — `SEQUENCE` → progress through a guided sequence.
+ *
+ * The step card takes level 2 while sitting inside a level-1 card: it is the one thing in the
+ * family that floats above its own container, and it does so because the sequence position is
+ * the whole widget.
+ *
+ * **The arrows clamp; they never wrap.** Arriving back at step 1 from step 5 would read as
+ * progress rather than as a loop, and at the ends the arrow dims and stays put.
+ */
+function StepExecutorWidget({ steps = exports.SCREENING_STEPS, index = 1, onChange, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const [i, setI] = (0, react_1.useState)(index);
+    const go = (n) => {
+        const c = Math.min(steps.length - 1, Math.max(0, n));
+        setI(c);
+        onChange?.(c);
+    };
+    const step = steps[i];
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'SEQUENCE', title: cardTitle ?? 'Step Executor', prompt: prompt ?? 'Walk me through the screening call, one step at a time.', onMenu: onMenu, testID: "widget-20", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { align: "center", style: { gap: 13 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: { gap: 11, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2039", label: "Previous step", tone: "outline", atLimit: i === 0, onPress: () => go(i - 1) }), (0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, lift: 2, bg: "surface1", style: { padding: 15, borderRadius: tokens_2.widgetRadius.inset, gap: 7 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 15, lineHeight: 15 * 1.25, fontWeight: '600' }, children: `${i + 1}. ${step?.title}` }), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", style: { fontSize: 13, lineHeight: 13 * 1.5 }, children: step?.body }), (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", style: { fontSize: 12, lineHeight: 12 }, children: step?.meta })] }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u203A", label: "Next step", tone: "outline", atLimit: i === steps.length - 1, onPress: () => go(i + 1) })] }), (0, jsx_runtime_1.jsx)(core_1.Box, { row: true, align: "center", style: { gap: 5 }, children: steps.map((_, n) => ((0, jsx_runtime_1.jsx)(core_1.Box, { width: 6, height: 6, radius: "pill", style: { backgroundColor: n === i ? colors.accentFill : colors.accentTint } }, n))) }), (0, jsx_runtime_1.jsx)(core_1.Text, { mono: true, color: "textSecondary", style: { fontSize: 12.5, lineHeight: 12.5 }, children: `${i + 1} / ${steps.length}` })] }) }));
+}
+exports.SENIORITIES = ['Junior', 'Mid', 'Senior', 'Staff'];
+/**
+ * **21 · Aggregated Input Card** — `COMPOSITE` → an `object`, in one turn.
+ *
+ * For when asking three questions in sequence would be worse than asking them together. The
+ * three groups are separated by hairlines rather than headings, because a heading per field
+ * would make three questions look like three asks again.
+ *
+ * **The submit label is composed from the state** — `Source 12 senior candidates` — so the
+ * button reads back the answer before it is sent. And **every default is a working default**:
+ * submitting this card untouched is a valid answer, not an empty one.
+ */
+function AggregatedInputWidget({ title: title0 = '', seniority: seniority0 = 'Senior', count: count0 = 12, onSubmit, prompt, onMenu, pill: pillLabel, title: cardTitle, label, hint, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const surface = (0, useSurface_1.useSurface)();
+    const [title, setTitle] = (0, react_1.useState)(title0);
+    const [seniority, setSeniority] = (0, react_1.useState)(seniority0);
+    const [count, setCount] = (0, react_1.useState)(count0);
+    const divider = { height: 1, backgroundColor: colors.hairline };
+    return ((0, jsx_runtime_1.jsx)(WidgetCard_1.WidgetCard, { pill: pillLabel ?? 'COMPOSITE', title: cardTitle ?? 'Aggregated Input Card', prompt: prompt ?? 'Start a new search, you know the drill.', onMenu: onMenu, testID: "widget-21", children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 13 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 9 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 12.5, lineHeight: 12.5, fontWeight: '600' }, children: "Role title" }), (0, jsx_runtime_1.jsx)(WidgetInput_1.WidgetInput, { value: title, onChangeText: setTitle, placeholder: "Senior product designer", ariaLabel: "Role title", testID: "w21-title" })] }), (0, jsx_runtime_1.jsx)(core_1.Box, { style: divider }), (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap: 9 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 12.5, lineHeight: 12.5, fontWeight: '600' }, children: "Seniority" }), (0, jsx_runtime_1.jsx)(core_1.Box, { row: true, wrap: true, style: { gap: 6 }, children: exports.SENIORITIES.map(s => ((0, jsx_runtime_1.jsx)(parts_1.Chip, { label: s, on: s === seniority, onPress: () => setSeniority(s) }, s))) })] }), (0, jsx_runtime_1.jsx)(core_1.Box, { style: divider }), (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", style: { gap: 11 }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { flex: 1, children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 12.5, lineHeight: 12.5 * 1.3, fontWeight: '600' }, children: "How many to source" }) }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "\u2212", label: "Fewer candidates", atLimit: count <= 1, onPress: () => setCount(c => Math.max(1, c - 1)) }), (0, jsx_runtime_1.jsx)(core_1.Box, { width: 30, align: "center", children: (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 17, lineHeight: 17, fontWeight: '600' }, children: count }) }), (0, jsx_runtime_1.jsx)(parts_1.StepButton, { glyph: "+", label: "More candidates", atLimit: count >= 50, onPress: () => setCount(c => Math.min(50, c + 1)) })] }), (0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: () => onSubmit?.({ title, seniority, count }), radius: "pill", minHeight: tokens_2.widget.submit.height[surface], "aria-label": `Source ${count} ${seniority.toLowerCase()} candidates`, style: { alignSelf: 'stretch', backgroundColor: colors.accentFill }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 14.5, lineHeight: 14.5, fontWeight: '600', color: colors.accentOnFill }, children: `Source ${count} ${seniority.toLowerCase()} candidates` }) })] }) }));
+}
+//# sourceMappingURL=20-21-Composite.js.map

package/dist/cjs/widgets/20-21-Composite.js.map

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