@appinternalleads/ui 0.2.0

package/dist/esm/core/Layer.d.ts

@@ -0,0 +1,99 @@
+import { type ReactNode } from 'react';
+import { View } from 'react-native';
+/**
+ * **A layer above the page — the one primitive the blocks' menu, popover and modal share.**
+ *
+ * It is `Modal` underneath because that is what gives, on the web, the three things a layer must
+ * have and a hand-positioned `View` does not: it escapes every ancestor's `overflow` and stacking
+ * context, it traps focus, and Escape reaches `onRequestClose` (react-native-web's own
+ * implementation). On native it is the system modal window. The layer adds a backdrop that closes
+ * on press, placement, and focus return — which `Modal` leaves to the caller.
+ *
+ * Lives in `core/` because `Modal` and `useWindowDimensions` are platform APIs, and `react-native`
+ * is imported by `src/core` and `src/tokens` and nowhere else.
+ */
+export type LayerRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type LayerPlacement = 
+/**
+ * Below an anchor, clamped inside the window with an 8px margin. Menus and popovers. `side:
+ * 'above'` opens it upward instead (a menu on a card's footer button); `align: 'end'` lines its
+ * right edge up with the anchor's.
+ */
+{
+    kind: 'anchor';
+    rect: LayerRect | null;
+    width: number;
+    side?: 'below' | 'above';
+    align?: 'start' | 'end';
+}
+/** Centred, at most `maxWidth` wide and never wider than the window less 32px. Dialogs. */
+ | {
+    kind: 'center';
+    maxWidth: number;
+};
+/** The margin a layer keeps from the window edge, so a menu at 372px never touches the glass. */
+export declare const LAYER_MARGIN = 8;
+/** Where a `width`-wide layer below `rect` goes in a `win`-sized window. Pure; exported for tests. */
+export declare function placeBelow(rect: LayerRect, width: number, win: {
+    width: number;
+    height: number;
+}): {
+    left: number;
+    top: number;
+    width: number;
+};
+/**
+ * Where a `width`-wide layer ABOVE `rect` goes: its bottom edge 6px over the anchor, so its height
+ * never has to be known. `align: 'end'` puts its right edge on the anchor's. Pure; exported for tests.
+ */
+export declare function placeAbove(rect: LayerRect, width: number, win: {
+    width: number;
+    height: number;
+}, align?: 'start' | 'end'): {
+    left: number;
+    bottom: number;
+    width: number;
+};
+/**
+ * The anchor half: a ref for the trigger, its measured rect, and `focus()` for focus return.
+ * Measure on open, not on mount — a trigger in a scrolled list has moved since it mounted.
+ */
+export declare function useAnchor(): {
+    ref: import("react").RefObject<View | null>;
+    rect: LayerRect | null;
+    measure: () => void;
+    focus: () => void;
+};
+export declare function Layer({ open, onClose, placement, scrim, label, labelledBy, initialFocus, returnFocus, children, testID, }: {
+    open: boolean;
+    /** Backdrop press and Escape. Focus returns to what had it before the layer opened. */
+    onClose: () => void;
+    placement: LayerPlacement;
+    /** A dimmed backdrop — a modal dialog has one, a menu does not. */
+    scrim?: boolean;
+    /** The layer's accessible name, when it has no visible title to point at. */
+    label?: string;
+    /** The id of the visible title — preferred over `label` whenever a title exists. */
+    labelledBy?: string;
+    /**
+     * Put focus somewhere specific on open — a menu's selected item. Runs from INSIDE the layer, so
+     * the focus trap sees focus already inside and leaves it; without it the trap takes the first
+     * focusable descendant.
+     */
+    initialFocus?: () => void;
+    /**
+     * Where focus goes when the layer closes — the control that opened it. Run AFTER the modal has
+     * unmounted (this component's effect follows its child's cleanup), so it wins over the modal's own
+     * restore, which would otherwise return focus to whatever held it at open: in Safari a clicked
+     * button never takes focus, so that is `<body>`.
+     */
+    returnFocus?: () => void;
+    children: ReactNode;
+    testID?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Layer.d.ts.map

package/dist/esm/core/Layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.d.ts","sourceRoot":"","sources":["../../../src/core/Layer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAS,IAAI,EAAuB,MAAM,cAAc,CAAC;AAGhE;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,cAAc;AACxB;;;;GAIG;AACD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE;AAC9G,2FAA2F;GACzF;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,iGAAiG;AACjG,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;;EAKhG;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,GAAE,OAAO,GAAG,KAAe;;;;EAMlI;AAED;;;GAGG;AACH,wBAAgB,SAAS;;;;;EASxB;AAQD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAa,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GACxG,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,uFAAuF;IACvF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,+BA8DA"}

package/dist/esm/core/Layer.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Modal, View, useWindowDimensions } from 'react-native';
+import { blockScrim } from '../tokens';
+/** The margin a layer keeps from the window edge, so a menu at 372px never touches the glass. */
+export const LAYER_MARGIN = 8;
+/** Where a `width`-wide layer below `rect` goes in a `win`-sized window. Pure; exported for tests. */
+export function placeBelow(rect, width, win) {
+    const w = Math.min(width, win.width - LAYER_MARGIN * 2);
+    const left = Math.min(Math.max(LAYER_MARGIN, rect.x), win.width - w - LAYER_MARGIN);
+    const top = rect.y + rect.height + 4;
+    return { left, top, width: w };
+}
+/**
+ * Where a `width`-wide layer ABOVE `rect` goes: its bottom edge 6px over the anchor, so its height
+ * never has to be known. `align: 'end'` puts its right edge on the anchor's. Pure; exported for tests.
+ */
+export function placeAbove(rect, width, win, align = 'start') {
+    const w = Math.min(width, win.width - LAYER_MARGIN * 2);
+    const x = align === 'end' ? rect.x + rect.width - w : rect.x;
+    const left = Math.min(Math.max(LAYER_MARGIN, x), win.width - w - LAYER_MARGIN);
+    const bottom = Math.max(LAYER_MARGIN, win.height - rect.y + 6);
+    return { left, bottom, width: w };
+}
+/**
+ * The anchor half: a ref for the trigger, its measured rect, and `focus()` for focus return.
+ * Measure on open, not on mount — a trigger in a scrolled list has moved since it mounted.
+ */
+export function useAnchor() {
+    const ref = useRef(null);
+    const [rect, setRect] = useState(null);
+    const measure = useCallback(() => {
+        const el = ref.current;
+        el?.measureInWindow?.((x, y, width, height) => setRect({ x, y, width, height }));
+    }, []);
+    const focus = useCallback(() => { ref.current?.focus?.(); }, []);
+    return { ref, rect, measure, focus };
+}
+/** Runs `run` once, from inside the layer, after the layer's content has mounted. */
+function FocusOnMount({ run }) {
+    useEffect(() => { run(); }, [run]);
+    return null;
+}
+export function Layer({ open, onClose, placement, scrim = false, label, labelledBy, initialFocus, returnFocus, children, testID, }) {
+    const win = useWindowDimensions();
+    /* Never open before mount. react-native-web's Modal creates its portal element DURING render on
+       the client but renders nothing on the server, so a layer that starts open (a restored session
+       with its menu showing) broke hydration — and the discarded render left portal nodes behind that
+       later failed to unmount. One frame later is indistinguishable to a person. */
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    const box = placement.kind === 'anchor'
+        ? (placement.rect
+            ? (placement.side === 'above'
+                ? placeAbove(placement.rect, placement.width, win, placement.align)
+                : placement.align === 'end'
+                    ? placeBelow({ ...placement.rect, x: placement.rect.x + placement.rect.width - Math.min(placement.width, win.width - LAYER_MARGIN * 2) }, placement.width, win)
+                    : placeBelow(placement.rect, placement.width, win))
+            : { left: LAYER_MARGIN, top: LAYER_MARGIN, width: Math.min(placement.width, win.width - LAYER_MARGIN * 2) })
+        : null;
+    const closeRef = useRef(onClose);
+    closeRef.current = onClose;
+    /* Native has no focus trap to undo, so the effect is enough there; on the web `onDismiss` fires
+       once the modal's content — and its trap's own focus restore — is gone, and runs last. */
+    const wasOpen = useRef(open);
+    useEffect(() => {
+        if (wasOpen.current && !open)
+            returnFocus?.();
+        wasOpen.current = open;
+    }, [open, returnFocus]);
+    /* `Modal`'s own content element IS the dialog (`role="dialog"`, `aria-modal`) on the web — the
+       name goes on it, rather than on a second dialog nested inside. */
+    return (_jsx(Modal, { visible: open && mounted, transparent: true, animationType: "none", onRequestClose: onClose, onDismiss: () => returnFocus?.(), ...{ 'aria-label': labelledBy ? undefined : label, 'aria-labelledby': labelledBy }, children: _jsxs(View, { style: { flex: 1, justifyContent: 'center', alignItems: 'center' }, children: [_jsxs(View, { testID: testID, style: [
+                        { zIndex: 1 },
+                        box
+                            ? { position: 'absolute', left: box.left, top: box.top, bottom: box.bottom, width: box.width }
+                            : { width: '100%', maxWidth: Math.min(placement.maxWidth, win.width - 32) },
+                    ], children: [children, initialFocus ? _jsx(FocusOnMount, { run: initialFocus }) : null] }), _jsx(View, { "aria-hidden": true, testID: testID ? `${testID}-backdrop` : 'layer-backdrop', onStartShouldSetResponder: () => true, onResponderRelease: () => closeRef.current(), style: { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, backgroundColor: scrim ? blockScrim : 'transparent' } })] }) }));
+}
+//# sourceMappingURL=Layer.js.map

package/dist/esm/core/Layer.js.map

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

package/dist/esm/core/Motion.d.ts

@@ -0,0 +1,33 @@
+import { Animated } from 'react-native';
+/**
+ * **A looping 0→1 driver, and the view that can be styled from one.**
+ *
+ * The input-widget handoff specifies four continuous animations — the recorder's halo and
+ * waveform, the indeterminate runner, the spinner. Every one of them is a value repeating over
+ * time, so rather than four bespoke components this exposes the driver and lets each widget
+ * interpolate it into the property the handoff names.
+ *
+ * It lives in `core/` for the same reason every other platform module does: `react-native` is
+ * imported by `src/core/` and `src/tokens/` and nowhere else, and `Animated` is as much a
+ * platform API as `View` is.
+ */
+export type Loop = Animated.Value;
+/** `Animated.View`, re-exported so a widget can style from a loop without importing RN. */
+export declare const MotionView: Animated.AnimatedComponent<typeof import("react-native").View>;
+/**
+ * A value that runs 0→1 forever.
+ *
+ * **Reduce Motion parks it at `rest` rather than slowing it down.** A user who has asked for no
+ * motion has asked for none; a gentler loop is still a loop. Widgets that animate to convey
+ * *state* (recording, working) must therefore also say it in words — which is why every one of
+ * them here carries a status line.
+ */
+export declare function useLoop({ duration, delay, enabled, rest, easing, }: {
+    duration: number;
+    delay?: number;
+    enabled?: boolean;
+    /** Where the value sits when the loop is not running. */
+    rest?: number;
+    easing?: (v: number) => number;
+}): Loop;
+//# sourceMappingURL=Motion.d.ts.map

package/dist/esm/core/Motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion.d.ts","sourceRoot":"","sources":["../../../src/core/Motion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAGhD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;AAElC,2FAA2F;AAC3F,eAAO,MAAM,UAAU,gEAAgB,CAAC;AAExC;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EAAE,KAAS,EAAE,OAAc,EAAE,IAAQ,EAAE,MAAsB,GACtE,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC,GAAG,IAAI,CA0BP"}

package/dist/esm/core/Motion.js

@@ -0,0 +1,38 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { useReduceMotion } from './platform';
+/** `Animated.View`, re-exported so a widget can style from a loop without importing RN. */
+export const MotionView = Animated.View;
+/**
+ * A value that runs 0→1 forever.
+ *
+ * **Reduce Motion parks it at `rest` rather than slowing it down.** A user who has asked for no
+ * motion has asked for none; a gentler loop is still a loop. Widgets that animate to convey
+ * *state* (recording, working) must therefore also say it in words — which is why every one of
+ * them here carries a status line.
+ */
+export function useLoop({ duration, delay = 0, enabled = true, rest = 0, easing = Easing.linear, }) {
+    const reduced = useReduceMotion();
+    const value = useRef(new Animated.Value(rest)).current;
+    const run = enabled && !reduced;
+    useEffect(() => {
+        if (!run) {
+            value.setValue(rest);
+            return;
+        }
+        value.setValue(0);
+        const anim = Animated.loop(Animated.timing(value, {
+            toValue: 1,
+            duration,
+            delay,
+            easing,
+            /* Transform and opacity go to the native driver; width, height and colour cannot. */
+            useNativeDriver: false,
+        }));
+        anim.start();
+        return () => anim.stop();
+    }, [run, duration, delay, rest, easing, value]);
+    return value;
+}
+//# sourceMappingURL=Motion.js.map

package/dist/esm/core/Motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion.js","sourceRoot":"","sources":["../../../src/core/Motion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAgB7C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;AAExC;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAQtE;IACC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IACvD,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;YACrB,OAAO,EAAE,CAAC;YACV,QAAQ;YACR,KAAK;YACL,MAAM;YACN,qFAAqF;YACrF,eAAe,EAAE,KAAK;SACvB,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/core/Pressable.d.ts

@@ -0,0 +1,117 @@
+import type { ReactNode, Ref } from 'react';
+import { type StyleProp, type View, type ViewStyle } from 'react-native';
+import { space } from '../tokens';
+import { type GroundToken, type RadiusToken } from './roles';
+export type PressableProps = {
+    children?: ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+    /**
+     * Hover. **Web-only by nature** — a touch device has no hover, and RN forwards these only where
+     * a pointer exists. Never carry state a touch user cannot reach through hover alone.
+     */
+    onHoverIn?: () => void;
+    onHoverOut?: () => void;
+    row?: boolean;
+    align?: ViewStyle['alignItems'];
+    justify?: ViewStyle['justifyContent'];
+    gap?: keyof typeof space;
+    /** Share a row equally — two actions weighted the same are two actions weighted the same. */
+    flex?: number;
+    p?: keyof typeof space;
+    px?: keyof typeof space;
+    py?: keyof typeof space;
+    bg?: GroundToken;
+    /** As `Box`. A scrim is usually pressable — tapping it dismisses. */
+    scrim?: 'default' | 'destructive';
+    radius?: RadiusToken;
+    /**
+     * How a press reads. **`scale` is the button's gesture, `dim` is everything else's.**
+     *
+     * A button presses by shrinking and never by changing colour or dipping opacity — a colour
+     * change on press competes with the state the colour already encodes.
+     */
+    press?: 'dim' | 'scale';
+    /** Elevation. `accent` is the one coloured shadow in the system, and only a primary button has it. */
+    lift?: 1 | 2 | 3 | 'accent';
+    /** A hairline ring. The ring IS the border — never add one alongside. */
+    edge?: 'outline';
+    minHeight?: number;
+    alignSelf?: ViewStyle['alignSelf'];
+    /**
+     * Square hit area in points. **44 is the floor and the default**, and it is why a control's
+     * glyph is usually much smaller than the box around it — the target is padding, not the mark.
+     */
+    hit?: number;
+    width?: ViewStyle['width'];
+    height?: ViewStyle['height'];
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    /**
+     * What this control IS. `button` is the default and stays right for almost everything.
+     *
+     * `checkbox` exists because a checkbox is not a button that happens to look ticked: a screen
+     * reader announces a role and a checked state, and a pressable with only an `aria-label` tells
+     * it the name and nothing about the state. `components/checklist` is the first consumer; see
+     * `docs/components/checklist/CHECKLIST-DESIGN.md` §17.
+     */
+    role?: 'button' | 'checkbox' | 'switch' | 'tab' | 'link' | 'radio' | 'menuitem' | 'menuitemradio' | 'option' | 'spinbutton';
+    /** A spinbutton's value and bounds, forwarded as the DOM's own `aria-value*`. */
+    'aria-valuenow'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuemax'?: number;
+    'aria-valuetext'?: string;
+    /** Press start and end, for hold-to-repeat. `onPress` still fires on release as always. */
+    onPressIn?: () => void;
+    onPressOut?: () => void;
+    'aria-label'?: string;
+    /** A toggle control's own state — a selected filter tile, an active tab. Omit for a plain action. */
+    'aria-pressed'?: boolean;
+    /** A `tab` role's state (batch 6: Criteria Spider's segmented tablist). */
+    'aria-selected'?: boolean;
+    /**
+     * A checkbox's, radio's or switch's own state. Required whenever the role has one. `'mixed'` is
+     * a tri-state checkbox parent — some, not all, of its children checked.
+     */
+    'aria-checked'?: boolean | 'mixed';
+    /** The current item in a set — a stepper's current step, a pager's current page. */
+    'aria-current'?: boolean | 'step' | 'page';
+    /** What pressing this opens. A menu trigger says `menu`, so a screen reader announces it. */
+    'aria-haspopup'?: 'menu' | 'dialog' | 'listbox';
+    /** Working. A button mid-operation is still a button, and says so. */
+    'aria-busy'?: boolean;
+    /** An id, so a popover or a message can point back at this control. */
+    nativeID?: string;
+    /**
+     * **Keyboard, for the controls whose keys are part of their contract** — a radio group's arrows,
+     * a stepper's Home/End, a menu's Escape. Web-only by nature: RN forwards it where a keyboard
+     * event exists. Never the only way to do something a touch user must also be able to do.
+     */
+    onKeyDown?: (e: {
+        key: string;
+        preventDefault: () => void;
+    }) => void;
+    /** Roving focus: the one item of a group that takes Tab is `0`, its siblings `-1`. */
+    tabIndex?: 0 | -1;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** For roving focus and focus return — the one reason a control is ever focused from code. */
+    ref?: Ref<View>;
+    /** A disclosure's state, with the id of what it discloses. */
+    'aria-expanded'?: boolean;
+    'aria-controls'?: string;
+    /**
+     * The id of text that explains this control — a gate's reason, a failure's message. Distinct
+     * from the label: the label is what it is, this is why it is the way it is.
+     */
+    'aria-describedby'?: string;
+};
+/**
+ * The interactive primitive.
+ *
+ * **A disabled control dims; it does not disappear.** A button that vanishes at its limit moves
+ * whatever sits beside it under the thumb already reaching for it, so the user presses the wrong
+ * thing at exactly the moment they were told they could not press the right one.
+ */
+export declare function Pressable({ children, onPress, disabled, onHoverIn, onHoverOut, row, align, justify, gap, flex, p, px, py, bg, scrim: scrimTone, radius, hit, width, height, style, testID, press, lift, edge, minHeight, alignSelf, role, nativeID, onKeyDown, tabIndex, onFocus, onBlur, ref, onPressIn, onPressOut, 'aria-valuenow': ariaValueNow, 'aria-valuemin': ariaValueMin, 'aria-valuemax': ariaValueMax, 'aria-valuetext': ariaValueText, 'aria-current': ariaCurrent, 'aria-haspopup': ariaHasPopup, 'aria-busy': ariaBusy, 'aria-label': ariaLabel, 'aria-pressed': ariaPressed, 'aria-selected': ariaSelected, 'aria-checked': ariaChecked, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls, 'aria-describedby': ariaDescribedBy, }: PressableProps): import("react").JSX.Element;
+//# sourceMappingURL=Pressable.d.ts.map

package/dist/esm/core/Pressable.d.ts.map

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

package/dist/esm/core/Pressable.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable as RNPressable } from 'react-native';
+import { focusRingFor, liftAccent, motion, outlineEdge, scrim, space, useDs } from '../tokens';
+import { isKeyboardModality } from './focusVisible';
+import { groundFor, radiusFor } from './roles';
+/**
+ * The interactive primitive.
+ *
+ * **A disabled control dims; it does not disappear.** A button that vanishes at its limit moves
+ * whatever sits beside it under the thumb already reaching for it, so the user presses the wrong
+ * thing at exactly the moment they were told they could not press the right one.
+ */
+export function Pressable({ children, onPress, disabled, onHoverIn, onHoverOut, row, align = 'center', justify = 'center', gap, flex, p, px, py, bg, scrim: scrimTone, radius, hit, width, height, style, testID, press = 'dim', lift, edge, minHeight, alignSelf, role = 'button', nativeID, onKeyDown, tabIndex, onFocus, onBlur, ref, onPressIn, onPressOut, 'aria-valuenow': ariaValueNow, 'aria-valuemin': ariaValueMin, 'aria-valuemax': ariaValueMax, 'aria-valuetext': ariaValueText, 'aria-current': ariaCurrent, 'aria-haspopup': ariaHasPopup, 'aria-busy': ariaBusy, 'aria-label': ariaLabel, 'aria-pressed': ariaPressed, 'aria-selected': ariaSelected, 'aria-checked': ariaChecked, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls, 'aria-describedby': ariaDescribedBy, }) {
+    const ds = useDs();
+    const s = (t) => (t === undefined ? undefined : space[t]);
+    return (_jsx(RNPressable, { onPress: onPress, disabled: disabled, onHoverIn: onHoverIn, onHoverOut: onHoverOut, testID: testID, 
+        /* `menuitemradio` is real ARIA that RN's `Role` union omits; react-native-web passes it through. */
+        role: role, ref: ref, nativeID: nativeID, onFocus: onFocus, onBlur: onBlur, tabIndex: tabIndex, ...(onKeyDown ? { onKeyDown } : null), onPressIn: onPressIn, onPressOut: onPressOut, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuetext": ariaValueText, "aria-current": ariaCurrent, "aria-haspopup": ariaHasPopup, "aria-busy": ariaBusy, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-selected": ariaSelected, "aria-checked": ariaChecked, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, "aria-disabled": disabled, style: (state) => {
+            const { pressed } = state;
+            /* react-native-web reports `focused` in the same state object; native reports `pressed` only,
+               and a native focus ring is the platform's. */
+            const focusVisible = Boolean(state.focused) && isKeyboardModality();
+            return [
+                {
+                    flexDirection: row ? 'row' : 'column',
+                    alignItems: align,
+                    justifyContent: justify,
+                    gap: s(gap),
+                    flex,
+                    padding: s(p),
+                    paddingHorizontal: s(px),
+                    paddingVertical: s(py),
+                    backgroundColor: scrimTone ? scrim[scrimTone] : bg ? groundFor(ds.colors, bg) : undefined,
+                    borderRadius: radius ? radiusFor(radius) : undefined,
+                    width: width ?? hit,
+                    height: height ?? hit,
+                    alignSelf,
+                    minWidth: hit === undefined ? undefined : hit,
+                    minHeight: minHeight ?? (hit === undefined ? undefined : hit),
+                    boxShadow: lift === 'accent' ? liftAccent
+                        : lift === 3 ? ds.edge3
+                            : lift === 2 ? ds.lift2
+                                : lift === 1 ? ds.lift1
+                                    : edge === 'outline' ? outlineEdge
+                                        : undefined,
+                    opacity: disabled ? 0.4 : press === 'dim' && pressed ? 0.7 : 1,
+                    transform: press === 'scale' ? [{ scale: pressed ? motion.pressScale : 1 }] : undefined,
+                },
+                style,
+                /* The Solarium 0.2.0 keyboard focus ring (mandatory, onboarding PRD §1.7) — after `style` so a
+                   caller's own shadow cannot hide it, and with the browser outline turned off only when this
+                   ring replaces it. */
+                focusVisible ? { boxShadow: focusRingFor(ds.colors), outlineStyle: 'none' } : null,
+            ];
+        }, children: children }));
+}
+//# sourceMappingURL=Pressable.js.map

