@appinternalleads/ui 0.2.0

package/dist/cjs/components/onboarding/budget-tracker/BudgetTrackerView.js

@@ -0,0 +1,75 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BudgetTracker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const core_1 = require("../../../core");
+const tokens_1 = require("../../../tokens");
+const contract_1 = require("../shared/contract");
+const InvalidConfig_1 = require("../shared/InvalidConfig");
+const OnboardingCard_1 = require("../shared/OnboardingCard");
+const runtime_1 = require("../shared/runtime");
+const guard_1 = require("../shared/guard");
+const m15_1 = require("../shared/m15");
+const viz_1 = require("../shared/viz");
+const contract_2 = require("./contract");
+const engine_1 = require("./engine");
+/**
+ * **Budget Tracker** — header (tile, title, subtitle; the period as a C6 select when there are
+ * several, muted text when one), a `<dl>` of three wells (Allocated, Spent, Utilization — count up
+ * from 0 at 160ms over 600ms), then one row per category: name, spent / allocated (spent counts),
+ * the variance (mint left, apricot over or near, muted $0 — after the bar), and a 6px
+ * `progressbar` whose apricot layer fades in once the fill ends. M15 plays the first time the card
+ * is 30% in view; a period change tweens the values without re-staggering.
+ */
+function BudgetTrackerView(props) {
+    const config = (0, contract_1.resolveConfig)(contract_2.BUDGET_TRACKER_PRESETS, props.preset, props.config);
+    const issues = (0, contract_2.validateBudgetTracker)(config);
+    if (issues.length)
+        return (0, jsx_runtime_1.jsx)(InvalidConfig_1.InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return (0, jsx_runtime_1.jsx)(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status, reload, initial, onOpen, onPeriodChange, replay, forceReduced, onScene, testID, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const key = JSON.stringify([config, initial ?? null]);
+    const seed = (0, react_1.useMemo)(() => (0, engine_1.initialBudgetTracker)(config, initial ?? (config.ship ? (0, engine_1.budgetTrackerSeed)(config, config.ship) : {})), [key]);
+    const [period, setPeriod] = (0, react_1.useState)(seed.period);
+    (0, react_1.useEffect)(() => setPeriod(seed.period), [seed]);
+    const state = { ...seed, period };
+    const rows = (0, engine_1.budgetRows)(config, state);
+    const totals = (0, engine_1.budgetTotals)(rows);
+    /* Loading → ready: the case that ships loading turns ready after a beat, then M15 plays. */
+    const pattern = (0, runtime_1.usePatternStatus)(status ?? (seed.loadReady ? 'loading' : rows.length ? 'ready' : 'empty'), reload);
+    (0, react_1.useEffect)(() => {
+        if (!seed.loadReady || status)
+            return;
+        const t = setTimeout(() => pattern.set('ready'), 1200);
+        return () => clearTimeout(t);
+    }, [seed, status, replay]);
+    (0, runtime_1.useSceneReport)(pattern.status === 'ready' ? (seed.loadReady ? 'loadReady' : (0, engine_1.budgetScene)(rows, state, config)) : pattern.status, onScene);
+    const [ref, inView] = (0, viz_1.useInView)();
+    const clock = (0, viz_1.useRevealClock)(inView && pattern.status === 'ready', (0, m15_1.revealEnd)(rows.length), `${replay ?? 0}|${pattern.status}`, forceReduced);
+    const t = clock.t;
+    const shown = (0, viz_1.useTweenedValues)([...rows.map(r => r.spent), ...rows.map(r => Math.min(1, r.ratio)), totals.allocated, totals.spent, totals.utilization], m15_1.M15.fillMs, clock.done, clock.reduced);
+    const n = rows.length;
+    const spentOf = (i) => (clock.done ? shown[i] : rows[i].spent * (0, m15_1.barFill)(i, t));
+    const scaleOf = (i) => (clock.done ? shown[n + i] : Math.min(1, rows[i].ratio) * (0, m15_1.barFill)(i, t));
+    const sum = (0, m15_1.progress)(t, 160, m15_1.M15.fillMs);
+    const stat = (k, target) => (clock.done ? shown[2 * n + k] : target * sum);
+    const tones = { mint: colors.status.executed, apricot: colors.status.needsUser, muted: colors.textSecondary };
+    const meta = config.periods.length > 1 ? ((0, jsx_runtime_1.jsx)(core_1.Box, { style: { minWidth: 132 }, children: (0, jsx_runtime_1.jsx)(core_1.Select, { "aria-label": "Period", value: period, options: config.periods.map(p => ({ value: p, label: p })), onChange: p => { setPeriod(p); onPeriodChange?.(p); } }) })) : (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 12, color: colors.textSecondary }, children: config.period });
+    return ((0, jsx_runtime_1.jsx)(OnboardingCard_1.OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, meta: meta, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { ref: ref, style: { opacity: clock.reduced ? clock.fade : 1, gap: 14 }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { row: true, gap: "s2", role: 'list', "aria-label": "Summary", style: { flexWrap: 'wrap' }, children: [
+                        ['Allocated', (0, m15_1.compactCurrency)(stat(0, totals.allocated), config.currency)],
+                        ['Spent', (0, m15_1.compactCurrency)(stat(1, totals.spent), config.currency)],
+                        ['Utilization', `${Math.round(stat(2, totals.utilization))}%`],
+                    ].map(([dt, dd], k) => ((0, jsx_runtime_1.jsxs)(core_1.Box, { role: 'listitem', style: { flexGrow: 1, flexBasis: 96, padding: 12, borderRadius: tokens_1.blockRadii.inset + 4, backgroundColor: colors.surfaceSunken }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { style: { fontSize: 12, color: colors.textSecondary }, children: dt }), (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 20, fontWeight: '600', letterSpacing: -0.3, color: colors.textPrimary, textAlign: k === 2 ? 'right' : 'left' }, children: dd })] }, dt))) }), (0, jsx_runtime_1.jsx)(core_1.Box, { role: 'list', "aria-label": "Categories", gap: "s1", children: rows.map((r, i) => {
+                        const rv = clock.reduced ? { opacity: 1, y: 0 } : (0, m15_1.rowReveal)(i, t);
+                        const toneP = clock.done ? 1 : (0, m15_1.toneIn)((0, m15_1.barStart)(i) + m15_1.M15.fillMs, t);
+                        return ((0, jsx_runtime_1.jsx)(viz_1.RevealRow, { opacity: rv.opacity, y: rv.y, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { role: 'listitem', children: (0, jsx_runtime_1.jsx)(viz_1.DataTip, { label: r.tooltip, onPress: onOpen ? () => onOpen(r.id) : undefined, style: { paddingHorizontal: 8, paddingVertical: 8 }, children: (0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s2", children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", gap: "s2", children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: { flex: 1, fontSize: 13, fontWeight: '600', color: colors.textPrimary }, children: r.name }), (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 12, color: colors.textSecondary }, children: `${(0, m15_1.compactCurrency)(spentOf(i), config.currency)} / ${(0, m15_1.compactCurrency)(r.allocated, config.currency)}` }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { opacity: toneP, minWidth: 104 }, children: (0, jsx_runtime_1.jsx)(viz_1.ToneText, { color: colors.textSecondary, tone: tones[r.varianceTone], toneOpacity: 1, weight: "600", align: "right", children: r.variance }) })] }), (0, jsx_runtime_1.jsx)(viz_1.VizBar, { scale: scaleOf(i), color: colors.textSecondary, track: colors.band, overlay: r.overlay ? { color: r.overlay === 'over' ? colors.status.needsUser : colors.statusBg.needsUser, opacity: toneP } : undefined, a11y: { role: 'progressbar', label: r.name, now: Math.round((Number.isFinite(r.ratio) ? r.ratio : 1) * 100), max: 100, text: r.valueText } })] }) }) }) }, r.id));
+                    }) })] }) }));
+}
+/** BudgetTracker, guarded: a wrong-kind config is refused by name and a render error is caught (`shared/guard`). */
+exports.BudgetTracker = (0, guard_1.guarded)(BudgetTrackerView, contract_2.BUDGET_TRACKER_PRESETS, 'BudgetTracker');
+//# sourceMappingURL=BudgetTrackerView.js.map

