@appinternalleads/ui 0.2.0

package/dist/esm/components/onboarding/floating/FloatingView.js

@@ -0,0 +1,145 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Animated, View } from 'react-native';
+import { Box, Text, easingFor, useBlockMotion } from '../../../core';
+import { Button, IconButton } from '../../../ds';
+import { blockRadii, useDs } from '../../../tokens';
+import { iconFor, resolveConfig } from '../shared/contract';
+import { InvalidConfig } from '../shared/InvalidConfig';
+import { OnboardingCard } from '../shared/OnboardingCard';
+import { HueTile } from '../shared/parts';
+import { usePatternStatus, useSceneReport, useSeededReducer } from '../shared/runtime';
+import { FLOATING_PRESETS, validateFloating } from './contract';
+import { floatingSeed, floatingView, initialFloating, liveToasts, reduceFloating } from './engine';
+import { guarded } from '../shared/guard';
+/** How far apart "Show toasts" adds its toasts. */
+const REPLAY_GAP_MS = 300;
+/** A resumed timer never has less than this left — the prototype's floor. */
+const RESUME_FLOOR_MS = 800;
+const HoverView = View;
+/**
+ * **Floating** — toasts over a mock app (the demo's backdrop: an app bar, three skeleton cards, a
+ * "Show toast" replay and a line that reports what an action did). The stack sits bottom-right,
+ * 340 wide, 8px apart, at most `maxStack`. A toast: a 32px tile, the title (700 apricot deep for an
+ * apricot toast, `role="alert"`; `role="status"` otherwise), two lines of body, an optional small
+ * ghost action, and Dismiss. In: M10. Out: fade up, then the space closes (240ms).
+ */
+function FloatingView(props) {
+    const config = resolveConfig(FLOATING_PRESETS, props.preset, props.config);
+    const issues = validateFloating(config);
+    if (issues.length)
+        return _jsx(InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return _jsx(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status, reload, initial, onAction, onDismiss, onScene, testID, }) {
+    const { colors } = useDs();
+    const motion = useBlockMotion();
+    const timers = useRef(new Map());
+    const replays = useRef([]);
+    const paused = useRef(false);
+    const [pausedShown, setPausedShown] = useState(false);
+    const clearAll = () => {
+        timers.current.forEach(t => { if (t.handle)
+            clearTimeout(t.handle); });
+        timers.current.clear();
+        replays.current.forEach(clearTimeout);
+        replays.current = [];
+    };
+    const key = JSON.stringify([config, initial ?? null]);
+    const [state, send] = useSeededReducer(reduceFloating, () => initialFloating(config, initial ?? (config.ship ? floatingSeed(config, config.ship) : {})), key, clearAll);
+    const pattern = usePatternStatus(status ?? 'ready', reload);
+    const v = floatingView(config, state);
+    useSceneReport(pattern.status === 'ready' ? v.scene : pattern.status, onScene);
+    const arm = (id, ms) => {
+        const handle = setTimeout(() => { timers.current.delete(id); send({ type: 'dismiss', id }); }, ms);
+        timers.current.set(id, { handle, due: Date.now() + ms, left: ms });
+    };
+    /* Arm a timer for every toast that has no action; forget the timers of toasts that are leaving. */
+    useEffect(() => {
+        if (pattern.status !== 'ready')
+            return;
+        const live = liveToasts(state);
+        live.forEach(t => {
+            if (config.toasts[t.idx]?.actionLabel || timers.current.has(t.id))
+                return;
+            if (paused.current)
+                timers.current.set(t.id, { handle: null, due: 0, left: config.timeoutMs });
+            else
+                arm(t.id, config.timeoutMs);
+        });
+        timers.current.forEach((t, id) => {
+            if (live.some(x => x.id === id))
+                return;
+            if (t.handle)
+                clearTimeout(t.handle);
+            timers.current.delete(id);
+        });
+    }, [state.toasts, pattern.status]);
+    useEffect(() => clearAll, []);
+    const pause = () => {
+        if (paused.current)
+            return;
+        paused.current = true;
+        const now = Date.now();
+        timers.current.forEach(t => {
+            if (t.handle)
+                clearTimeout(t.handle);
+            t.left = Math.max(RESUME_FLOOR_MS, t.due - now);
+            t.handle = null;
+        });
+        setPausedShown(true);
+    };
+    const resume = () => {
+        if (!paused.current)
+            return;
+        paused.current = false;
+        [...timers.current.entries()].forEach(([id, t]) => { timers.current.delete(id); arm(id, t.left); });
+        setPausedShown(false);
+    };
+    const replay = () => {
+        for (let i = 0; i < config.replayCount; i++) {
+            replays.current.push(setTimeout(() => send({ type: 'add', idx: i % config.toasts.length, maxStack: config.maxStack, enter: !motion.reduced }), i * REPLAY_GAP_MS));
+        }
+    };
+    return (_jsx(OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, hideHeader: true, flush: true, children: _jsxs(Box, { style: { position: 'relative', height: 480, overflow: 'hidden', borderRadius: 15, backgroundColor: colors.surfaceSunken }, children: [_jsxs(Box, { gap: "s2", style: { padding: 20 }, children: [_jsxs(Box, { row: true, align: "center", justify: "space-between", gap: "s3", children: [_jsxs(Box, { row: true, align: "center", gap: "s2", "aria-hidden": true, children: [_jsx(Box, { width: 28, height: 28, style: { borderRadius: blockRadii.tile, backgroundColor: colors.surface1 } }), _jsx(Box, { height: 10, width: 120, radius: "pill", style: { backgroundColor: colors.hairlineStrong } })] }), _jsx(Button, { variant: "secondary", size: "xsmall", onPress: replay, children: v.replayLabel })] }), _jsx(Box, { gap: "s2", "aria-hidden": true, children: [['44%', '28%'], ['36%', '22%'], ['50%', '30%']].map(([a, b]) => (_jsxs(Box, { row: true, align: "center", gap: "s3", style: { padding: 14, borderRadius: blockRadii.mid, backgroundColor: colors.surface1 }, children: [_jsx(Box, { width: 32, height: 32, style: { borderRadius: blockRadii.tile, backgroundColor: colors.band } }), _jsxs(Box, { flex: 1, gap: "s1", children: [_jsx(Box, { height: 10, radius: "pill", style: { width: a, backgroundColor: colors.band } }), _jsx(Box, { height: 8, radius: "pill", style: { width: b, backgroundColor: colors.band } })] })] }, a))) }), _jsx(Box, { role: "status", "aria-live": "polite", children: _jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: state.note }) })] }), _jsx(HoverView, { onMouseEnter: pause, onMouseLeave: resume, onFocus: pause, onBlur: resume, style: { position: 'absolute', right: 16, bottom: 16, left: 16, alignItems: 'flex-end' }, children: _jsxs(Box, { style: { width: '100%', maxWidth: 340 }, children: [pausedShown ? _jsx(Text, { variant: "caption", color: "textSecondary", align: "right", style: { fontSize: 12, paddingHorizontal: 4, paddingBottom: 2 }, children: "Paused while you hover" }) : null, state.toasts.map(t => (_jsx(ToastView, { entry: t, spec: config.toasts[t.idx], onDismiss: () => { send({ type: 'dismiss', id: t.id }); onDismiss?.(config.toasts[t.idx]); }, onAction: () => { const spec = config.toasts[t.idx]; send({ type: 'act', id: t.id, result: spec.actionResult }); onAction?.(spec); }, onGone: () => send({ type: 'drop', id: t.id }) }, t.id)))] }) })] }) }));
+}
+/** One toast: M10 in (opacity, 4px → 0), out a fade up of 6px, then its space closes at `--motion-list`. */
+function ToastView({ entry, spec, onDismiss, onAction, onGone }) {
+    const { colors, lift2 } = useDs();
+    const m = useBlockMotion();
+    const animateIn = entry.enter && !m.reduced;
+    const opacity = useRef(new Animated.Value(animateIn ? 0 : 1)).current;
+    const lift = useRef(new Animated.Value(animateIn ? 4 : 0)).current;
+    const open = useRef(new Animated.Value(1)).current;
+    const [height, setHeight] = useState(null);
+    const timing = (v, to, ms) => Animated.timing(v, { toValue: to, duration: ms, easing: easingFor(m), useNativeDriver: false });
+    useEffect(() => {
+        if (!animateIn)
+            return undefined;
+        const a = Animated.parallel([timing(opacity, 1, m.state), timing(lift, 0, m.state)]);
+        a.start();
+        return () => a.stop();
+    }, []);
+    useEffect(() => {
+        if (!entry.leaving)
+            return undefined;
+        if (m.reduced) {
+            onGone();
+            return undefined;
+        }
+        const a = Animated.sequence([Animated.parallel([timing(opacity, 0, m.state), timing(lift, -6, m.state)]), timing(open, 0, m.list)]);
+        a.start(({ finished }) => { if (finished)
+            onGone(); });
+        return () => a.stop();
+    }, [entry.leaving]);
+    const apricot = spec.tone === 'apricot';
+    return (_jsx(Animated.View, { "aria-hidden": entry.leaving || undefined, style: { overflow: entry.leaving ? 'hidden' : 'visible', height: height === null || !entry.leaving ? undefined : open.interpolate({ inputRange: [0, 1], outputRange: [0, height] }) }, children: _jsx(View, { onLayout: e => { const h = e.nativeEvent.layout.height; if (h > 0 && !entry.leaving)
+                setHeight(h); }, style: { paddingTop: 8 }, children: _jsx(Animated.View, { style: { opacity, transform: [{ translateY: lift }] }, children: _jsxs(Box, { role: apricot ? 'alert' : 'status', row: true, align: "flex-start", gap: "s3", style: {
+                        paddingTop: 14, paddingBottom: 14, paddingLeft: 14, paddingRight: 10, borderRadius: blockRadii.major, borderWidth: 1,
+                        borderColor: colors.hairlineStrong, backgroundColor: colors.surface1, boxShadow: lift2,
+                    }, children: [_jsx(HueTile, { icon: apricot ? 'alert' : iconFor(spec.icon), type: spec.type, tone: apricot ? 'apricot' : 'hue' }), _jsxs(Box, { flex: 1, gap: "s1", style: { minWidth: 0, paddingTop: 1 }, children: [_jsx(Text, { variant: "caption", style: { fontSize: 13, fontWeight: apricot ? '700' : '600', color: apricot ? colors.status.needsUser : colors.textPrimary }, children: spec.title }), _jsx(Text, { variant: "caption", color: "textSecondary", numberOfLines: 2, style: { fontSize: 12 }, children: spec.body }), spec.actionLabel ? _jsx(Box, { pt: "s2", children: _jsx(Button, { variant: "secondary", size: "xsmall", onPress: onAction, children: spec.actionLabel }) }) : null] }), _jsx(IconButton, { icon: "close", label: "Dismiss notification", onPress: onDismiss })] }) }) }) }));
+}
+/** Floating, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+export const Floating = guarded(FloatingView, FLOATING_PRESETS, 'Floating');
+//# sourceMappingURL=FloatingView.js.map

package/dist/esm/components/onboarding/floating/FloatingView.js.map

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

package/dist/esm/components/onboarding/floating/contract.d.ts

@@ -0,0 +1,36 @@
+import type { DataType } from '../../../tokens';
+import type { HeaderConfig, LoadCopy, OnboardingIssue, PresetsFile } from '../shared/contract';
+/**
+ * **Floating (batch 3 §3.5)** — in-app toasts, bottom-right: at most three, the newest at the
+ * bottom. A toast without an action closes itself after `timeoutMs`; one with an action never
+ * does; hovering or focusing the stack pauses every timer. The only entrance motion in the batch
+ * (M10) — a toast is an overlay.
+ */
+export type ToastTone = 'neutral' | 'apricot';
+export type ToastSpec = {
+    type: DataType;
+    icon: string;
+    title: string;
+    body: string;
+    actionLabel: string;
+    actionResult: string;
+    tone: ToastTone;
+};
+export declare const FLOATING_SCENES: readonly ["default", "visible", "withAction", "stacked", "dismissed", "loading", "empty", "error"];
+export type FloatingScene = (typeof FLOATING_SCENES)[number];
+/** Scenes that are an operation in flight — none: the toasts' timers are the component's own. */
+export declare const FLOATING_IN_FLIGHT: readonly string[];
+export type FloatingSettings = HeaderConfig & LoadCopy & {
+    toasts: ToastSpec[];
+    /** How long a toast without an action stays (6000). */
+    timeoutMs: number;
+    /** At most this many at once; a new one past it dismisses the oldest (3). */
+    maxStack: number;
+    /** How many toasts "Show toast(s)" adds, 300ms apart. */
+    replayCount: number;
+    /** Demo-only: the scene this case ships in (B2-9). */
+    ship?: FloatingScene;
+};
+export declare const FLOATING_PRESETS: PresetsFile<FloatingSettings>;
+export declare function validateFloating(c: FloatingSettings): OnboardingIssue[];
+//# sourceMappingURL=contract.d.ts.map