package/dist/esm/core/Pressable.js.map

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

package/dist/esm/core/Radar.d.ts

@@ -0,0 +1,48 @@
+/**
+ * **A radar chart's drawing — rings, spokes, polygons and dots — and nothing else.**
+ *
+ * Batch 6's Criteria Spider draws in SVG (a polygon has no View equivalent), and SVG lives here
+ * for the reason `Arc` gives: `src/core/` is where a renderer dependency may be imported. The
+ * caller does the geometry (points in viewBox units, already scaled and tweened) and places the
+ * HTML axis labels over it; this only paints. Decorative to a screen reader unless `label` is
+ * given — then it is one `img` with that summary.
+ */
+export type RadarShape = {
+    points: [number, number][];
+    stroke: string;
+    strokeWidth?: number;
+    /** "4 3" for the compare overlay. */
+    dash?: string;
+    fill?: string;
+    fillOpacity?: number;
+    opacity?: number;
+};
+export type RadarDot = {
+    x: number;
+    y: number;
+    r?: number;
+    fill: string;
+    stroke: string;
+    opacity?: number;
+    scale?: number;
+};
+export type RadarProps = {
+    /** The viewBox, e.g. 400 × 330. */
+    width: number;
+    height: number;
+    /** Ring polygons (outermost last) and the spoke ends, in viewBox units. */
+    rings: [number, number][][];
+    spokes: {
+        from: [number, number];
+        to: [number, number];
+        color: string;
+    }[];
+    ringColor: string;
+    shapes: RadarShape[];
+    dots?: RadarDot[];
+    /** The rendered width cap — the handoff's 380 on web, 300 on mobile. */
+    maxWidth?: number;
+    label?: string;
+};
+export declare function Radar({ width, height, rings, spokes, ringColor, shapes, dots, maxWidth, label }: RadarProps): import("react").JSX.Element;
+//# sourceMappingURL=Radar.d.ts.map

