@appinternalleads/ui 0.2.0

package/dist/esm/ds/overlays.js

@@ -0,0 +1,172 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { Box, Icon, Input, MotionView, Pressable, Scroll, Sheet, Text, usePresence } from '../core';
+import { blockRadii, gutter, useDs } from '../tokens';
+import { BackButton } from './SubScreenHeader';
+import { ConnectorLogo } from './rows';
+/* ── Toast ───────────────────────────────────────────────────────────────── */
+const DURATION = 2200;
+/**
+ * **How long a notice (O1) stays: the Building Blocks handoff's 5s.** A string toast keeps
+ * `DURATION` — changing it would change every existing call site, and the handoff's timing is
+ * specified for the titled notice, which is new. HANDOFF-SOLARIUM-BLOCKS §6 records the split.
+ */
+export const NOTICE_MS = 5000;
+const ToastContext = createContext(null);
+export function ToastProvider({ children }) {
+    const [message, setMessage] = useState(null);
+    const timer = useRef(null);
+    const dismiss = useCallback(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        setMessage(null);
+    }, []);
+    const show = useCallback((next) => {
+        setMessage(next);
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => setMessage(null), typeof next === 'string' ? DURATION : NOTICE_MS);
+    }, []);
+    useEffect(() => () => (timer.current ? clearTimeout(timer.current) : undefined), []);
+    const api = useMemo(() => ({ show, dismiss }), [show, dismiss]);
+    return (_jsxs(ToastContext.Provider, { value: api, children: [children, typeof message === 'string' ? _jsx(Toast, { children: message }) : null, message && typeof message !== 'string' ? _jsx(NoticeToast, { notice: message, onDismiss: dismiss }) : null] }));
+}
+/** **A screen outside the provider must not crash over a confirmation message.** */
+export function useToast() {
+    return useContext(ToastContext) ?? { show: () => { }, dismiss: () => { } };
+}
+/**
+ * Docked above the tab bar, never over it.
+ *
+ * `bottom` defaults to the lane the tokens reserve: an overlay sitting on a button swallows the
+ * tap, and from the user's side the button simply does not work.
+ */
+export function Toast({ children, bottom = 104 }) {
+    const { colors } = useDs();
+    return (_jsx(Box, { role: "none", style: { position: 'absolute', left: 16, right: 16, bottom, alignItems: 'center' }, children: _jsx(Box, { bg: "surface3", lift: 3, radius: "control", py: "s3", px: "s4", children: _jsx(Text, { variant: "caption", style: { color: colors.textPrimary }, children: children }) }) }));
+}
+/**
+ * **O1 · the notice: 210 wide, padding 12, radius 16, `lift-2`; fades in (M10, opacity only).** Title,
+ * optional body, a dismiss button. A `status` region, so it is announced without taking focus —
+ * a notice that stole focus would interrupt exactly the task it is reporting on.
+ */
+export function NoticeToast({ notice, onDismiss, bottom = 104, }) {
+    const { colors, lift2 } = useDs();
+    /* M10 overlay (0.2.0): opacity only — no slide. */
+    const enter = usePresence(true, { distance: 0, appear: true });
+    const ink = notice.tone === 'info' ? colors.reference.fg : colors.status.executed;
+    return (_jsx(Box, { role: "status", "aria-live": "polite", style: { position: 'absolute', left: 16, right: 16, bottom, alignItems: 'center' }, children: _jsx(MotionView, { style: { opacity: enter.opacity, transform: [{ translateY: enter.translateY }] }, children: _jsxs(Box, { row: true, gap: "s2", p: "s3", style: { width: 210, maxWidth: '100%', borderRadius: blockRadii.major, backgroundColor: colors.surface1, boxShadow: lift2 }, children: [_jsx(Box, { pt: "s1", children: _jsx(Icon, { name: notice.tone === 'info' ? 'info' : 'check', size: 14, color: ink }) }), _jsxs(Box, { flex: 1, style: { minWidth: 0 }, children: [_jsx(Text, { variant: "caption", color: "textPrimary", style: { fontWeight: '600' }, children: notice.title }), notice.body ? _jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: notice.body }) : null] }), _jsx(Pressable, { onPress: onDismiss, "aria-label": "Dismiss", width: 24, height: 24, radius: "pill", children: _jsx(Icon, { name: "close", size: 12, color: colors.textSecondary }) })] }) }) }));
+}
+const ConfirmContext = createContext(null);
+/**
+ * Destructive confirmation, as a promise.
+ *
+ * A `useConfirm()` call reads as a question with an answer — `if (await confirm({…}))` — rather
+ * than as two callbacks wired to a dialog somewhere else, which is what makes the call site
+ * readable at the point the decision is actually made.
+ */
+export function ConfirmProvider({ children }) {
+    const [request, setRequest] = useState(null);
+    const settleRef = useRef(null);
+    const confirm = useCallback(next => new Promise(resolve => {
+        settleRef.current = resolve;
+        setRequest(next);
+    }), []);
+    const settle = (ok) => {
+        setRequest(null);
+        settleRef.current?.(ok);
+        settleRef.current = null;
+    };
+    return (_jsxs(ConfirmContext.Provider, { value: confirm, children: [children, _jsx(Sheet, { visible: request !== null, onDismiss: () => settle(false), destructive: true, testID: "confirm-sheet", children: request ? (_jsxs(Box, { gap: "s3", children: [_jsx(Text, { variant: "heading", children: request.title }), _jsx(Text, { variant: "caption", color: "textSecondary", children: request.body }), _jsxs(Box, { row: true, gap: "s2", justify: "flex-end", children: [_jsx(Pressable, { onPress: () => settle(false), px: "s4", py: "s3", radius: "control", "aria-label": "Cancel", children: _jsx(Text, { color: "textSecondary", children: "Cancel" }) }), _jsx(Pressable, { onPress: () => settle(true), px: "s4", py: "s3", radius: "control", "aria-label": request.verb ?? 'Confirm', children: _jsx(Text, { color: "status.error", children: request.verb ?? 'Confirm' }) })] })] })) : null })] }));
+}
+/** Throws outside a provider — unlike `useToast`, a confirmation that silently resolves is unsafe. */
+export function useConfirm() {
+    const ctx = useContext(ConfirmContext);
+    if (!ctx)
+        throw new Error('useConfirm must be used inside <ConfirmProvider>');
+    return ctx;
+}
+/**
+ * A bottom sheet with a filterable list.
+ *
+ * **The search field is present only where the list is long enough to need one.** A connector has
+ * sixty-one actions and picking from that by scrolling is not picking; the overflow menu's two
+ * rows get no field, because a filter over two rows is furniture.
+ *
+ * **The query is lifted out** so the sheet can be fed from the server: a purely local filter
+ * matches only the labels it was already handed, so typing narrows what is on screen rather than
+ * what exists.
+ */
+export function HomeSheet({ title, slug, search, query, onQueryChange, emptyLabel = 'Nothing matches.', groups, onSelect, onDismiss, visible = true, maxHeightFraction, }) {
+    const empty = groups.every(g => g.rows.length === 0);
+    const { colors } = useDs();
+    return (_jsxs(Sheet, { visible: visible, onDismiss: onDismiss, testID: "home-sheet", maxHeightFraction: maxHeightFraction, children: [_jsxs(Box, { gap: "s1", children: [_jsx(Text, { variant: "heading", children: title }), slug ? _jsx(Text, { variant: "monoId", mono: true, color: "reference", children: slug }) : null] }), search ? (_jsx(Input, { value: query ?? '', onChangeText: onQueryChange ?? (() => { }), placeholder: search })) : null, empty ? (_jsx(Box, { py: "s4", children: _jsx(Text, { variant: "caption", color: "textSecondary", children: emptyLabel }) })) : (
+            /* `flexShrink: 1` is a no-op on an uncapped sheet (nothing to shrink against) and is what
+               makes a capped one (`maxHeightFraction`) actually scroll its rows inside the panel
+               instead of growing the panel past the cap. */
+            _jsx(Scroll, { gap: "s2", style: { flexShrink: 1 }, children: groups.map((group, gi) => (_jsxs(Box, { gap: "s1", children: [group.label ? (_jsx(Text, { variant: "eyebrow", color: "textTertiary", uppercase: true, children: group.label })) : null, group.rows.map(item => (_jsxs(Pressable, { onPress: item.onPress ?? (() => onSelect?.(item.key)), row: true, align: "center", justify: "space-between", py: "s3", px: "s3", radius: "row", "aria-label": item.label, style: { minHeight: 44 }, children: [_jsxs(Box, { row: true, align: "center", gap: "s2", flex: 1, children: [item.logo !== undefined ? (_jsx(ConnectorLogo, { uri: item.logo, size: 28, radius: 8 })) : item.icon ? (_jsx(Icon, { name: item.icon, size: 16, color: colors.textSecondary })) : null, _jsx(Text, { color: item.destructive ? 'status.error' : 'textPrimary', children: item.label })] }), item.meta ? _jsx(Text, { variant: "caption", color: "textTertiary", children: item.meta }) : null, item.chevron ? _jsx(Icon, { name: "chev-r", size: 14, color: colors.textDisabled }) : null] }, item.key)))] }, group.label ?? gi))) }))] }));
+}
+/* ── Chrome ──────────────────────────────────────────────────────────────── */
+/**
+ * A screen header.
+ *
+ * **Whatever goes in `right` is a drawn glyph, never a character** — `⋯` is U+22EF and renders
+ * differently on every platform, which is exactly what an icon exists to prevent.
+ *
+ * The trailing control shares the BACK row rather than the title line, so the iOS large title
+ * still starts at the gutter — which is the whole shape of that title.
+ */
+export function AppHeader({ title, sub, back = false, backLabel = 'Back', onBack, right, accent, style, }) {
+    const { headings } = useDs();
+    return (
+    /* The platform gutter, not `s5` (20 on both): on Android that put this header's back control 4dp right of every
+       other screen's (measured on a Nothing Phone 3a, 13 Sep 2026). iOS is unchanged — its gutter is 20. */
+    /* A header with a back control starts at the top, as SubScreenHeader does, so Back sits at one height on every
+       pushed screen; a title-only header (a tab root) keeps its breathing room above. */
+    _jsxs(Box, { gap: "s2", py: "s3", style: [{ paddingHorizontal: gutter }, back ? { paddingTop: 0 } : null, style], children: [back || right ? (_jsxs(Box, { row: true, align: "center", justify: "space-between", children: [back ? _jsx(BackButton, { onPress: onBack ?? (() => { }), label: backLabel }) : _jsx(Box, {}), right] })) : null, _jsxs(Box, { gap: "s1", children: [_jsx(Text, { variant: headings === 'screen' ? 'screenTitle' : 'title', role: "heading", children: title }), accent ? (_jsx(Box, { style: { width: 28, height: 4, borderRadius: 2, backgroundColor: accent, boxShadow: `0 0 8px ${accent}` } })) : null, sub ? (_jsx(Text, { variant: "caption", color: "textSecondary", style: accent ? { color: accent, fontWeight: '600' } : undefined, children: sub })) : null] })] }));
+}
+/**
+ * The tab bar's own surface: a ground and one top rule.
+ *
+ * A component rather than a style so the bar's material lives in one place; the navigator supplies
+ * the items and this supplies what they sit on.
+ *
+ * **`flex` is what makes it visible at all, and its absence was a real defect.** React Navigation
+ * renders `tabBarBackground()` inside a `<View style={StyleSheet.absoluteFill}>`, so the element
+ * returned here has to fill that box itself. This was `style={{ width: '100%' }}` with no height,
+ * and since the component is normally given no children there was nothing to give it one — so it
+ * measured zero tall and painted nothing. Both apps set `tabBarStyle.backgroundColor` to
+ * transparent on the strength of this drawing the ground, which meant list content scrolled
+ * straight through the tab labels on every root screen. `flex: 1` fills the height; the default
+ * cross-axis stretch fills the width, which is why the explicit `width` is gone rather than kept.
+ *
+ * **`hairline` replaces `lift={2}`, and this is the one place a border beside a lift would have
+ * been wrong to add rather than a lift being wrong to keep.** The ladder is right that a `0 0 0
+ * 1px` ring IS the border and that drawing both is the usual way this material gets implemented
+ * badly. But a lift only says anything on a surface with room around it, and this one is pinned
+ * flush to the bottom of the screen: the ring draws OUTSIDE the box, the box now exactly fills
+ * the bar, and the bar clips it — while both drop shadows point downward, off-screen. Measured on
+ * device: a card on the same frame renders its ring normally (`#EFEEEA` at the edge), and the bar
+ * went page → white with nothing between. So `lift={2}` here was three shadows rendering nothing,
+ * and there is no double edge to worry about because there was never a first one.
+ *
+ * Both design documents say the same thing independently, which is the reason to trust it over
+ * the inference: the KeyShort handoff specifies `border-top: 1px solid` on `--card`, and the
+ * canvas app describes this component as *"on `--card` over a `--line-soft` hairline"*. Neither
+ * mentions a shadow.
+ *
+ * **Settled (A1n, KEYSHORT-REVAMP.md, 11 Sep 2026): `--line-soft` — `hairline`'s default,
+ * unchanged.** They disagree by one token on the rule's colour — KeyShort says `--line`, the
+ * canvas app `--line-soft`. Chasing the citation rather than trusting the paraphrase above
+ * settles it: `design_handoff_ambi_chat_duplex/README.md:53` states the tab bar's rule
+ * explicitly — `border-top: 1px solid var(--line-soft)` — as a primary spec, not an inference
+ * from this component's own behaviour. KeyShort's `--line` is the one document out of step
+ * between the two, and the softer default was already right for the reason given below: a bar
+ * that under-asserts can be strengthened, one that over-asserts has already drawn a line nobody
+ * asked for.
+ */
+export function TabBarChrome({ children }) {
+    return (_jsx(Box, { bg: "surface2", hairline: { side: 'top' }, flex: 1, row: true, align: "center", justify: "space-around", children: children }));
+}
+//# sourceMappingURL=overlays.js.map

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

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

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