package/dist/esm/components/onboarding/floating/contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/floating/contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAG/F;;;;;GAKG;AAEH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAElJ,eAAO,MAAM,eAAe,oGAAqG,CAAC;AAClI,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAAO,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,QAAQ,GAAG;IACvD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAA6B,WAAW,CAAC,gBAAgB,CAAC,CAAC;AAExF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,GAAG,eAAe,EAAE,CAQvE"}

package/dist/esm/components/onboarding/floating/contract.js

@@ -0,0 +1,20 @@
+import presetsJson from './presets.json';
+export const FLOATING_SCENES = ['default', 'visible', 'withAction', 'stacked', 'dismissed', 'loading', 'empty', 'error'];
+/** Scenes that are an operation in flight — none: the toasts' timers are the component's own. */
+export const FLOATING_IN_FLIGHT = [];
+export const FLOATING_PRESETS = presetsJson;
+export function validateFloating(c) {
+    if (!Array.isArray(c.toasts) || !c.toasts.length)
+        return [{ path: 'toasts', message: 'toasts must list at least one toast.' }];
+    const issues = [];
+    c.toasts.forEach((t, i) => { if (t.tone !== 'neutral' && t.tone !== 'apricot')
+        issues.push({ path: `toasts[${i}].tone`, message: 'tone is neutral or apricot.' }); });
+    if (!(c.timeoutMs > 0))
+        issues.push({ path: 'timeoutMs', message: 'timeoutMs must be above 0.' });
+    if (!(Number.isInteger(c.maxStack) && c.maxStack >= 1))
+        issues.push({ path: 'maxStack', message: 'maxStack is a whole number from 1.' });
+    if (!(Number.isInteger(c.replayCount) && c.replayCount >= 1))
+        issues.push({ path: 'replayCount', message: 'replayCount is a whole number from 1.' });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/esm/components/onboarding/floating/contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/floating/contract.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAYzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC;AAElI,iGAAiG;AACjG,MAAM,CAAC,MAAM,kBAAkB,GAAsB,EAAE,CAAC;AAcxD,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAuD,CAAC;AAExF,MAAM,UAAU,gBAAgB,CAAC,CAAmB;IAClD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,sCAAsC,EAAE,CAAC,CAAC;IAC/H,MAAM,MAAM,GAAsB,EAAE,CAAC;IACrC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,6BAA6B,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtK,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAC;IAClG,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,oCAAoC,EAAE,CAAC,CAAC;IACzI,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,uCAAuC,EAAE,CAAC,CAAC;IACrJ,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/esm/components/onboarding/floating/engine.d.ts

@@ -0,0 +1,39 @@
+import type { FloatingScene, FloatingSettings } from './contract';
+/** **The Floating engine** — pure: which toasts are up, which are leaving, and the last action's result. */
+export type ToastEntry = {
+    id: string;
+    idx: number;
+    leaving: boolean;
+    enter: boolean;
+};
+export type FloatingState = {
+    toasts: ToastEntry[];
+    next: number;
+    note: string;
+};
+export type FloatingSeed = Partial<FloatingState>;
+export type FloatingAction = {
+    type: 'add';
+    idx: number;
+    maxStack: number;
+    enter: boolean;
+} | {
+    type: 'dismiss';
+    id: string;
+} | {
+    type: 'act';
+    id: string;
+    result: string;
+} | {
+    type: 'drop';
+    id: string;
+};
+export declare function initialFloating(_c: FloatingSettings, seed?: FloatingSeed): FloatingState;
+export declare function floatingSeed(c: FloatingSettings, scene: FloatingScene): FloatingSeed;
+export declare const liveToasts: (s: FloatingState) => ToastEntry[];
+export declare function reduceFloating(s: FloatingState, a: FloatingAction): FloatingState;
+export declare function floatingView(c: FloatingSettings, s: FloatingState): {
+    replayLabel: string;
+    scene: FloatingScene;
+};
+//# sourceMappingURL=engine.d.ts.map

package/dist/esm/components/onboarding/floating/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/floating/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAElE,4GAA4G;AAE5G,MAAM,MAAM,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,aAAa,GAAG;IAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AACjF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAClD,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,wBAAgB,eAAe,CAAC,EAAE,EAAE,gBAAgB,EAAE,IAAI,GAAE,YAAiB,GAAG,aAAa,CAE5F;AAID,wBAAgB,YAAY,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAa,GAAG,YAAY,CASpF;AAED,eAAO,MAAM,UAAU,GAAI,GAAG,aAAa,iBAAqC,CAAC;AAEjF,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,cAAc,GAAG,aAAa,CAYjF;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,aAAa;;WAI6E,aAAa;EAE3J"}

package/dist/esm/components/onboarding/floating/engine.js

@@ -0,0 +1,39 @@
+export function initialFloating(_c, seed = {}) {
+    return { toasts: seed.toasts ?? [], next: seed.next ?? 1, note: seed.note ?? '' };
+}
+const seeded = (idx) => ({ toasts: idx.map((i, n) => ({ id: `s${n}`, idx: i, leaving: false, enter: false })) });
+export function floatingSeed(c, scene) {
+    if (scene === 'visible')
+        return seeded([0]);
+    if (scene === 'withAction') {
+        const k = c.toasts.findIndex(t => t.actionLabel);
+        return seeded([k < 0 ? 0 : k]);
+    }
+    if (scene === 'stacked')
+        return seeded([0, 1, 2].slice(0, c.toasts.length));
+    if (scene === 'dismissed')
+        return { toasts: [] };
+    return {};
+}
+export const liveToasts = (s) => s.toasts.filter(t => !t.leaving);
+export function reduceFloating(s, a) {
+    switch (a.type) {
+        case 'add': {
+            const live = liveToasts(s);
+            const oldest = live.length >= a.maxStack ? live[0].id : null;
+            const toasts = s.toasts.map(t => (t.id === oldest ? { ...t, leaving: true } : t));
+            return { ...s, toasts: [...toasts, { id: `t${s.next}`, idx: a.idx, leaving: false, enter: a.enter }], next: s.next + 1, note: '' };
+        }
+        case 'dismiss': return { ...s, toasts: s.toasts.map(t => (t.id === a.id ? { ...t, leaving: true } : t)) };
+        case 'act': return { ...s, note: a.result, toasts: s.toasts.map(t => (t.id === a.id ? { ...t, leaving: true } : t)) };
+        case 'drop': return { ...s, toasts: s.toasts.filter(t => t.id !== a.id) };
+    }
+}
+export function floatingView(c, s) {
+    const live = liveToasts(s);
+    return {
+        replayLabel: c.replayCount > 1 ? 'Show toasts' : 'Show toast',
+        scene: (live.length === 0 ? 'dismissed' : live.length > 1 ? 'stacked' : c.toasts[live[0].idx]?.actionLabel ? 'withAction' : 'visible'),
+    };
+}
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/onboarding/floating/engine.js.map

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

package/dist/esm/components/onboarding/floating/index.d.ts

@@ -0,0 +1,4 @@
+export { FLOATING_IN_FLIGHT, FLOATING_PRESETS, FLOATING_SCENES, validateFloating, type FloatingScene, type FloatingSettings, type ToastSpec, type ToastTone, } from './contract';
+export { floatingSeed, floatingView, initialFloating, liveToasts, reduceFloating, type FloatingAction, type FloatingSeed, type FloatingState, type ToastEntry, } from './engine';
+export { Floating, type FloatingProps } from './FloatingView';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/onboarding/floating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/floating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EACvE,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,GAC1E,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EACvE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,GAC5E,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/onboarding/floating/index.js

@@ -0,0 +1,4 @@
+export { FLOATING_IN_FLIGHT, FLOATING_PRESETS, FLOATING_SCENES, validateFloating, } from './contract';
+export { floatingSeed, floatingView, initialFloating, liveToasts, reduceFloating, } from './engine';
+export { Floating } from './FloatingView';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/onboarding/floating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/floating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,GAExE,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,GAExE,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,QAAQ,EAAsB,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/onboarding/floating/presets.json

@@ -0,0 +1,210 @@
+{
+    "component": "floating",
+    "baseCopy": {
+        "loadErrorTitle": "Couldn’t load this step",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "action",
+        "icon": "bell",
+        "title": "Toasts",
+        "subtitle": "",
+        "timeoutMs": 6000,
+        "maxStack": 3,
+        "replayCount": 1,
+        "ship": "visible",
+        "toasts": [
+            {
+                "type": "file",
+                "icon": "check2",
+                "title": "Changes saved",
+                "body": "Your workspace settings are up to date.",
+                "actionLabel": "",
+                "actionResult": "",
+                "tone": "neutral"
+            },
+            {
+                "type": "file",
+                "icon": "check2",
+                "title": "Profile updated",
+                "body": "Your new photo is visible to the team.",
+                "actionLabel": "",
+                "actionResult": "",
+                "tone": "neutral"
+            },
+            {
+                "type": "action",
+                "icon": "users",
+                "title": "Invite sent",
+                "body": "Sam will get an email in a minute.",
+                "actionLabel": "",
+                "actionResult": "",
+                "tone": "neutral"
+            }
+        ],
+        "emptyTitle": "No notifications",
+        "emptyBody": "Toasts appear here when something happens.",
+        "emptyCta": "Refresh"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "ship": "withAction",
+            "toasts": [
+                {
+                    "type": "file",
+                    "icon": "folder",
+                    "title": "Folder deleted",
+                    "body": "“Q3 research” and 14 files were moved to Trash.",
+                    "actionLabel": "Undo",
+                    "actionResult": "Folder restored",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "file",
+                    "icon": "doc",
+                    "title": "Doc duplicated",
+                    "body": "“Launch plan (copy)” is in Drafts.",
+                    "actionLabel": "Open",
+                    "actionResult": "Opened “Launch plan (copy)”",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "action",
+                    "icon": "users",
+                    "title": "Access removed",
+                    "body": "Jo can no longer edit Roadmap.",
+                    "actionLabel": "Undo",
+                    "actionResult": "Access restored",
+                    "tone": "neutral"
+                }
+            ]
+        },
+        "case3": {
+            "type": "data",
+            "ship": "stacked",
+            "replayCount": 3,
+            "toasts": [
+                {
+                    "type": "data",
+                    "icon": "cart",
+                    "title": "Order #1042 · $86.00",
+                    "body": "2 items from Ana Ruiz · ships today",
+                    "actionLabel": "View",
+                    "actionResult": "Opened order #1042",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "data",
+                    "icon": "cart",
+                    "title": "Order #1043 · $42.00",
+                    "body": "1 item from Ken Ito",
+                    "actionLabel": "View",
+                    "actionResult": "Opened order #1043",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "data",
+                    "icon": "cart",
+                    "title": "Order #1044 · $128.50",
+                    "body": "3 items from Mia Lopez",
+                    "actionLabel": "View",
+                    "actionResult": "Opened order #1044",
+                    "tone": "neutral"
+                }
+            ]
+        },
+        "case4": {
+            "toasts": [
+                {
+                    "type": "data",
+                    "icon": "alert",
+                    "title": "Sync failed",
+                    "body": "We couldn’t reach the Salesforce API. Your data is safe; nothing was changed.",
+                    "actionLabel": "Retry",
+                    "actionResult": "Sync restarted",
+                    "tone": "apricot"
+                },
+                {
+                    "type": "data",
+                    "icon": "refresh",
+                    "title": "Sync started",
+                    "body": "Pulling 1,240 records.",
+                    "actionLabel": "",
+                    "actionResult": "",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "data",
+                    "icon": "check2",
+                    "title": "Sync finished",
+                    "body": "1,240 records updated.",
+                    "actionLabel": "",
+                    "actionResult": "",
+                    "tone": "neutral"
+                }
+            ]
+        },
+        "case5": {
+            "ship": "dismissed",
+            "toasts": [
+                {
+                    "type": "agent",
+                    "icon": "sparkle",
+                    "title": "Your report is ready",
+                    "body": "Q3 revenue summary, 4 pages, with charts.",
+                    "actionLabel": "Open",
+                    "actionResult": "Opened “Q3 revenue summary”",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "agent",
+                    "icon": "mail",
+                    "title": "Drafts ready",
+                    "body": "3 replies are waiting in your Outbox.",
+                    "actionLabel": "Review",
+                    "actionResult": "Opened Outbox",
+                    "tone": "neutral"
+                },
+                {
+                    "type": "agent",
+                    "icon": "calendar",
+                    "title": "Meeting booked",
+                    "body": "Harbor Legal · Thu 11:00.",
+                    "actionLabel": "View",
+                    "actionResult": "Opened calendar",
+                    "tone": "neutral"
+                }
+            ]
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · SaaS",
+            "title": "Saved",
+            "scenario": "A \"Changes saved\" toast with no action closes itself after 6 seconds. Hover over it to pause the timer."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Productivity",
+            "title": "Undo delete",
+            "scenario": "Deleting a folder shows Undo. Toasts with an action never close on their own."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · E-commerce",
+            "title": "New orders",
+            "scenario": "Three orders come in at once, so three toasts stack with the newest at the bottom."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Platform",
+            "title": "Sync failed",
+            "scenario": "A failed sync shows an apricot toast with bold copy and Retry, announced as role=\"alert\"."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · AI agent",
+            "title": "Agent finished",
+            "scenario": "Ships dismissed. \"Show toast\" replays \"Your report is ready\"."
+        }
+    }
+}