package/dist/esm/core/Radar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radar.d.ts","sourceRoot":"","sources":["../../../src/core/Radar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5H,MAAM,MAAM,UAAU,GAAG;IACvB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;IAC5B,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,+BA2BhH"}

package/dist/esm/core/Radar.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Circle, Line, Polygon } from 'react-native-svg';
+const pts = (p) => p.map(([x, y]) => `${x.toFixed(1)},${y.toFixed(1)}`).join(' ');
+export function Radar({ width, height, rings, spokes, ringColor, shapes, dots = [], maxWidth, label }) {
+    return (_jsxs(Svg, { viewBox: `0 0 ${width} ${height}`, width: "100%", style: { maxWidth, aspectRatio: width / height, alignSelf: 'center' }, ...(label ? { role: 'img', 'aria-label': label } : { 'aria-hidden': true }), children: [rings.map((r, i) => _jsx(Polygon, { points: pts(r), fill: "none", stroke: ringColor, strokeWidth: 1 }, `r${i}`)), spokes.map((s, i) => _jsx(Line, { x1: s.from[0], y1: s.from[1], x2: s.to[0], y2: s.to[1], stroke: s.color, strokeWidth: 1 }, `s${i}`)), shapes.map((s, i) => (_jsx(Polygon, { points: pts(s.points), stroke: s.stroke, strokeWidth: s.strokeWidth ?? 1.5, strokeDasharray: s.dash, strokeLinejoin: "round", fill: s.fill ?? 'none', fillOpacity: s.fillOpacity ?? 0, opacity: s.opacity ?? 1 }, `p${i}`))), dots.map((d, i) => (_jsx(Circle, { cx: d.x, cy: d.y, r: (d.r ?? 4) * (d.scale ?? 1), fill: d.fill, stroke: d.stroke, strokeWidth: 1.5, opacity: d.opacity ?? 1 }, `d${i}`)))] }));
+}
+//# sourceMappingURL=Radar.js.map