@@ -0,0 +1,83 @@
+import { type ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type IconName } from '../core';
+import { type Kind } from '../tokens';
+/**
+ * A connector's brand mark.
+ *
+ * **A logo that fails to fetch leaves the tile rather than removing it.** Without the tile the row
+ * would lose its leading column and the name would slide left — a layout that changes shape
+ * depending on whether a CDN answered. The tile is the stable thing; the mark is what varies.
+ *
+ * The service's own artwork is content, not chrome, so it is never recoloured.
+ */
+export declare function ConnectorLogo({ uri, size, radius, }: {
+    uri?: string | null;
+    size?: number;
+    radius?: number;
+}): import("react").JSX.Element;
+/** A raised surface: rows, cards, sheets. Radius and padding are the caller's to add inside. */
+export declare function Card({ children, onPress, style, }: {
+    children: ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+export type ListRowProps = {
+    /** Leading glyph. Mutually exclusive with `leading`. */
+    icon?: IconName;
+    /** A third-party mark — its real artwork, never recoloured. Same slot as `icon`. */
+    leading?: ReactNode;
+    title: string;
+    /**
+     * A destructive row keeps the neutral container and reddens only its LABEL — red is for things
+     * that failed, and an action the user chose is not a failure.
+     */
+    titleTone?: 'default' | 'danger';
+    titleLines?: number;
+    /** Triggers are always mono, always lowercase, punctuation included. */
+    mono?: boolean;
+    meta?: ReactNode;
+    trailing?: ReactNode;
+    /** A short status word on the right of the meta line — `Connected`, `Needs auth`. */
+    state?: string;
+    /** A second meta line beneath the first — a description under a trigger. */
+    note?: string;
+    style?: StyleProp<ViewStyle>;
+    /** `center` when the row has no meta line, so a lone title sits against its leading mark. */
+    align?: ViewStyle['alignItems'];
+    onPress?: () => void;
+};
+/** One row of a list: a leading slot, a title with optional meta beneath, and a trailing slot. */
+export declare function ListRow({ icon, leading, title, titleTone, titleLines, mono, meta, trailing, state, note, align, style, onPress, }: ListRowProps): import("react").JSX.Element;
+/**
+ * A shortcut in a list: its trigger in mono, its description beneath, its kind in the leading chip.
+ *
+ * **The trigger is never set in the sans face** — `/omw` in Switzer reads as a filename.
+ *
+ * `flush` drops the card treatment, which is the Android default: M3 lists sit on the page rather
+ * than on their own raised surface.
+ */
+export declare function ShortcutRow({ trigger, description, kind, leading, trailing, flush, onPress, }: {
+    trigger: string;
+    description?: string;
+    kind?: Kind;
+    /** Replaces the kind chip — a step row shows the connector that does the work (its `ConnectorLogo`). */
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    flush?: boolean;
+    onPress?: () => void;
+}): import("react").JSX.Element;
+/**
+ * The search field. **A field is a hole in the paper, so it never lifts** — `Input` owns that,
+ * and this adds only the glyph and the scope-naming placeholder.
+ *
+ * Placeholders name the scope: *"Search shortcuts"*, never just *"Search"*.
+ */
+export declare function SearchField({ placeholder, value, onChangeText, autoFocus, }: {
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (t: string) => void;
+    /** A screen whose only job is searching should open with the caret already in the field. */
+    autoFocus?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=rows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../src/ds/rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAkD,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAgC,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAGpE;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EAAE,IAAS,EAAE,MAAU,GAC3B,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAgBzD;AAED,gGAAgG;AAChG,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EAAE,OAAO,EAAE,KAAK,GACzB,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAY7E;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,wDAAwD;IACxD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6FAA6F;IAC7F,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,kGAAkG;AAClG,wBAAgB,OAAO,CAAC,EACtB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAqB,EAAE,UAAc,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EACjF,KAAK,EAAE,IAAI,EAAE,KAAgB,EAAE,KAAK,EAAE,OAAO,GAC9C,EAAE,YAAY,+BAuBd;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EAAE,WAAW,EAAE,IAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAiB,EAAE,OAAO,GACnF,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,wGAAwG;IACxG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BAmBA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,WAAsB,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,GACvD,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAeA"}

package/dist/esm/ds/rows.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Icon, Input, Pressable, RemoteImage, Text } from '../core';
+import { cardRadius, isAndroid, useDs } from '../tokens';
+import { KindChip } from './Button';
+/**
+ * A connector's brand mark.
+ *
+ * **A logo that fails to fetch leaves the tile rather than removing it.** Without the tile the row
+ * would lose its leading column and the name would slide left — a layout that changes shape
+ * depending on whether a CDN answered. The tile is the stable thing; the mark is what varies.
+ *
+ * The service's own artwork is content, not chrome, so it is never recoloured.
+ */
+export function ConnectorLogo({ uri, size = 26, radius = 7, }) {
+    const [failed, setFailed] = useState(false);
+    const inner = Math.round(size * 0.7);
+    return (_jsx(Box, { width: size, height: size, align: "center", justify: "center", bg: "surfaceSunken", style: { borderRadius: radius, overflow: 'hidden' }, children: !uri || failed ? null : (_jsx(RemoteImage, { uri: uri, width: inner, height: inner, onError: () => setFailed(true) })) }));
+}
+/** A raised surface: rows, cards, sheets. Radius and padding are the caller's to add inside. */
+export function Card({ children, onPress, style, }) {
+    const inner = (_jsx(Box, { bg: "surface1", lift: 1, p: "s4", style: [{ borderRadius: cardRadius }, style], children: children }));
+    if (!onPress)
+        return inner;
+    return (_jsx(Pressable, { onPress: onPress, align: "stretch", justify: "flex-start", children: inner }));
+}
+/** One row of a list: a leading slot, a title with optional meta beneath, and a trailing slot. */
+export function ListRow({ icon, leading, title, titleTone = 'default', titleLines = 1, mono, meta, trailing, state, note, align = 'center', style, onPress, }) {
+    const { colors } = useDs();
+    const body = (_jsxs(Box, { row: true, align: align ?? 'center', gap: "s3", py: "s3", px: "s4", style: style, children: [leading ?? (icon ? _jsx(Icon, { name: icon, size: 18, color: colors.textSecondary }) : null), _jsxs(Box, { flex: 1, gap: "s1", children: [_jsx(Text, { mono: mono, numberOfLines: titleLines, color: titleTone === 'danger' ? 'status.error' : 'textPrimary', children: title }), typeof meta === 'string'
+                        ? _jsx(Text, { variant: "caption", color: "textTertiary", numberOfLines: 1, children: meta })
+                        : meta, note ? _jsx(Text, { variant: "caption", color: "textSecondary", numberOfLines: 2, children: note }) : null, state ? _jsx(Text, { variant: "caption", color: "textSecondary", children: state }) : null] }), trailing] }));
+    if (!onPress)
+        return body;
+    return _jsx(Pressable, { onPress: onPress, align: "stretch", justify: "flex-start", children: body });
+}
+/**
+ * A shortcut in a list: its trigger in mono, its description beneath, its kind in the leading chip.
+ *
+ * **The trigger is never set in the sans face** — `/omw` in Switzer reads as a filename.
+ *
+ * `flush` drops the card treatment, which is the Android default: M3 lists sit on the page rather
+ * than on their own raised surface.
+ */
+export function ShortcutRow({ trigger, description, kind = 'text', leading, trailing, flush = isAndroid, onPress, }) {
+    const body = (_jsxs(Box, { row: true, align: "center", gap: "s3", py: "s3", px: "s4", children: [leading ?? _jsx(KindChip, { kind: kind }), _jsxs(Box, { flex: 1, gap: "s1", children: [_jsx(Text, { variant: "monoTrigger", mono: true, numberOfLines: 1, style: { fontWeight: '600' }, children: trigger }), description ? (_jsx(Text, { variant: "caption", color: "textSecondary", numberOfLines: 1, style: { fontWeight: '500' }, children: description })) : null] }), trailing] }));
+    const inner = flush
+        ? body
+        : _jsx(Box, { bg: "surface1", lift: 1, style: { borderRadius: cardRadius }, children: body });
+    if (!onPress)
+        return inner;
+    return _jsx(Pressable, { onPress: onPress, align: "stretch", justify: "flex-start", children: inner });
+}
+/**
+ * The search field. **A field is a hole in the paper, so it never lifts** — `Input` owns that,
+ * and this adds only the glyph and the scope-naming placeholder.
+ *
+ * Placeholders name the scope: *"Search shortcuts"*, never just *"Search"*.
+ */
+export function SearchField({ placeholder = 'Search', value, onChangeText, autoFocus, }) {
+    const { colors } = useDs();
+    return (_jsxs(Box, { row: true, align: "center", gap: "s2", children: [_jsx(Icon, { name: "search", size: 14, color: colors.textTertiary }), _jsx(Box, { flex: 1, children: _jsx(Input, { value: value ?? '', onChangeText: onChangeText ?? (() => { }), placeholder: placeholder, autoFocus: autoFocus }) })] }));
+}
+//# sourceMappingURL=rows.js.map

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

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

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

@@ -0,0 +1,44 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * The page, as a style — a gradient drifting cool grey-green at the top to warm cream at the
+ * bottom, the way a sheet lit from one side reads.
+ *
+ * **Keep it subtle**: if you can name it as a gradient at arm's length it is too strong. No
+ * imagery, no illustration, no pattern, no texture. The flat stop stays underneath as the
+ * over-scroll colour.
+ */
+export declare function useSubstrateStyle(): ViewStyle;
+/** The page background, full-bleed. Never interactive, never scrolls independently. */
+export declare function Substrate({ children, style }: {
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+/**
+ * A tab-level screen: the page substrate with the top and side insets claimed.
+ *
+ * **The bottom inset is deliberately left alone** — the tab bar floats over the content, and each
+ * screen pads for it inside its own scroll container.
+ *
+ * `Substrate` wraps the `SafeAreaView` so the gradient is unambiguously full-bleed: the light
+ * source is anchored off-canvas at the top right and should be positioned against the screen
+ * rather than against whatever the insets leave.
+ */
+export declare function PanelScreen({ children, style }: {
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+/**
+ * **How much room the tab bar actually takes at the bottom of the screen.**
+ *
+ * `layout.tabBarContent` is the bar's own height and nothing else, so every screen that had to
+ * clear it added the rest back by hand — three different numbers for one distance, none of which
+ * knew about the safe-area inset. This is the one expression that knows where the bar ends.
+ *
+ * **Only the three roots have a bar.** A pushed screen must not call this: reserving one where
+ * there is none leaves a bar's height of dead space that reads as a list which failed to fill.
+ *
+ * Screens add their own breathing room ON TOP of this. It is the floor, not the padding.
+ */
+export declare function useTabBarSpace(): number;
+//# sourceMappingURL=screen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../src/ds/screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,CAG7C;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAEpG;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAQtG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAKvC"}

package/dist/esm/ds/screen.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, SafeArea, useInsets } from '../core';
+import { layout, useDs } from '../tokens';
+/**
+ * The page, as a style — a gradient drifting cool grey-green at the top to warm cream at the
+ * bottom, the way a sheet lit from one side reads.
+ *
+ * **Keep it subtle**: if you can name it as a gradient at arm's length it is too strong. No
+ * imagery, no illustration, no pattern, no texture. The flat stop stays underneath as the
+ * over-scroll colour.
+ */
+export function useSubstrateStyle() {
+    const { colors, substrate } = useDs();
+    return { backgroundColor: colors.surfacePage, experimental_backgroundImage: substrate };
+}
+/** The page background, full-bleed. Never interactive, never scrolls independently. */
+export function Substrate({ children, style }) {
+    return _jsx(Box, { flex: 1, style: [useSubstrateStyle(), style], children: children });
+}
+/**
+ * A tab-level screen: the page substrate with the top and side insets claimed.
+ *
+ * **The bottom inset is deliberately left alone** — the tab bar floats over the content, and each
+ * screen pads for it inside its own scroll container.
+ *
+ * `Substrate` wraps the `SafeAreaView` so the gradient is unambiguously full-bleed: the light
+ * source is anchored off-canvas at the top right and should be positioned against the screen
+ * rather than against whatever the insets leave.
+ */
+export function PanelScreen({ children, style }) {
+    return (_jsx(Substrate, { children: _jsx(SafeArea, { children: _jsx(Box, { flex: 1, style: style, children: children }) }) }));
+}
+/**
+ * **How much room the tab bar actually takes at the bottom of the screen.**
+ *
+ * `layout.tabBarContent` is the bar's own height and nothing else, so every screen that had to
+ * clear it added the rest back by hand — three different numbers for one distance, none of which
+ * knew about the safe-area inset. This is the one expression that knows where the bar ends.
+ *
+ * **Only the three roots have a bar.** A pushed screen must not call this: reserving one where
+ * there is none leaves a bar's height of dead space that reads as a list which failed to fill.
+ *
+ * Screens add their own breathing room ON TOP of this. It is the floor, not the padding.
+ */
+export function useTabBarSpace() {
+    const insets = useInsets();
+    /* Mirrors the navigator's own `max(inset, 34)`. Android reports about 11dp for its gesture
+       handle and draws it far taller, so the reported inset alone puts this padding under it. */
+    return layout.tabBarContent + Math.max(insets.bottom, 34);
+}
+//# sourceMappingURL=screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../../src/ds/screen.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE1C;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IACtC,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,4BAA4B,EAAE,SAAS,EAAE,CAAC;AAC1F,CAAC;AAED,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0D;IACnG,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,iBAAiB,EAAE,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC7E,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0D;IACrG,OAAO,CACL,KAAC,SAAS,cACR,KAAC,QAAQ,cACP,KAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAO,GACnC,GACD,CACb,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B;iGAC6F;IAC7F,OAAO,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC"}

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

@@ -0,0 +1,42 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type IconName } from '../core';
+import { type Kind } from '../tokens';
+/** A file, as its extension in a tinted tile. Images take the media hue, everything else action. */
+export declare function FileTile({ name, size }: {
+    name: string;
+    size?: number;
+}): import("react").JSX.Element;
+/**
+ * Where a stored value came from — **the clearest idea in the product.**
+ *
+ * Anything marked `YOU` is the user's to change; everything else updates on connector sync. Only
+ * `you` gets the brand container: rendering it as tertiary grey is what buried it before.
+ */
+export declare function ProvenanceTag({ source }: {
+    source: string;
+}): import("react").JSX.Element;
+/** The kind as a word rather than a mark. Same palette as `KindChip`, different slot. */
+export declare function KindTag({ kind }: {
+    kind: Kind;
+}): import("react").JSX.Element;
+/** A selectable tile — the kind picker. Selection is a tint and a ring, never a fill. */
+export declare function KindTile({ label, icon, selected, onPress, style, }: {
+    label: string;
+    icon: IconName;
+    selected?: boolean;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+/**
+ * What just happened, after it happened.
+ *
+ * `steps` lists what the run actually did — **past tense, one line each.** A success screen that
+ * only says "Done" makes the user open the result to find out what "done" meant.
+ */
+export declare function SuccessState({ title, sub, steps, style, }: {
+    title: string;
+    sub?: string;
+    steps?: string[];
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=tags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/ds/tags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAO7C,oGAAoG;AACpG,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAgB5E;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,+BAO3D;AAED,yFAAyF;AACzF,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,+BAM/C;AAED,yFAAyF;AACzF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,IAAI,EAAE,QAAgB,EAAE,OAAO,EAAE,KAAK,GAC9C,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,+BAiBA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EAAE,GAAG,EAAE,KAAU,EAAE,KAAK,GAC9B,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAkBjF"}

package/dist/esm/ds/tags.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Icon, Pressable, Text } from '../core';
+import { useDs } from '../tokens';
+const IMAGE_EXT = /^(png|jpe?g|gif|webp|heic|bmp|svg)$/i;
+const KIND_WORDS = {
+    text: 'text', action: 'action', flow: 'flow', media: 'media',
+};
+/** A file, as its extension in a tinted tile. Images take the media hue, everything else action. */
+export function FileTile({ name, size = 40 }) {
+    const { colors } = useDs();
+    const dot = name.lastIndexOf('.');
+    const ext = dot > 0 ? name.slice(dot + 1) : '';
+    const pair = IMAGE_EXT.test(ext) ? colors.kind.media : colors.kind.action;
+    return (_jsx(Box, { width: size, height: size, align: "center", justify: "center", radius: "chip", style: { backgroundColor: pair.bg }, children: _jsx(Text, { variant: "monoId", mono: true, style: { color: pair.fg }, children: ext.toUpperCase() }) }));
+}
+/**
+ * Where a stored value came from — **the clearest idea in the product.**
+ *
+ * Anything marked `YOU` is the user's to change; everything else updates on connector sync. Only
+ * `you` gets the brand container: rendering it as tertiary grey is what buried it before.
+ */
+export function ProvenanceTag({ source }) {
+    const mine = source.toLowerCase() === 'you';
+    return (_jsx(Box, { alignSelf: "flex-start", bg: mine ? 'brandSubtle' : 'kindBg.text', radius: "part.pill", px: "s2", py: "s1", children: _jsx(Text, { variant: "monoId", mono: true, color: mine ? 'accentInk' : 'kind.text', uppercase: true, children: source }) }));
+}
+/** The kind as a word rather than a mark. Same palette as `KindChip`, different slot. */
+export function KindTag({ kind }) {
+    return (_jsx(Box, { alignSelf: "flex-start", bg: `kindBg.${kind}`, radius: "part.pill", px: "s2", py: "s1", children: _jsx(Text, { variant: "monoId", mono: true, color: `kind.${kind}`, children: KIND_WORDS[kind] }) }));
+}
+/** A selectable tile — the kind picker. Selection is a tint and a ring, never a fill. */
+export function KindTile({ label, icon, selected = false, onPress, style, }) {
+    const { colors } = useDs();
+    return (_jsxs(Pressable, { onPress: onPress, gap: "s2", py: "s4", px: "s3", radius: "card", bg: selected ? 'accentTint' : 'surface1', edge: selected ? undefined : 'outline', "aria-label": label, style: style, children: [_jsx(Icon, { name: icon, size: 20, color: selected ? colors.accentInk : colors.textSecondary }), _jsx(Text, { variant: "caption", color: selected ? 'accentInk' : 'textSecondary', children: label })] }));
+}
+/**
+ * What just happened, after it happened.
+ *
+ * `steps` lists what the run actually did — **past tense, one line each.** A success screen that
+ * only says "Done" makes the user open the result to find out what "done" meant.
+ */
+export function SuccessState({ title, sub, steps = [], style, }) {
+    const { colors } = useDs();
+    return (_jsxs(Box, { align: "center", gap: "s4", px: "s8", py: "s8", style: style, children: [_jsx(Icon, { name: "check", size: 32, color: colors.status.executed, label: "done" }), _jsxs(Box, { gap: "s1", align: "center", children: [_jsx(Text, { variant: "heading", align: "center", children: title }), sub ? _jsx(Text, { variant: "caption", color: "textSecondary", align: "center", children: sub }) : null] }), steps.length ? (_jsx(Box, { gap: "s1", alignSelf: "stretch", children: steps.map(s => (_jsx(Text, { variant: "caption", color: "textTertiary", children: s }, s))) })) : null] }));
+}
+//# sourceMappingURL=tags.js.map

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

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

package/dist/esm/fields/DateField.d.ts

@@ -0,0 +1,17 @@
+import type { DateFieldSpec } from './types';
+/**
+ * `date` and `datetime`, in the one `picker` control.
+ *
+ * **One file, no platform branching** — `DatePicker` is split and this is not. That separation
+ * is the whole reason the split was pushed down into the primitive layer: the field layer is
+ * what a component JSON maps onto, and a generator that had to reason about platforms would be
+ * a generator with two outputs per component.
+ */
+export declare function DateField({ field, value, onChange, error, onBlur, }: {
+    field: DateFieldSpec;
+    value: string | undefined;
+    onChange: (next: string) => void;
+    error?: string;
+    onBlur?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DateField.d.ts.map

package/dist/esm/fields/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../src/fields/DateField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,+BAsBA"}

package/dist/esm/fields/DateField.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker } from '../core';
+import { FieldShell } from './FieldShell';
+/**
+ * `date` and `datetime`, in the one `picker` control.
+ *
+ * **One file, no platform branching** — `DatePicker` is split and this is not. That separation
+ * is the whole reason the split was pushed down into the primitive layer: the field layer is
+ * what a component JSON maps onto, and a generator that had to reason about platforms would be
+ * a generator with two outputs per component.
+ */
+export function DateField({ field, value, onChange, error, onBlur, }) {
+    return (_jsx(FieldShell, { field: field, error: error, children: _jsx(DatePicker, { value: value ?? field.default, onChange: next => {
+                onChange(next);
+                /* A picker has no blur: the value is committed by a discrete choice, not by leaving a
+                   text box. Validating on change is right here for the same reason it is wrong for a
+                   text field — there is no half-typed state to be unkind about. */
+                onBlur?.();
+            }, mode: field.type === 'datetime' ? 'datetime' : 'date', min: field.constraints?.min, max: field.constraints?.max, error: Boolean(error), testID: `${field.key}-picker`, "aria-label": field.label, "aria-labelledby": `${field.key}-label` }) }));
+}
+//# sourceMappingURL=DateField.js.map