package/dist/esm/components/onboarding/grid/GridView.d.ts

@@ -0,0 +1,31 @@
+import { type OnboardingPreset } from '../shared/contract';
+import { type DataViewProps } from '../data-view/DataView';
+import { type GridSettings } from './contract';
+export type GridProps = DataViewProps & {
+    preset?: OnboardingPreset;
+    config?: Partial<GridSettings>;
+};
+/** Grid, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+export declare const Grid: {
+    ({ onError, actions, onButtonAction, ...props }: import("..").DataViewEvents & {
+        density?: import("../../..").DensityName;
+        replay?: number;
+        forceReduced?: boolean;
+        status?: import("..").PatternStatus;
+        result?: import("..").OnboardingResult;
+        operations?: Partial<import("..").DataViewOperations>;
+        data?: import("..").DataViewPage;
+        reload?: import("..").OnboardingOperation<void>;
+        initial?: import("..").DataViewSeed;
+        viewport?: "web" | "mobile";
+        now?: number;
+        onCopy?: (text: string) => void | Promise<void>;
+        onScene?: (scene: string) => void;
+        testID?: string;
+    } & {
+        preset?: OnboardingPreset;
+        config?: Partial<GridSettings>;
+    } & import("..").GuardProps): import("react").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=GridView.d.ts.map

package/dist/esm/components/onboarding/grid/GridView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/grid/GridView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAG3E,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC,CAAC;AAaF,qIAAqI;AACrI,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;iBAhBN,gBAAgB;iBAChB,OAAO,CAAC,YAAY,CAAC;;;CAe2B,CAAC"}

package/dist/esm/components/onboarding/grid/GridView.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { resolveConfig } from '../shared/contract';
+import { InvalidConfig } from '../shared/InvalidConfig';
+import { DataView } from '../data-view/DataView';
+import { GRID_PRESETS, validateGrid } from './contract';
+import { guarded } from '../shared/guard';
+/**
+ * **Grid** — record cards (`repeat(auto-fill, minmax(240px, 1fr))`) under a header row: select
+ * loaded, Sort by, and on the web a Multi-sort popover. The data behaviour is Table's, exactly.
+ */
+function GridView({ preset, config: override, ...props }) {
+    const config = resolveConfig(GRID_PRESETS, preset, override);
+    const issues = validateGrid(config);
+    if (issues.length)
+        return _jsx(InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return _jsx(DataView, { mode: "grid", config: config, ...props });
+}
+/** Grid, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+export const Grid = guarded(GridView, GRID_PRESETS, 'Grid');
+//# sourceMappingURL=GridView.js.map

package/dist/esm/components/onboarding/grid/GridView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridView.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/grid/GridView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAyB,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAqB,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAO1C;;;GAGG;AACH,SAAS,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACjE,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,MAAM,CAAC,MAAM;QAAE,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;IACvG,OAAO,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AAC7D,CAAC;AAED,qIAAqI;AACrI,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC"}