package/dist/esm/core/Radar.js.map

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

package/dist/esm/core/RemoteImage.d.ts

@@ -0,0 +1,11 @@
+import type { RemoteImageProps } from './RemoteImage.types';
+export type { RemoteImageProps };
+/**
+ * **The native half of the third split primitive.** `RemoteImage.web.tsx` is the other.
+ *
+ * React Native's `Image` cannot render an SVG, so a remote logo needs `SvgUri` — and
+ * `react-native-svg-web` does not ship `SvgUri` at all. The browser needs neither: it renders SVG
+ * inside an `<img>` like any other format, so the web half is one component and this one is two.
+ */
+export declare function RemoteImage({ uri, width, height, onError }: RemoteImageProps): import("react").JSX.Element;
+//# sourceMappingURL=RemoteImage.d.ts.map

package/dist/esm/core/RemoteImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteImage.d.ts","sourceRoot":"","sources":["../../../src/core/RemoteImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAKjC;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAK5E"}

package/dist/esm/core/RemoteImage.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from 'react-native';
+import { SvgUri } from 'react-native-svg';
+/** Raster formats `Image` handles and `SvgUri` cannot. Everything else is assumed SVG. */
+const RASTER = /\.(png|jpe?g|gif|webp|bmp)(\?|#|$)/i;
+/**
+ * **The native half of the third split primitive.** `RemoteImage.web.tsx` is the other.
+ *
+ * React Native's `Image` cannot render an SVG, so a remote logo needs `SvgUri` — and
+ * `react-native-svg-web` does not ship `SvgUri` at all. The browser needs neither: it renders SVG
+ * inside an `<img>` like any other format, so the web half is one component and this one is two.
+ */
+export function RemoteImage({ uri, width, height, onError }) {
+    if (RASTER.test(uri)) {
+        return _jsx(Image, { source: { uri }, style: { width, height }, resizeMode: "contain", onError: onError, alt: "" });
+    }
+    return _jsx(SvgUri, { uri: uri, width: width, height: height, onError: onError });
+}
+//# sourceMappingURL=RemoteImage.js.map

package/dist/esm/core/RemoteImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteImage.js","sourceRoot":"","sources":["../../../src/core/RemoteImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,0FAA0F;AAC1F,MAAM,MAAM,GAAG,qCAAqC,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAoB;IAC3E,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,GAAG,CAAC;IAC5G,CAAC;IACD,OAAO,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC9E,CAAC"}

package/dist/esm/core/RemoteImage.types.d.ts

@@ -0,0 +1,7 @@
+export type RemoteImageProps = {
+    uri: string;
+    width: number;
+    height: number;
+    onError?: () => void;
+};
+//# sourceMappingURL=RemoteImage.types.d.ts.map

package/dist/esm/core/RemoteImage.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteImage.types.d.ts","sourceRoot":"","sources":["../../../src/core/RemoteImage.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}

package/dist/esm/core/RemoteImage.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RemoteImage.types.js.map

package/dist/esm/core/RemoteImage.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteImage.types.js","sourceRoot":"","sources":["../../../src/core/RemoteImage.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/RemoteImage.web.d.ts

@@ -0,0 +1,8 @@
+import type { RemoteImageProps } from './RemoteImage.types';
+export type { RemoteImageProps };
+/**
+ * **The web half.** One component, because the browser renders SVG inside an `<img>` exactly like
+ * a PNG — so the raster/vector fork the native side needs does not exist here.
+ */
+export declare function RemoteImage({ uri, width, height, onError }: RemoteImageProps): import("react").JSX.Element;
+//# sourceMappingURL=RemoteImage.web.d.ts.map

package/dist/esm/core/RemoteImage.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteImage.web.d.ts","sourceRoot":"","sources":["../../../src/core/RemoteImage.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAI5E"}