package/dist/cjs/components/onboarding/budget-tracker/BudgetTrackerView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetTrackerView.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/budget-tracker/BudgetTrackerView.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,+CAAoC;AACpC,wCAAkD;AAClD,4CAAsE;AACtE,iDAAqH;AAErH,2DAAwD;AACxD,6DAA0D;AAC1D,+CAAqE;AACrE,2CAA0C;AAC1C,uCAAgH;AAChH,uCAAkH;AAClH,yCAAuG;AACvG,qCAAkI;AAsBlI;;;;;;;GAOG;AACH,SAAS,iBAAiB,CAAC,KAAyB;IAClD,MAAM,MAAM,GAAG,IAAA,wBAAa,EAAC,iCAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjF,MAAM,MAAM,GAAG,IAAA,gCAAqB,EAAC,MAAM,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,MAAM;QAAE,OAAO,uBAAC,6BAAa,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;IACvG,OAAO,uBAAC,KAAK,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC9C,CAAC;AAED,SAAS,KAAK,CAAC,EACb,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,GAChC;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,cAAK,GAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,6BAAoB,EAAC,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACxI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,IAAA,mBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,CAAC;IAElC,4FAA4F;IAC5F,MAAM,OAAO,GAAG,IAAA,0BAAgB,EAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IACnH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM;YAAE,OAAO;QACtC,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3B,IAAA,wBAAc,EAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,oBAAW,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzI,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,eAAS,GAAE,CAAC;IAClC,MAAM,KAAK,GAAG,IAAA,oBAAc,EAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,EAAE,IAAA,eAAS,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,EAAE,EAAE,YAAY,CAAC,CAAC;IAC7I,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAClB,MAAM,KAAK,GAAG,IAAA,sBAAgB,EAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,SAAG,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/L,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;IACtB,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK,GAAG,IAAA,aAAO,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzF,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC,GAAG,IAAA,aAAO,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1G,MAAM,GAAG,GAAG,IAAA,cAAQ,EAAC,CAAC,EAAE,GAAG,EAAE,SAAG,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;IAE5F,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC;IAC9G,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC3B,uBAAC,aAAM,kBACM,QAAQ,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAC1D,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACrD,GACE,CACP,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,OAAO,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,YAAG,MAAM,CAAC,MAAM,GAAQ,CAAC;IAE/F,OAAO,CACL,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,YACtK,wBAAC,mBAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,aACzE,uBAAC,UAAG,IAAC,GAAG,QAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,MAAe,gBAAa,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YACtF;wBACC,CAAC,WAAW,EAAE,IAAA,qBAAe,EAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;wBAC1E,CAAC,OAAO,EAAE,IAAA,qBAAe,EAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;wBAClE,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC;qBAC/D,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,wBAAC,UAAG,IAAU,IAAI,EAAE,UAAmB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,mBAAU,CAAC,KAAK,GAAG,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,aACpK,uBAAC,WAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,YAAG,EAAE,GAAQ,EACvE,uBAAC,WAAI,IAAC,OAAO,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YAAG,EAAE,GAAQ,KAFpJ,EAAE,CAGN,CACP,CAAC,GACE,EACN,uBAAC,UAAG,IAAC,IAAI,EAAE,MAAe,gBAAa,YAAY,EAAC,GAAG,EAAC,IAAI,YACzD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;wBACjB,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,eAAS,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBAClE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,YAAM,EAAC,IAAA,cAAQ,EAAC,CAAC,CAAC,GAAG,SAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;wBACnE,OAAO,CACL,uBAAC,eAAS,IAAY,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,YAChD,uBAAC,mBAAI,IAAC,IAAI,EAAE,UAAmB,YAC7B,uBAAC,aAAO,IAAC,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,YAC9H,wBAAC,UAAG,IAAC,GAAG,EAAC,IAAI,aACX,wBAAC,UAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,uBAAC,WAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,YAAG,CAAC,CAAC,IAAI,GAAQ,EACvH,uBAAC,WAAI,IAAC,OAAO,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,YAC/D,GAAG,IAAA,qBAAe,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,IAAA,qBAAe,EAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,GAChG,EACP,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,uBAAC,cAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,YAAE,CAAC,CAAC,QAAQ,GAAY,GACjI,IACH,EACN,uBAAC,YAAM,IACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACtI,IAAI,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,GAC1I,IACE,GACE,GACL,IAtBO,CAAC,CAAC,EAAE,CAuBR,CACb,CAAC;oBACJ,CAAC,CAAC,GACE,IACD,GACQ,CAClB,CAAC;AACJ,CAAC;AAED,oHAAoH;AACvG,QAAA,aAAa,GAAG,IAAA,eAAO,EAAC,iBAAiB,EAAE,iCAAsB,EAAE,eAAe,CAAC,CAAC"}

