@appinternalleads/ui 0.2.0

package/dist/esm/ds/Button.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { isAndroid, kindChipSize, layout, radii, useDs, } from '../tokens';
+import { Box, Icon, Pressable, Text, inkHex } from '../core';
+const SIZES = {
+    xsmall: { padH: 10, fontSize: 12, minHeight: 28 },
+    small: { padH: 16, fontSize: 13, minHeight: 36 },
+    medium: { padH: 20, fontSize: 15, minHeight: layout.touchTargetMin },
+    large: { padH: 24, fontSize: 16, minHeight: layout.ctaHeight },
+};
+/**
+ * **Solarium 0.2.0's Button (C13): 8px corners, never a pill; one coral primary per view.**
+ *
+ * Changed on 2026-09-24 (`docs/DECISIONS.md` §7, "Solarium 0.2.0 reconciliation"), for every theme:
+ * - **Shape.** `--r-inset` (8px). 0.2.0 locked decision 18: *"Pressable actions use the radius ladder,
+ *   not pills."* The pill and its coloured `liftAccent` shadow are gone — 0.2.0 allows `--lift-1`
+ *   and `--lift-2` only, and a primary is a fill, not an object that floats.
+ * - **Primary** fills with `--action-bg` (`accentFill`) and deepens to `--action-bg-hover`
+ *   (`accentInk`) on hover and while busy; disabled is the line-soft ground with muted ink — a
+ *   disabled primary that only fades still reads as the thing to press. **Busy outranks disabled**
+ *   (25 Sep 2026): busy + disabled is deep coral, still non-interactive.
+ * - **Secondary is 0.2.0's "ghost"**: white, a 1px `--line` edge, ink text, the well on hover.
+ *   `ghost` here stays ink on nothing (a tertiary), `outline` an accent-ink edge.
+ * - **Press** is scale .98 (M8), never a colour change.
+ *
+ * Not built on `Pressable`'s square hit target: this is a stretchable control with a scale press.
+ */
+/** Ink and ground per variant. Every entry is a TOKEN NAME — see `core/roles.ts`. */
+const SKIN = {
+    /* No `bg` token: the fill is `useDs().action.bg`, resolved below. */
+    primary: { fg: 'accentOnFill' },
+    secondary: { bg: 'surface1', fg: 'textPrimary' },
+    brand: { bg: 'accentTint', fg: 'accentInk' },
+    outline: { bg: 'surface1', fg: 'accentInk', edge: 'outline' },
+    /* Ink on nothing: leaving is not an accent action, and a filled red button invites the tap it
+       is warning about. */
+    ghost: { fg: 'textPrimary' },
+    danger: { fg: 'status.error' },
+};
+export function Button({ children, variant = 'secondary', size = 'medium', fullWidth = false, disabled = false, leadingGlyph, busy, onPress, style, 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls, }) {
+    const { colors, action } = useDs();
+    const [hovered, setHovered] = useState(false);
+    const s = SIZES[size];
+    const v = SKIN[variant];
+    const primary = variant === 'primary';
+    const secondary = variant === 'secondary';
+    const hover = hovered && !disabled;
+    /* Busy outranks disabled in how a primary LOOKS: a button whose operation is in flight is deep
+       coral with `aria-busy` (Solarium 0.2.0; batch 3 §C13), even when the caller also disables it
+       to stop a second press. It stays non-interactive — `disabled` still reaches the Pressable. */
+    const busyPrimary = primary && Boolean(busy);
+    const ink = primary && disabled && !busyPrimary ? 'textSecondary' : v.fg;
+    return (_jsxs(Pressable, { onPress: onPress, onHoverIn: primary || secondary ? () => setHovered(true) : undefined, onHoverOut: primary || secondary ? () => setHovered(false) : undefined, disabled: disabled, "aria-busy": busy || undefined, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, row: true, gap: "s2", radius: "field", bg: v.bg, edge: v.edge, 
+        /* Press is scale ONLY (M8) — never a colour change, never an opacity dip. */
+        press: "scale", minHeight: s.minHeight, alignSelf: fullWidth ? 'stretch' : 'flex-start', style: [
+            { paddingHorizontal: s.padH },
+            primary && {
+                backgroundColor: busyPrimary ? action.bgHover : disabled ? colors.band : hover ? action.bgHover : action.bg,
+                /* A disabled primary is the line-soft ground, not a faded primary. */
+                opacity: 1,
+            },
+            secondary && { boxShadow: `0 0 0 1px ${colors.hairlineStrong}`, backgroundColor: hover ? colors.surfaceSunken : colors.surface1 },
+            style,
+        ], "aria-label": ariaLabel ?? children, children: [leadingGlyph ? _jsx(Icon, { name: leadingGlyph, size: 16, color: inkHex(colors, ink) }) : null, _jsx(Text, { color: ink, numberOfLines: 1, style: { fontSize: s.fontSize, fontWeight: '600' }, children: children })] }));
+}
+/**
+ * A line of meta under something.
+ *
+ * **No `warning` tone yet, though the system has one now.** `status.needsUser` exists since D3
+ * (11 Sep 2026), but nothing has asked this component for it — adding the prop belongs to
+ * whichever screen task needs it first, not to the token change that made it possible. Pending
+ * work with nothing to flag is still informational and takes meta ink. `success` is the accent,
+ * which means just-happened.
+ */
+export function Caption({ children, tone, }) {
+    const color = tone === 'danger' ? 'status.error' : tone === 'success' ? 'accentInk' : 'textTertiary';
+    return _jsx(Text, { variant: "caption", color: color, children: children });
+}
+const STATUS_WORD = {
+    executed: 'Executed', running: 'Running', queued: 'Queued', error: 'Failed',
+    needsUser: 'Needs you',
+};
+/** The status word. **The dot beside it is redundant by design** — the word carries it. */
+export function StatusLabel({ status, children, }) {
+    return (_jsx(Text, { variant: "caption", color: `status.${status}`, children: children ?? STATUS_WORD[status] }));
+}
+/**
+ * The kind mark — **the one place colour is allowed**, per the contract: *colour lives in the
+ * leading chip and nowhere else*. Rows are never tinted by kind.
+ *
+ * Android renders a circle, iOS a squircle; Solarium is a rounded square on both, because a
+ * circle there would make the one tinted object in a row read as an avatar.
+ */
+export function KindChip({ kind = 'text', size }) {
+    const { colors, theme } = useDs();
+    const s = size ?? kindChipSize;
+    const sol = theme === 'solarium';
+    return (_jsx(Box, { width: s, height: s, align: "center", justify: "center", bg: `kindBg.${kind}`, style: { borderRadius: sol ? 9 : isAndroid ? s / 2 : radii.chip }, children: _jsx(Icon, { name: kind, size: Math.round(s * 0.5), color: colors.kind[kind].fg }) }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/esm/ds/Button.js.map

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

package/dist/esm/ds/Dropzone.d.ts

@@ -0,0 +1,76 @@
+import { type IconName, type PickedFile } from '../core';
+/**
+ * **C10 · Dropzone — one file, five faces (onboarding handoff B1).**
+ *
+ * Controlled and presentational: the host (a component's engine) owns what the file IS — empty,
+ * uploading at 48%, uploaded, refused — and this draws it. Picking goes through `core/FileDrop`:
+ * the real file dialog plus drag-and-drop on web, the host's `onPick` on native. Validation is
+ * `checkFile` (by extension against `accept`, by size against `maxSizeMB`), called by the engine.
+ *
+ * The faces cross-fade in one cell (M4): empty (dashed) · drag-over (solid coral on the soft coral
+ * ground, web only) · uploading (a file tile, "Uploading… 48%", a 6px coral bar, Cancel) · filled
+ * (`media`: a 48px thumbnail or the brand's initials, a mint "Uploaded" line, Replace and Remove;
+ * `file`: a file tile, name, size and Remove) · invalid (apricot, the reason, "Choose another file").
+ *
+ * `FileUploadWidget` stays the input widget for question/1; this is the block the onboarding
+ * components compose.
+ */
+export type DropzoneValue = {
+    status: 'empty';
+} | {
+    status: 'uploading';
+    file: PickedFile;
+    progress: number;
+} | {
+    status: 'filled';
+    file: PickedFile;
+} | {
+    status: 'invalid';
+    file: PickedFile;
+    reason: 'type' | 'size';
+};
+export type DropzoneCopy = {
+    empty: string;
+    dragOver: string;
+    uploading: string;
+    uploaded: string;
+    wrongType: string;
+    /** `{max}` is replaced by `maxSizeMB`. */
+    tooLarge: string;
+    chooseAnother: string;
+    replace: string;
+    remove: string;
+    cancel: string;
+};
+export declare const DROPZONE_COPY: DropzoneCopy;
+export declare function Dropzone({ label, value, onFiles, onPick, onCancel, onRemove, accept, maxSizeMB, hint, variant, initials, copy: copyIn, disabled, forceDrag, }: {
+    /** The accessible name — "Logo". */
+    label: string;
+    value: DropzoneValue;
+    /** A file was picked or dropped. The engine checks it and sets `value`. */
+    onFiles: (files: PickedFile[]) => void;
+    /** Native only: the host's picker. */
+    onPick?: () => Promise<PickedFile[]> | PickedFile[];
+    onCancel?: () => void;
+    onRemove?: () => void;
+    accept?: string[];
+    maxSizeMB?: number;
+    /** A second line in the empty face — "CSV · up to 10 MB". */
+    hint?: string;
+    /** `media` shows a thumbnail and Replace (a logo); `file` shows a file tile (a CSV). */
+    variant?: 'media' | 'file';
+    /** Drawn in the thumbnail when the file has no preview image. */
+    initials?: string;
+    copy?: Partial<DropzoneCopy>;
+    disabled?: boolean;
+    /** Draw the drag-over face without a drag — a demo board's "dragover" scene, a visual test. */
+    forceDrag?: boolean;
+}): import("react").JSX.Element;
+/** The 32px round icon button of the handoff's button table: transparent, muted, named. */
+export declare function IconButton({ icon, label, onPress, disabled }: {
+    icon: IconName;
+    label: string;
+    onPress: () => void;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Dropzone.d.ts.map

package/dist/esm/ds/Dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/ds/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAC6E,KAAK,QAAQ,EAAE,KAAK,UAAU,EACjH,MAAM,SAAS,CAAC;AAMjB;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,aAAa,GACrB;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GACnB;IAAE,MAAM,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,MAAM,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GACtC;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,YAW3B,CAAC;AAKF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAiB,EAC7F,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAiB,GACpD,EAAE;IACD,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BA4FA;AAiCD,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,+BAOxI"}

package/dist/esm/ds/Dropzone.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, FileDrop, Icon, Image, MotionView, Pressable, Text, formatFileSize, useSwap, } from '../core';
+import { blockRadii, useDs } from '../tokens';
+import { Button } from './Button';
+import { ProgressBar } from './blockDisplay';
+import { TypeTile } from './blocks';
+export const DROPZONE_COPY = {
+    empty: 'Drop a file here or click to upload',
+    dragOver: 'Release to upload',
+    uploading: 'Uploading…',
+    uploaded: 'Uploaded',
+    wrongType: 'This file type isn’t supported',
+    tooLarge: 'File is larger than {max} MB',
+    chooseAnother: 'Choose another file',
+    replace: 'Replace',
+    remove: 'Remove file',
+    cancel: 'Cancel upload',
+};
+/** Min height by density — 64 / 76 / 96. */
+const MIN_H = { compact: 64, default: 76, comfortable: 96 };
+export function Dropzone({ label, value, onFiles, onPick, onCancel, onRemove, accept, maxSizeMB, hint, variant = 'media', initials, copy: copyIn, disabled, forceDrag = false, }) {
+    const { colors, densityName } = useDs();
+    const copy = { ...DROPZONE_COPY, ...copyIn };
+    return (_jsx(FileDrop, { accept: accept, onFiles: onFiles, onPick: onPick, disabled: disabled || value.status === 'uploading', children: ({ open, dragging: realDrag }) => {
+            const dragging = realDrag || forceDrag;
+            const face = value.status === 'empty' && dragging ? 'drag' : value.status;
+            return (_jsx(Layer, { faceKey: face, minHeight: MIN_H[densityName], children: value.status === 'empty' ? (_jsxs(Pressable, { "aria-label": `${label}: ${copy.empty}`, onPress: open, disabled: disabled, row: true, justify: "flex-start", gap: "s3", minHeight: MIN_H[densityName], style: {
+                        paddingHorizontal: 14,
+                        borderRadius: blockRadii.inset,
+                        borderWidth: 1,
+                        borderStyle: dragging ? 'solid' : 'dashed',
+                        borderColor: dragging ? colors.accentFill : colors.hairlineStrong,
+                        backgroundColor: dragging ? colors.brandSubtle : colors.surface1,
+                    }, children: [_jsx(Box, { width: 32, height: 32, align: "center", justify: "center", style: { borderRadius: blockRadii.tile, backgroundColor: dragging ? colors.surface1 : colors.surfaceSunken }, children: _jsx(Icon, { name: "upload", size: 17, color: dragging ? colors.accentInk : colors.textSecondary }) }), _jsxs(Box, { flex: 1, style: { minWidth: 0 }, children: [_jsx(Text, { variant: "caption", color: "textPrimary", style: { fontWeight: '600' }, children: dragging ? copy.dragOver : copy.empty }), hint && !dragging ? _jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: hint }) : null] })] })) : value.status === 'uploading' ? (_jsxs(Row, { minHeight: MIN_H[densityName], busy: true, children: [_jsx(TypeTile, { icon: "file", type: "file", size: 32 }), _jsxs(Box, { flex: 1, gap: "s1", style: { minWidth: 0 }, children: [_jsxs(Box, { row: true, justify: "space-between", gap: "s2", children: [_jsx(Text, { variant: "caption", color: "textPrimary", numberOfLines: 1, style: { flexShrink: 1, fontWeight: '600' }, children: value.file.name }), _jsx(Text, { variant: "caption", color: "textSecondary", numeric: true, numberOfLines: 1, style: { fontSize: 12, flexShrink: 0 }, children: `${copy.uploading} ${Math.round(value.progress * 100)}%` })] }), _jsx(ProgressBar, { bare: true, tone: "accent", label: `Uploading ${value.file.name}`, value: Math.round(value.progress * 100) })] }), onCancel ? _jsx(IconButton, { icon: "close", label: copy.cancel, onPress: onCancel }) : null] })) : value.status === 'filled' ? (_jsxs(Row, { minHeight: MIN_H[densityName], children: [variant === 'media' ? _jsx(Thumb, { file: value.file, initials: initials }) : _jsx(TypeTile, { icon: "file", type: "file", size: 32 }), _jsxs(Box, { flex: 1, style: { minWidth: 0 }, children: [_jsx(Text, { variant: "caption", color: "textPrimary", numberOfLines: 1, style: { fontWeight: '600' }, children: value.file.name }), variant === 'media' ? (_jsxs(Box, { row: true, align: "center", gap: "s1", children: [_jsx(Icon, { name: "tick", size: 12, color: colors.status.executed }), _jsx(Text, { variant: "caption", numeric: true, style: { fontSize: 12, color: colors.status.executed }, children: `${copy.uploaded} · ${formatFileSize(value.file.sizeBytes)} · ${value.file.ext.toUpperCase()}` })] })) : (_jsx(Text, { variant: "caption", color: "textSecondary", numeric: true, style: { fontSize: 12 }, children: formatFileSize(value.file.sizeBytes) }))] }), variant === 'media' ? _jsx(Button, { variant: "secondary", size: "small", onPress: open, disabled: disabled, children: copy.replace }) : null, onRemove ? _jsx(IconButton, { icon: "trash", label: copy.remove, onPress: onRemove, disabled: disabled }) : null] })) : (_jsxs(Box, { row: true, wrap: true, align: "center", gap: "s3", role: "alert", style: { minHeight: MIN_H[densityName], paddingVertical: 10, paddingHorizontal: 14, borderRadius: blockRadii.inset, backgroundColor: colors.statusBg.needsUser }, children: [_jsx(Icon, { name: "alert", size: 17, color: colors.status.needsUser }), _jsxs(Box, { flex: 1, style: { minWidth: 160 }, children: [_jsx(Text, { variant: "caption", style: { fontWeight: '600', color: colors.status.needsUser }, children: value.reason === 'type' ? copy.wrongType : copy.tooLarge.replace('{max}', String(maxSizeMB ?? '')) }), _jsx(Text, { variant: "caption", color: "textPrimary", numberOfLines: 1, style: { fontSize: 12 }, children: value.file.name })] }), _jsx(Button, { variant: "secondary", size: "small", onPress: open, disabled: disabled, children: copy.chooseAnother })] })) }));
+        } }));
+}
+/** M4: the face swaps in one cell — the new one fades in, the layout never holds two. */
+function Layer({ faceKey, minHeight, children }) {
+    const fade = useSwap(faceKey);
+    return _jsx(MotionView, { style: { opacity: fade, minHeight }, children: children });
+}
+function Row({ minHeight, busy, children }) {
+    const { colors } = useDs();
+    return (_jsx(Box, { row: true, align: "center", gap: "s3", "aria-busy": busy || undefined, style: { minHeight, paddingVertical: 10, paddingHorizontal: 12, borderRadius: blockRadii.inset, borderWidth: 1, borderColor: colors.hairlineStrong, backgroundColor: colors.surface1 }, children: children }));
+}
+function Thumb({ file, initials }) {
+    const { colors } = useDs();
+    return (_jsx(Box, { width: 48, height: 48, align: "center", justify: "center", style: { borderRadius: blockRadii.inset, backgroundColor: colors.surfaceSunken, overflow: 'hidden', flexShrink: 0 }, children: file.previewUri
+            ? _jsx(Image, { source: { uri: file.previewUri }, width: 48, height: 48, resizeMode: "contain", alt: "" })
+            : _jsx(Text, { variant: "label", color: "textSecondary", style: { fontWeight: '700' }, children: initials ?? file.name.slice(0, 2).toUpperCase() }) }));
+}
+/** The 32px round icon button of the handoff's button table: transparent, muted, named. */
+export function IconButton({ icon, label, onPress, disabled }) {
+    const { colors } = useDs();
+    return (_jsx(Pressable, { "aria-label": label, onPress: onPress, disabled: disabled, width: 32, height: 32, radius: "pill", children: _jsx(Icon, { name: icon, size: 16, color: colors.textSecondary }) }));
+}
+//# sourceMappingURL=Dropzone.js.map

package/dist/esm/ds/Dropzone.js.map

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

package/dist/esm/ds/EmptyState.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type IconName } from '../core';
+/**
+ * Nothing here yet — **and never an error.**
+ *
+ * The contract is explicit that `n = 0` renders an empty state naming what was searched, not a
+ * failure: a search that found nothing worked correctly. The difference matters because the two
+ * look identical to a user who is told the wrong one.
+ *
+ * `card` is the panel form — a full-card empty state takes the rung ABOVE a standard card, so it
+ * reads as a panel rather than as one more row in the list it is replacing.
+ */
+export declare function EmptyState({ icon, title, body, action, card, style, }: {
+    icon: IconName;
+    title: string;
+    body: string;
+    action?: ReactNode;
+    card?: boolean;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+/**
+ * A structural group label — `RECENT RUNS`, `TRIGGER`, `STEPS`.
+ *
+ * Mono for the eyebrow variant because these name machine-side groupings; the row variant is the
+ * sans one that sits above a list.
+ */
+export declare function SectionLabel({ children, variant, count, tone, }: {
+    children: string;
+    variant?: 'row' | 'mono';
+    count?: number;
+    /** An ink for the label (14 Sep 2026, app 1's vibrant screens), like `SectionHeader`'s `tone`. Omitted, unchanged. */
+    tone?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/esm/ds/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/ds/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGzD;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAY,EAAE,KAAK,GAC/C,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,+BAgCA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EAAE,OAAe,EAAE,KAAK,EAAE,IAAI,GACvC,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sHAAsH;IACtH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAkBA"}

package/dist/esm/ds/EmptyState.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Icon, Text } from '../core';
+import { useDs } from '../tokens';
+/**
+ * Nothing here yet — **and never an error.**
+ *
+ * The contract is explicit that `n = 0` renders an empty state naming what was searched, not a
+ * failure: a search that found nothing worked correctly. The difference matters because the two
+ * look identical to a user who is told the wrong one.
+ *
+ * `card` is the panel form — a full-card empty state takes the rung ABOVE a standard card, so it
+ * reads as a panel rather than as one more row in the list it is replacing.
+ */
+export function EmptyState({ icon, title, body, action, card = false, style, }) {
+    const { colors, theme } = useDs();
+    const sol = theme === 'solarium';
+    return (_jsxs(Box, { align: "center", gap: card ? 's3' : 's4', ...(card
+            ? { py: 's6', px: 's5', radius: 'card', bg: 'surface1', lift: 1 }
+            : { flex: 1, justify: 'center', px: 's8' }), style: style, children: [_jsx(Box, { width: sol ? 46 : 38, height: sol ? 46 : 38, align: "center", justify: "center", radius: sol ? 'pill' : 'chip', bg: "surfaceSunken", children: _jsx(Icon, { name: icon, size: sol ? 22 : 18, color: colors.textTertiary }) }), _jsxs(Box, { gap: "s1", align: "center", children: [_jsx(Text, { variant: "heading", align: "center", children: title }), _jsx(Text, { variant: "caption", color: "textSecondary", align: "center", children: body })] }), action] }));
+}
+/**
+ * A structural group label — `RECENT RUNS`, `TRIGGER`, `STEPS`.
+ *
+ * Mono for the eyebrow variant because these name machine-side groupings; the row variant is the
+ * sans one that sits above a list.
+ */
+export function SectionLabel({ children, variant = 'row', count, tone, }) {
+    const { headings } = useDs();
+    const toned = tone ? { color: tone, fontWeight: '700' } : undefined;
+    if (variant === 'mono') {
+        /* The same structural-label job as `SectionHeader`'s eyebrow, so it follows the same
+           per-app knob — see `Ds.headings`. */
+        return (_jsx(Text, { variant: headings === 'screen' ? 'eyebrowDense' : 'monoLabel', mono: true, color: "textTertiary", uppercase: true, style: toned, children: children }));
+    }
+    return (_jsxs(Box, { row: true, align: "center", justify: "space-between", gap: "s2", children: [_jsx(Text, { variant: "sectionLabel", color: "textSecondary", style: toned, children: children }), count === undefined ? null : (_jsx(Text, { variant: "monoCount", mono: true, numeric: true, color: "textTertiary", children: count }))] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/esm/ds/EmptyState.js.map

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

package/dist/esm/ds/PlatformSwitch.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+/**
+ * A switch with its label beside it — the settings-row form.
+ *
+ * **The label sits on the same line as the control**, not above it: a switch under a label reads
+ * as a heading with an orphaned control, and the label is the thing being switched.
+ */
+export declare function PlatformSwitch({ value, onValueChange, label, }: {
+    value: boolean;
+    onValueChange: (next: boolean) => void;
+    label?: string;
+}): import("react").JSX.Element;
+/** A labelled row in a settings list, with the control on the right. */
+export declare function SettingRow({ title, meta, children, }: {
+    title: string;
+    meta?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PlatformSwitch.d.ts.map

package/dist/esm/ds/PlatformSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformSwitch.d.ts","sourceRoot":"","sources":["../../../src/ds/PlatformSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EAAE,aAAa,EAAE,KAAK,GAC5B,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ5E;AAED,wEAAwE;AACxE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,IAAI,EAAE,QAAQ,GACtB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAUxD"}

package/dist/esm/ds/PlatformSwitch.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Switch, Text } from '../core';
+/**
+ * A switch with its label beside it — the settings-row form.
+ *
+ * **The label sits on the same line as the control**, not above it: a switch under a label reads
+ * as a heading with an orphaned control, and the label is the thing being switched.
+ */
+export function PlatformSwitch({ value, onValueChange, label, }) {
+    if (!label)
+        return _jsx(Switch, { value: value, onChange: onValueChange });
+    return (_jsxs(Box, { row: true, align: "center", justify: "space-between", gap: "s4", children: [_jsx(Text, { children: label }), _jsx(Switch, { value: value, onChange: onValueChange, "aria-label": label })] }));
+}
+/** A labelled row in a settings list, with the control on the right. */
+export function SettingRow({ title, meta, children, }) {
+    return (_jsxs(Box, { row: true, align: "center", justify: "space-between", gap: "s4", py: "s3", px: "s4", children: [_jsxs(Box, { flex: 1, gap: "s1", children: [_jsx(Text, { children: title }), meta ? _jsx(Text, { variant: "caption", color: "textSecondary", children: meta }) : null] }), children] }));
+}
+//# sourceMappingURL=PlatformSwitch.js.map

package/dist/esm/ds/PlatformSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformSwitch.js","sourceRoot":"","sources":["../../../src/ds/PlatformSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EAAE,aAAa,EAAE,KAAK,GACgD;IAC3E,IAAI,CAAC,KAAK;QAAE,OAAO,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,GAAI,CAAC;IACrE,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACtD,KAAC,IAAI,cAAE,KAAK,GAAQ,EACpB,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,gBAAc,KAAK,GAAI,IAChE,CACP,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EAAE,IAAI,EAAE,QAAQ,GACkC;IACvD,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,aACtE,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,IAAI,aACpB,KAAC,IAAI,cAAE,KAAK,GAAQ,EACnB,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtE,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/ds/Reach.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/** Whether the product can be reached, and which half of the problem it is. */
+export type Reach = 'ok' | 'offline' | 'unreachable';
+export declare function ReachProvider({ value, children }: {
+    value: Reach;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useReach(): Reach;
+/**
+ * What each state is called, in one place, so a bar and an empty state cannot disagree.
+ *
+ * **The copy split is the whole point.** `offline` is the user's network and `unreachable` is
+ * ours — telling someone to check their wifi when our server is down wastes their time and blames
+ * them for it.
+ */
+export declare function reachCopy(reach: Reach): {
+    title: string;
+    body: string;
+} | null;
+/**
+ * A thin line under a header. **Deliberately not a blocking overlay** — cached rows are still
+ * true and still worth reading, and covering them would take away the one thing that still works.
+ */
+export declare function ReachBar({ reach: given, onRetry, style, }: {
+    reach?: Reach;
+    onRetry?: () => void;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element | null;
+/** The screen that has nothing cached to fall back on. One vocabulary with the bar, from `reachCopy`. */
+export declare function ReachEmptyState({ reach: given, onRetry, }: {
+    reach?: Reach;
+    onRetry?: () => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=Reach.d.ts.map

package/dist/esm/ds/Reach.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reach.d.ts","sourceRoot":"","sources":["../../../src/ds/Reach.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,+EAA+E;AAC/E,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,CAAC;AAerD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEvF;AAED,wBAAgB,QAAQ,IAAI,KAAK,CAEhC;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAe9E;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAC7B,EAAE;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,sCAqBvE;AAED,yGAAyG;AACzG,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,KAAK,EAAE,OAAO,GACtB,EAAE;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sCAazC"}

package/dist/esm/ds/Reach.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { Box, Icon, Text } from '../core';
+import { useDs } from '../tokens';
+/**
+ * **The app supplies reachability; the library renders it.**
+ *
+ * `@comppack/ds`'s version called `useSyncExternalStore` over `@comppack/core`'s store, which would give
+ * this package a dependency on the run domain. That is the same line `EnumField` refused to cross
+ * when it took resolved options as a prop rather than fetching them — a component library that
+ * subscribes to an app's store has stopped being a component library.
+ *
+ * So the store stays in the app and feeds this provider. `useReach()` keeps its old signature, so
+ * a consumer's call sites do not change; only the wiring at the root does.
+ */
+const ReachContext = createContext('ok');
+export function ReachProvider({ value, children }) {
+    return _jsx(ReachContext.Provider, { value: value, children: children });
+}
+export function useReach() {
+    return useContext(ReachContext);
+}
+/**
+ * What each state is called, in one place, so a bar and an empty state cannot disagree.
+ *
+ * **The copy split is the whole point.** `offline` is the user's network and `unreachable` is
+ * ours — telling someone to check their wifi when our server is down wastes their time and blames
+ * them for it.
+ */
+export function reachCopy(reach) {
+    switch (reach) {
+        case 'offline':
+            return {
+                title: "You're offline",
+                body: 'Everything here was true when it loaded. New runs and changes need a network.',
+            };
+        case 'unreachable':
+            return {
+                title: 'CompPack is unreachable',
+                body: 'The network is fine — this one is on us. Nothing you did caused it, and nothing is lost.',
+            };
+        default:
+            return null;
+    }
+}
+/**
+ * A thin line under a header. **Deliberately not a blocking overlay** — cached rows are still
+ * true and still worth reading, and covering them would take away the one thing that still works.
+ */
+export function ReachBar({ reach: given, onRetry, style, }) {
+    /* Takes the state as a prop when the caller already has it, and falls back to the provider.
+       Both exist because a screen holding a query result should not have to mount a provider to
+       show the bar it already has the answer for. */
+    const fromContext = useReach();
+    const reach = given ?? fromContext;
+    const { colors } = useDs();
+    const copy = reachCopy(reach);
+    if (!copy)
+        return null;
+    return (_jsxs(Box, { row: true, align: "center", gap: "s2", mx: "s5", mb: "s3", py: "s2", px: "s3", radius: "row", bg: "surface1", lift: 1, style: style, children: [_jsx(Icon, { name: "alert", size: 15, color: colors.textTertiary }), _jsx(Box, { flex: 1, children: _jsx(Text, { variant: "caption", numberOfLines: 1, children: copy.title }) }), onRetry ? (_jsx(Text, { variant: "caption", color: "accentInk", role: "link", onPress: onRetry, children: "Retry" })) : null] }));
+}
+/** The screen that has nothing cached to fall back on. One vocabulary with the bar, from `reachCopy`. */
+export function ReachEmptyState({ reach: given, onRetry, }) {
+    const fromContext = useReach();
+    const copy = reachCopy(given ?? fromContext);
+    if (!copy)
+        return null;
+    return (_jsxs(Box, { flex: 1, align: "center", justify: "center", px: "s8", gap: "s4", children: [_jsx(Text, { variant: "heading", align: "center", children: copy.title }), _jsx(Text, { variant: "caption", color: "textSecondary", align: "center", children: copy.body }), onRetry ? (_jsx(Text, { variant: "caption", color: "accentInk", role: "link", onPress: onRetry, children: "Try again" })) : null] }));
+}
+//# sourceMappingURL=Reach.js.map

package/dist/esm/ds/Reach.js.map

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

package/dist/esm/ds/SubScreenHeader.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+export type SubScreenHeaderProps = {
+    title: string;
+    /**
+     * The line under the title. A node rather than a string so a count can sit in mono inside the
+     * sentence (`10 available · 1 connected`) — it is rendered inside one `screenSubtitle` Text, so pass
+     * strings and nested `Text`, not views.
+     */
+    subtitle?: ReactNode;
+    /** Absent means nothing to go back to, and no back control is drawn. */
+    onBack?: () => void;
+    /** The accessible name of the back control, and the visible label on iOS. */
+    backLabel?: string;
+    /**
+     * A screen's own hue (14 Sep 2026, app 1's vibrant Settings and Profile) — the same treatment as `AppHeader`'s: a short
+     * glowing bar under the title and the subtitle in that ink at 600. Omitted, the header is exactly what it was.
+     */
+    accent?: string;
+};
+export type BackButtonProps = {
+    onPress: () => void;
+    /** The accessible name, and the visible label on iOS. */
+    label?: string;
+};
+/**
+ * **The one back control** (13 Sep 2026). Every pushed screen in app 1 draws this, whether through
+ * `SubScreenHeader`, `AppHeader`, or on its own above a custom head — so a back button looks and sits the
+ * same on every page. Before it there were eight: a typed `‹` in grey, chevrons at 15/16/20pt in two inks,
+ * the accent caret, and React Navigation's native header.
+ *
+ * - **iOS:** the accent caret and the label, 44pt tall, at the start of its row.
+ * - **Android:** the M3 40dp round `←`, no label (the accessible name still carries it).
+ *
+ * The caller owns horizontal position through its gutter; this adds no margin of its own.
+ */
+export declare function BackButton({ onPress, label }: BackButtonProps): import("react").JSX.Element;
+/**
+ * **A pushed screen's header, in each platform's own shape** (Settings handoff, SET-15, 13 Sep 2026).
+ *
+ * - **iOS:** `‹ Back` on its own row, then the 32px large title, then the subtitle.
+ * - **Android:** the M3 top app bar — a 56dp row with a 40dp round `←` and an 18/600 title — then the
+ *   subtitle 2dp beneath. Every Android frame in the handoff draws this, root included.
+ *
+ * **Not a change to `AppHeader`.** That header serves every screen in two apps, and swapping its
+ * Android shape would restyle screens no handoff has redrawn. A screen opts in by using this.
+ */
+export declare function SubScreenHeader({ title, subtitle, onBack, backLabel, accent }: SubScreenHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=SubScreenHeader.d.ts.map

package/dist/esm/ds/SubScreenHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScreenHeader.d.ts","sourceRoot":"","sources":["../../../src/ds/SubScreenHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAc,EAAE,EAAE,eAAe,+BA2BtE;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAkB,EAAE,MAAM,EAAE,EAAE,oBAAoB,+BAyC5G"}