package/dist/cjs/components/onboarding/budget-tracker/contract.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUDGET_TRACKER_PRESETS = exports.BUDGET_TRACKER_IN_FLIGHT = exports.BUDGET_TRACKER_SCENES = void 0;
+exports.validateBudgetTracker = validateBudgetTracker;
+const presets_json_1 = __importDefault(require("./presets.json"));
+exports.BUDGET_TRACKER_SCENES = ['default', 'someOver', 'allUnder', 'allOver', 'switchPeriod', 'loadReady', 'loading', 'empty', 'error'];
+/** Nothing is in flight: the view only reads. */
+exports.BUDGET_TRACKER_IN_FLIGHT = [];
+exports.BUDGET_TRACKER_PRESETS = presets_json_1.default;
+const num = (v) => typeof v === 'number' && Number.isFinite(v);
+function categoryIssues(list, path) {
+    if (!Array.isArray(list))
+        return [{ path, message: `${path} must be a list.` }];
+    const out = [];
+    list.forEach((c, i) => {
+        if (!c || typeof c !== 'object') {
+            out.push({ path: `${path}[${i}]`, message: 'Each category is { name, allocated, spent }.' });
+            return;
+        }
+        if (typeof c.name !== 'string' || !c.name.trim())
+            out.push({ path: `${path}[${i}].name`, message: 'Every category needs a name.' });
+        if (!num(c.allocated) || c.allocated < 0)
+            out.push({ path: `${path}[${i}].allocated`, message: 'allocated is a number, 0 or more.' });
+        if (!num(c.spent) || c.spent < 0)
+            out.push({ path: `${path}[${i}].spent`, message: 'spent is a number, 0 or more.' });
+    });
+    return out;
+}
+function validateBudgetTracker(c) {
+    if (!c || typeof c !== 'object')
+        return [{ path: 'config', message: 'must be an object.' }];
+    const issues = categoryIssues(c.categories, 'categories');
+    if (c.data && typeof c.data === 'object')
+        for (const [p, list] of Object.entries(c.data))
+            issues.push(...categoryIssues(list, `data.${p}`));
+    if (!Array.isArray(c.periods) || c.periods.some(p => typeof p !== 'string'))
+        issues.push({ path: 'periods', message: 'periods is a list of period names.' });
+    else if (c.periods.length > 1 && !c.periods.includes(c.period))
+        issues.push({ path: 'period', message: `“${c.period}” is not one of the periods.` });
+    if (c.attentionAt !== null && c.attentionAt !== undefined && !(num(c.attentionAt) && c.attentionAt > 0 && c.attentionAt <= 1)) {
+        issues.push({ path: 'attentionAt', message: 'attentionAt is a ratio above 0 and at most 1 — or null for off.' });
+    }
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/cjs/components/onboarding/budget-tracker/contract.js.map

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

package/dist/cjs/components/onboarding/budget-tracker/engine.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialBudgetTracker = initialBudgetTracker;
+exports.budgetTrackerSeed = budgetTrackerSeed;
+exports.categoriesOf = categoriesOf;
+exports.budgetRows = budgetRows;
+exports.budgetTotals = budgetTotals;
+exports.budgetScene = budgetScene;
+const m15_1 = require("../shared/m15");
+function initialBudgetTracker(c, seed = {}) {
+    return { period: seed.period ?? c.period, mod: seed.mod ?? 'none', loadReady: seed.loadReady ?? false };
+}
+const nextPeriod = (c) => {
+    const i = c.periods.indexOf(c.period);
+    return c.periods.length > 1 ? c.periods[(i + 1) % c.periods.length] : c.period;
+};
+function budgetTrackerSeed(c, scene) {
+    if (scene === 'someOver')
+        return { mod: 'some' };
+    if (scene === 'allUnder')
+        return { mod: 'under' };
+    if (scene === 'allOver')
+        return { mod: 'over' };
+    if (scene === 'switchPeriod')
+        return { period: nextPeriod(c) };
+    if (scene === 'loadReady')
+        return { loadReady: true };
+    return {};
+}
+function categoriesOf(c, s) {
+    /* Rows for this period: those naming it, plus those naming none. (`data` still works for hosts that used it.) */
+    const list = (c.data && c.data[s.period]) || c.categories.filter(x => !x.period || x.period === s.period);
+    return list.map((x, i) => {
+        let spent = x.spent;
+        const a = x.allocated;
+        if (s.mod === 'under')
+            spent = Math.min(spent, Math.round(a * 0.86));
+        if (s.mod === 'over')
+            spent = Math.max(spent, Math.round(a * 1.07));
+        if (s.mod === 'some')
+            spent = i % 3 === 1 ? Math.max(spent, Math.round(a * 1.07)) : Math.min(spent, Math.round(a * 0.9));
+        return { id: x.id ?? `c${i}`, name: x.name, allocated: a, spent };
+    });
+}
+function budgetRows(c, s) {
+    return categoriesOf(c, s).map(x => {
+        const ratio = x.allocated > 0 ? x.spent / x.allocated : x.spent > 0 ? Infinity : 0;
+        const d = x.allocated - x.spent;
+        const over = d < 0;
+        /* Near the limit: money left, but past `attentionAt`. Exactly on budget is a muted $0, never near. */
+        const near = d > 0 && c.attentionAt !== null && c.attentionAt !== undefined && ratio >= c.attentionAt;
+        const pctUsed = Number.isFinite(ratio) ? Math.round(ratio * 100) : 100;
+        const variance = over ? `−${(0, m15_1.compactCurrency)(-d, c.currency)} over`
+            : d === 0 ? (0, m15_1.compactCurrency)(0, c.currency)
+                : `+${(0, m15_1.compactCurrency)(d, c.currency)} left${near ? ` · ${pctUsed}% used` : ''}`;
+        return {
+            ...x, ratio, over, near, variance,
+            varianceTone: over || near ? 'apricot' : d === 0 ? 'muted' : 'mint',
+            overlay: over ? 'over' : near ? 'near' : null,
+            valueText: `${pctUsed}% — ${over ? `${(0, m15_1.compactCurrency)(-d, c.currency)} over` : d === 0 ? 'exactly on budget' : `${(0, m15_1.compactCurrency)(d, c.currency)} left`}`,
+            tooltip: `Spent ${(0, m15_1.money)(x.spent, c.currency)} of ${(0, m15_1.money)(x.allocated, c.currency)} · ${pctUsed}%`,
+        };
+    });
+}
+function budgetTotals(rows) {
+    const allocated = rows.reduce((a, r) => a + r.allocated, 0);
+    const spent = rows.reduce((a, r) => a + r.spent, 0);
+    return { allocated, spent, utilization: allocated ? (spent / allocated) * 100 : 0 };
+}
+/** The scene the view is in — for `onScene`. */
+function budgetScene(rows, s, c) {
+    if (s.period !== c.period)
+        return 'switchPeriod';
+    const over = rows.filter(r => r.over).length;
+    return over === 0 ? 'allUnder' : over === rows.length ? 'allOver' : over ? 'someOver' : 'default';
+}
+//# sourceMappingURL=engine.js.map

package/dist/cjs/components/onboarding/budget-tracker/engine.js.map

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

package/dist/cjs/components/onboarding/budget-tracker/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BudgetTracker = exports.initialBudgetTracker = exports.categoriesOf = exports.budgetTrackerSeed = exports.budgetTotals = exports.budgetScene = exports.budgetRows = exports.validateBudgetTracker = exports.BUDGET_TRACKER_SCENES = exports.BUDGET_TRACKER_PRESETS = exports.BUDGET_TRACKER_IN_FLIGHT = void 0;
+var contract_1 = require("./contract");
+Object.defineProperty(exports, "BUDGET_TRACKER_IN_FLIGHT", { enumerable: true, get: function () { return contract_1.BUDGET_TRACKER_IN_FLIGHT; } });
+Object.defineProperty(exports, "BUDGET_TRACKER_PRESETS", { enumerable: true, get: function () { return contract_1.BUDGET_TRACKER_PRESETS; } });
+Object.defineProperty(exports, "BUDGET_TRACKER_SCENES", { enumerable: true, get: function () { return contract_1.BUDGET_TRACKER_SCENES; } });
+Object.defineProperty(exports, "validateBudgetTracker", { enumerable: true, get: function () { return contract_1.validateBudgetTracker; } });
+var engine_1 = require("./engine");
+Object.defineProperty(exports, "budgetRows", { enumerable: true, get: function () { return engine_1.budgetRows; } });
+Object.defineProperty(exports, "budgetScene", { enumerable: true, get: function () { return engine_1.budgetScene; } });
+Object.defineProperty(exports, "budgetTotals", { enumerable: true, get: function () { return engine_1.budgetTotals; } });
+Object.defineProperty(exports, "budgetTrackerSeed", { enumerable: true, get: function () { return engine_1.budgetTrackerSeed; } });
+Object.defineProperty(exports, "categoriesOf", { enumerable: true, get: function () { return engine_1.categoriesOf; } });
+Object.defineProperty(exports, "initialBudgetTracker", { enumerable: true, get: function () { return engine_1.initialBudgetTracker; } });
+var BudgetTrackerView_1 = require("./BudgetTrackerView");
+Object.defineProperty(exports, "BudgetTracker", { enumerable: true, get: function () { return BudgetTrackerView_1.BudgetTracker; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/onboarding/budget-tracker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/budget-tracker/index.ts"],"names":[],"mappings":";;;AAAA,uCAGoB;AAFlB,oHAAA,wBAAwB,OAAA;AAAE,kHAAA,sBAAsB,OAAA;AAAE,iHAAA,qBAAqB,OAAA;AAAE,iHAAA,qBAAqB,OAAA;AAGhG,mCAGkB;AAFhB,oGAAA,UAAU,OAAA;AAAE,qGAAA,WAAW,OAAA;AAAE,sGAAA,YAAY,OAAA;AAAE,2GAAA,iBAAiB,OAAA;AAAE,sGAAA,YAAY,OAAA;AAAE,8GAAA,oBAAoB,OAAA;AAG9F,yDAA6E;AAApE,kHAAA,aAAa,OAAA"}

package/dist/cjs/components/onboarding/budget-tracker/presets.json

@@ -0,0 +1,298 @@
+{
+    "component": "budget-tracker",
+    "baseCopy": {
+        "loadErrorTitle": "Couldn’t load this step",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "data",
+        "icon": "cash",
+        "title": "Company budget",
+        "subtitle": "Spend against allocation, by department",
+        "currency": "USD",
+        "period": "Q1 2026",
+        "periods": [
+            "Q1 2026"
+        ],
+        "attentionAt": null,
+        "categories": [
+            {
+                "name": "Engineering",
+                "allocated": 420000,
+                "spent": 385000
+            },
+            {
+                "name": "Marketing",
+                "allocated": 180000,
+                "spent": 196420
+            },
+            {
+                "name": "Sales",
+                "allocated": 250000,
+                "spent": 231800
+            },
+            {
+                "name": "Operations",
+                "allocated": 160000,
+                "spent": 148200
+            },
+            {
+                "name": "HR",
+                "allocated": 95000,
+                "spent": 101300
+            },
+            {
+                "name": "Infrastructure",
+                "allocated": 265000,
+                "spent": 214600
+            }
+        ],
+        "emptyTitle": "No categories yet",
+        "emptyBody": "Add a category to start tracking spend against it.",
+        "emptyCta": "Add category",
+        "ship": null
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "type": "action",
+            "icon": "target",
+            "title": "Campaign spend",
+            "subtitle": "Paid channels, by month",
+            "period": "Jan 2026",
+            "periods": [
+                "Jan 2026",
+                "Feb 2026"
+            ],
+            "categories": [
+                {
+                    "name": "Search",
+                    "allocated": 60000,
+                    "spent": 48200,
+                    "period": "Jan 2026"
+                },
+                {
+                    "name": "Social",
+                    "allocated": 45000,
+                    "spent": 41900,
+                    "period": "Jan 2026"
+                },
+                {
+                    "name": "Video",
+                    "allocated": 30000,
+                    "spent": 22400,
+                    "period": "Jan 2026"
+                },
+                {
+                    "name": "Events",
+                    "allocated": 25000,
+                    "spent": 9800,
+                    "period": "Jan 2026"
+                },
+                {
+                    "name": "Influencers",
+                    "allocated": 20000,
+                    "spent": 17300,
+                    "period": "Jan 2026"
+                },
+                {
+                    "name": "Search",
+                    "allocated": 60000,
+                    "spent": 58800,
+                    "period": "Feb 2026"
+                },
+                {
+                    "name": "Social",
+                    "allocated": 45000,
+                    "spent": 49600,
+                    "period": "Feb 2026"
+                },
+                {
+                    "name": "Video",
+                    "allocated": 30000,
+                    "spent": 27100,
+                    "period": "Feb 2026"
+                },
+                {
+                    "name": "Events",
+                    "allocated": 25000,
+                    "spent": 26900,
+                    "period": "Feb 2026"
+                },
+                {
+                    "name": "Influencers",
+                    "allocated": 20000,
+                    "spent": 12400,
+                    "period": "Feb 2026"
+                }
+            ]
+        },
+        "case3": {
+            "type": "data",
+            "icon": "cloud",
+            "title": "Cloud costs",
+            "subtitle": "Monthly run rate, by service",
+            "period": "Sep 2026",
+            "periods": [
+                "Sep 2026"
+            ],
+            "categories": [
+                {
+                    "name": "Compute",
+                    "allocated": 84000,
+                    "spent": 79200
+                },
+                {
+                    "name": "Storage",
+                    "allocated": 22000,
+                    "spent": 18900
+                },
+                {
+                    "name": "Database",
+                    "allocated": 38000,
+                    "spent": 41200
+                },
+                {
+                    "name": "Networking",
+                    "allocated": 12000,
+                    "spent": 10400
+                },
+                {
+                    "name": "Observability",
+                    "allocated": 9000,
+                    "spent": 8700
+                },
+                {
+                    "name": "CDN",
+                    "allocated": 7000,
+                    "spent": 5100
+                },
+                {
+                    "name": "Search",
+                    "allocated": 6000,
+                    "spent": 5600
+                },
+                {
+                    "name": "Queues",
+                    "allocated": 3000,
+                    "spent": 2100
+                },
+                {
+                    "name": "Backups",
+                    "allocated": 4000,
+                    "spent": 3900
+                },
+                {
+                    "name": "Security",
+                    "allocated": 5000,
+                    "spent": 4200
+                },
+                {
+                    "name": "CI runners",
+                    "allocated": 8000,
+                    "spent": 9100
+                },
+                {
+                    "name": "Analytics",
+                    "allocated": 6000,
+                    "spent": 4400
+                }
+            ]
+        },
+        "case4": {
+            "type": "schedule",
+            "icon": "calendar",
+            "title": "Offsite budget",
+            "subtitle": "Lisbon team offsite · 42 people",
+            "period": "Oct 2026",
+            "periods": [
+                "Oct 2026"
+            ],
+            "attentionAt": 0.9,
+            "categories": [
+                {
+                    "name": "Venue",
+                    "allocated": 24000,
+                    "spent": 22800
+                },
+                {
+                    "name": "Travel",
+                    "allocated": 38000,
+                    "spent": 31400
+                },
+                {
+                    "name": "Catering",
+                    "allocated": 14000,
+                    "spent": 12900
+                },
+                {
+                    "name": "Activities",
+                    "allocated": 8000,
+                    "spent": 5200
+                }
+            ]
+        },
+        "case5": {
+            "type": "agent",
+            "icon": "sparkle",
+            "title": "AI spend by agent",
+            "subtitle": "Model and tool costs this month",
+            "period": "Sep 2026",
+            "periods": [
+                "Sep 2026"
+            ],
+            "ship": "loadReady",
+            "categories": [
+                {
+                    "name": "Support bot",
+                    "allocated": 6000,
+                    "spent": 4820
+                },
+                {
+                    "name": "Sales assistant",
+                    "allocated": 3500,
+                    "spent": 2960
+                },
+                {
+                    "name": "Research agent",
+                    "allocated": 2500,
+                    "spent": 3140
+                },
+                {
+                    "name": "Scheduler",
+                    "allocated": 800,
+                    "spent": 410
+                }
+            ]
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · Finance",
+            "title": "Company budget",
+            "scenario": "Finance reviews Q1 spend by department. Marketing and HR are over budget."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Marketing",
+            "title": "Campaign spend",
+            "scenario": "A marketer switches from January to February. Bars and numbers tween from the old values, without re-staggering."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · DevOps",
+            "title": "Cloud costs",
+            "scenario": "Twelve services. Rows 9–12 reveal together with row 8, which is the stagger cap."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Events",
+            "title": "Offsite budget",
+            "scenario": "Everything is under budget, but the venue is at 95%, which is past the 90% attention threshold."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · AI agent",
+            "title": "AI spend by agent",
+            "scenario": "Costs load, then reveal. The research agent is over budget."
+        }
+    }
+}

package/dist/cjs/components/onboarding/calendar-sync/CalendarSyncView.js

@@ -0,0 +1,58 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarSync = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const core_1 = require("../../../core");
+const ds_1 = require("../../../ds");
+const tokens_1 = require("../../../tokens");
+const contract_1 = require("../shared/contract");
+const InvalidConfig_1 = require("../shared/InvalidConfig");
+const OnboardingCard_1 = require("../shared/OnboardingCard");
+const runtime_1 = require("../shared/runtime");
+const contract_2 = require("./contract");
+const runtime_2 = require("./runtime");
+const guard_1 = require("../shared/guard");
+/**
+ * **Calendar Sync** — one row per source: a tile, the name, a detail, and a trailing slot that
+ * cross-fades (M4/M9) between Connect (→ "Connecting…", busy, M8), a mint "Connected" chip with a
+ * Disconnect that appears on hover or focus-within, and an apricot "Couldn't connect" with Retry.
+ * The header chip counts ("1 of 3 connected", M5) and turns mint at `minRequired`.
+ */
+function CalendarSyncView(props) {
+    const config = (0, contract_1.resolveConfig)(contract_2.CALENDAR_PRESETS, props.preset, props.config);
+    const issues = (0, contract_2.validateCalendarSync)(config);
+    if (issues.length)
+        return (0, jsx_runtime_1.jsx)(InvalidConfig_1.InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return (0, jsx_runtime_1.jsx)(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status, result, operations, reload, initial, onChange, onFinish, onSkip, onScene, testID, }) {
+    const pattern = (0, runtime_1.usePatternStatus)(status ?? (config.sources.length ? 'ready' : 'empty'), reload);
+    const rt = (0, runtime_2.useCalendarSync)({ config, operations, result, initial, onChange, onFinish });
+    const v = rt.view;
+    (0, runtime_1.useSceneReport)(pattern.status === 'ready' ? v.scene : pattern.status, onScene);
+    const locked = rt.state.finish !== 'idle';
+    return ((0, jsx_runtime_1.jsx)(OnboardingCard_1.OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, chip: v.chip, hint: v.footerHint, secondary: v.showSecondary ? { label: config.secondaryLabel, onPress: () => { onSkip?.(); onScene?.('skipped'); } } : undefined, primary: { label: v.primaryLabel, onPress: rt.finish, disabled: !v.canContinue, busy: rt.state.finish === 'finishing' }, children: (0, jsx_runtime_1.jsx)(core_1.Box, { role: "list", "aria-label": config.title, style: { marginHorizontal: -20, marginVertical: -4 }, children: config.sources.map((s, i) => ((0, jsx_runtime_1.jsx)(SourceRow, { source: s, row: rt.state.rows[i], config: config, last: i === config.sources.length - 1, locked: locked, onConnect: () => rt.connect(i), onDisconnect: () => rt.disconnect(i) }, `${s.name}-${i}`))) }) }));
+}
+const HoverView = react_native_1.View;
+function SourceRow({ source, row, config, last, locked, onConnect, onDisconnect, }) {
+    const { colors, density } = (0, tokens_1.useDs)();
+    const [hover, setHover] = (0, react_1.useState)(false);
+    const [focusWithin, setFocusWithin] = (0, react_1.useState)(false);
+    /* Touch has no hover: on native, Disconnect is simply there. */
+    const reveal = react_native_1.Platform.OS !== 'web' || hover || focusWithin;
+    const revealT = (0, core_1.useTween)(reveal ? 1 : 0);
+    const slot = row.phase === 'connected' ? 'ok' : row.phase === 'failed' ? 'bad' : 'btn';
+    const fade = (0, core_1.useSwap)(slot);
+    const busy = row.phase === 'connecting';
+    return ((0, jsx_runtime_1.jsxs)(HoverView, { role: "listitem", onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onFocus: () => setFocusWithin(true), onBlur: () => setFocusWithin(false), style: {
+            flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', gap: 12, minHeight: density.rowH,
+            paddingTop: 8, paddingHorizontal: 20, paddingBottom: 12,
+            borderBottomWidth: last ? 0 : 1, borderBottomColor: colors.hairline,
+        }, children: [(0, jsx_runtime_1.jsx)(ds_1.TypeTile, { icon: (0, contract_1.iconFor)(source.icon), type: source.type, size: 32 }), (0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, style: { minWidth: 140 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textPrimary", style: { fontWeight: '600', fontSize: 13 }, children: source.name }), (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: source.detail })] }), (0, jsx_runtime_1.jsx)(core_1.MotionView, { style: { opacity: fade, minWidth: 210, flexDirection: 'row', justifyContent: 'flex-end', alignItems: 'center', gap: 8, marginLeft: 'auto' }, children: slot === 'btn' ? ((0, jsx_runtime_1.jsx)(ds_1.Button, { variant: "secondary", size: "small", busy: busy, disabled: locked, onPress: onConnect, "aria-label": `${busy ? config.connectingLabel : config.connectLabel} ${source.name}`, style: busy ? { backgroundColor: colors.surfaceSunken, transform: [{ scale: 0.98 }] } : undefined, children: busy ? config.connectingLabel : config.connectLabel })) : slot === 'ok' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ds_1.MetaChip, { kind: "status", status: "executed", children: config.connectedLabel }), (0, jsx_runtime_1.jsx)(core_1.MotionView, { style: { opacity: revealT }, children: (0, jsx_runtime_1.jsx)(ds_1.Button, { variant: "secondary", size: "small", disabled: locked, onPress: onDisconnect, "aria-label": `Disconnect ${source.name}`, style: { minHeight: 28, paddingHorizontal: 10 }, children: "Disconnect" }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ds_1.MetaChip, { kind: "status", status: "needsUser", children: config.failedLabel }), (0, jsx_runtime_1.jsx)(ds_1.Button, { variant: "secondary", size: "small", disabled: locked, onPress: onConnect, "aria-label": `${config.retryLabel} ${source.name}`, children: config.retryLabel })] })) })] }));
+}
+/** CalendarSync, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+exports.CalendarSync = (0, guard_1.guarded)(CalendarSyncView, contract_2.CALENDAR_PRESETS, 'CalendarSync');
+//# sourceMappingURL=CalendarSyncView.js.map