@apostel/bedrock 0.1.1 → 0.2.0

package/README.md

@@ -3,7 +3,7 @@
 Headless React primitives that let the browser do the layering, positioning and
 dismissal.
 
-Radix-shaped anatomy — compound components, `asChild`, the part names you
+Radix-shaped anatomy: compound components, `asChild`, the part names you
 already type. Underneath, the top layer, invoker commands and anchor positioning
 do the work that `Portal`, `Presence`, `DismissableLayer` and Floating UI used to
 do.
@@ -45,22 +45,27 @@ bundle never arrives.
 
 Measured with esbuild, minified and gzipped, React external:
 
+<!-- sizes-figure -->
+
 | primitive | bedrock | Radix | |
 | --- | --- | --- | --- |
-| Checkbox | **0.70 kB** | 5.9 kB | 8.5× |
-| Slider | **0.74 kB** | 9.8 kB | 13× |
-| Select | **0.84 kB** | 31.5 kB | 37× |
+| Checkbox | **0.70 kB** | 5.9 kB | 8.4× |
+| Slider | **0.74 kB** | 9.8 kB | 13.2× |
+| Select | **0.84 kB** | 31.5 kB | 37.5× |
 | Accordion | **1.61 kB** | 8.8 kB | 5.5× |
-| Dialog | **1.95 kB** | 13.7 kB | 7× |
-| Popover | **2.11 kB** | 24.2 kB | 11× |
+| Dialog | **1.95 kB** | 13.7 kB | 7.0× |
+| Popover | **2.11 kB** | 24.2 kB | 11.5× |
 | Tooltip | **2.55 kB** | 19.3 kB | 7.6× |
 | DropdownMenu | **3.55 kB** | 31.6 kB | 8.9× |
 
-The gap widens where the platform hands over a whole element and narrows where
-roving focus gets involved — menus save least, and
-[should you switch?](./docs/should-you-switch.md#3-the-saving-is-uneven-and-menus-barely-save-anything)
-says so in detail. The larger win is behavioural: no z-index fights, no portal
-clipping, no repositioning on every scroll frame.
+The ratio is largest where the platform hands over a whole element and smallest
+where it hands over nothing but the layering. Menus are the case to budget from:
+they save more kilobytes than anything but Select, and they still leave the
+largest bedrock bundle in the library, because roving focus and typeahead have
+no native equivalent and ship either way.
+[Should you switch?](./docs/should-you-switch.md#3-the-saving-is-uneven)
+breaks that down by group. The larger win is behavioural anyway: no z-index
+fights, no portal clipping, no repositioning on every scroll frame.
 
 ## What it costs
 
@@ -77,26 +82,26 @@ The component still opens, closes, traps focus and is announced correctly. Below
 it, nothing opens at all.
 
 [Browser support](./docs/compat.md) has every feature, its minimum version in
-each engine, and what its absence does to your UI — measured in the browser you
+each engine, and what its absence does to your UI, measured in the browser you
 open it in.
 
 ## Where to start
 
-- **[Getting started](./docs/getting-started.md)** — install, first dialog, the
-  two roots.
-- **[Should you switch?](./docs/should-you-switch.md)** — the case against
+- **[Getting started](./docs/getting-started.md)**: install, a first component,
+  and the one rule that applies to every trigger.
+- **[Should you switch?](./docs/should-you-switch.md)**: the case against
   adopting this. Read it first if you are evaluating.
-- **[Migrating from Radix](./docs/migration-from-radix.md)** — what changes,
+- **[Migrating from Radix](./docs/migration-from-radix.md)**: what changes,
   what breaks, and what to do about it.
-- **[shadcn registry](./docs/shadcn-registry.md)** — shadcn's own components with
+- **[shadcn registry](./docs/shadcn-registry.md)**: shadcn's own components with
   Radix swapped for bedrock, installable with `npx shadcn add`.
-- **[Agent skill](./skills/migrate-to-bedrock/SKILL.md)** — does the mechanical
+- **[Agent skill](./skills/migrate-to-bedrock/SKILL.md)**: does the mechanical
   migration and brings you the four decisions it cannot make for you.
 
 ## Status
 
-`0.1.0` on npm. All 29 primitives, 141 Playwright tests against real Chrome.
-What is missing is soak time and other engines — not components.
+`0.1.1` on npm. All 29 primitives, 200 Playwright tests against real Chrome.
+What is missing is soak time and other engines, not components.
 
 [Contributing](./CONTRIBUTING.md) · [Releasing](./RELEASING.md) ·
 [Changelog](./CHANGELOG.md)

package/dist/capabilities.d.ts

@@ -5,9 +5,10 @@
  * All of them are safe to call while server-rendering.
  */
 /**
- * `interestfor` — hover and focus intent without timers. Not standardised, and
- * not in Chrome stable as of 141, which is why Tooltip and HoverCard ship the
- * JavaScript path as their normal one rather than as a contingency.
+ * `interestfor` — hover and focus intent without timers. In Chrome since 142
+ * and in no other engine, and still not on a standards track, which is why
+ * Tooltip and HoverCard ship the JavaScript path as their normal one rather
+ * than as a contingency.
  */
 export declare function supportsInterestInvokers(): boolean;
 /** Anchor positioning. Without it, overlays land where the UA puts them. */

package/dist/capabilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,CAElD;AAED,4EAA4E;AAC5E,wBAAgB,yBAAyB,IAAI,OAAO,CAEnD;AAED,6EAA6E;AAC7E,wBAAgB,oBAAoB,IAAI,OAAO,CAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CAErD"}
+{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH;;;;;GAKG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,CAElD;AAED,4EAA4E;AAC5E,wBAAgB,yBAAyB,IAAI,OAAO,CAEnD;AAED,6EAA6E;AAC7E,wBAAgB,oBAAoB,IAAI,OAAO,CAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CAErD"}

package/dist/capabilities.js

@@ -8,9 +8,10 @@ import { useSyncExternalStore } from 'react';
 const hasDom = typeof window !== 'undefined';
 const noopSubscribe = () => () => { };
 /**
- * `interestfor` — hover and focus intent without timers. Not standardised, and
- * not in Chrome stable as of 141, which is why Tooltip and HoverCard ship the
- * JavaScript path as their normal one rather than as a contingency.
+ * `interestfor` — hover and focus intent without timers. In Chrome since 142
+ * and in no other engine, and still not on a standards track, which is why
+ * Tooltip and HoverCard ship the JavaScript path as their normal one rather
+ * than as a contingency.
  */
 export function supportsInterestInvokers() {
     return hasDom && 'interestForElement' in HTMLButtonElement.prototype;

package/dist/capabilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.js","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAC5C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAA;AAEpC;;;;GAIG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,MAAM,IAAI,oBAAoB,IAAI,iBAAiB,CAAC,SAAS,CAAA;AACtE,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,yBAAyB;IACvC,OAAO,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACrD,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,oBAAoB;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAEzB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CAAC,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,OAAO,CAAC,OAAO,KAAK,MAAM,CAAA;AACnC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,2BAA2B;IACzC,OAAO,oBAAoB,CAAC,aAAa,EAAE,wBAAwB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;AACnF,CAAC"}
+{"version":3,"file":"capabilities.js","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAC5C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,MAAM,IAAI,oBAAoB,IAAI,iBAAiB,CAAC,SAAS,CAAA;AACtE,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,yBAAyB;IACvC,OAAO,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACrD,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,oBAAoB;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAEzB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CAAC,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,OAAO,CAAC,OAAO,KAAK,MAAM,CAAA;AACnC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,2BAA2B;IACzC,OAAO,oBAAoB,CAAC,aAAa,EAAE,wBAAwB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;AACnF,CAAC"}

package/dist/collapsible/root.d.ts

@@ -6,8 +6,8 @@ export interface CollapsibleRootProps extends ComponentPropsWithRef<'details'>,
     onOpenChange?(open: boolean): void;
 }
 /**
- * Unlike Dialog, the root *is* the element: `<summary>` only works as a child
- * of `<details>`, so there is nothing to wire by id and no invoker involved.
+ * `<summary>` only works as a child of `<details>`, so the parts are bound by
+ * nesting: nothing to wire by id, no invoker involved.
  *
  * Which means `defaultOpen` is a plain attribute rather than an imperative call
  * on mount — the disclosure is open in the HTML before any script runs.

package/dist/collapsible/root.js

@@ -5,8 +5,8 @@ import { useOpenState } from '../open-state.js';
 import { Slot } from '../slot.js';
 import { CollapsibleContext } from './shared.js';
 /**
- * Unlike Dialog, the root *is* the element: `<summary>` only works as a child
- * of `<details>`, so there is nothing to wire by id and no invoker involved.
+ * `<summary>` only works as a child of `<details>`, so the parts are bound by
+ * nesting: nothing to wire by id, no invoker involved.
  *
  * Which means `defaultOpen` is a plain attribute rather than an imperative call
  * on mount — the disclosure is open in the HTML before any script runs.

package/dist/interest.d.ts

@@ -5,17 +5,24 @@ export interface InterestOptions {
     hoverableContent: boolean;
 }
 /**
- * Hover and focus intent, in JavaScript, for as long as `interestfor` is not
- * something we can rely on.
+ * Hover, focus and press intent, in JavaScript, for as long as `interestfor` is
+ * not something we can rely on.
  *
- * This is the fallback the compat table calls "replaceable": when the attribute
- * ships, `useInterest` stops attaching anything and the same props become
+ * This is the fallback the compat table calls "replaceable": where the attribute
+ * is supported, `useInterest` stops opening anything and the same props become
  * declarative. Nothing above it changes — which is the entire reason
  * `delayDuration` is not called `interest-show-delay`.
  *
- * Deliberately not a general hover library: it does the four things the pattern
- * needs — pointer in, pointer out, focus, blur — and leaves dismissal to the
- * popover, which already handles Escape and light dismiss.
+ * One thing stays attached either way. A long press ends in a click, and a
+ * browser answering the press itself still lets that click through, so the
+ * gesture previews the link *and* follows it. Tracking the press costs four
+ * listeners and an early return; leaving it to the platform costs a navigation
+ * nobody asked for.
+ *
+ * Deliberately not a general hover library: it does the gestures the pattern
+ * needs — pointer in, pointer out, focus, blur, and the long press that stands
+ * in for all four on a touch screen — and leaves dismissal to the popover,
+ * which already handles Escape and light dismiss.
  *
  * Listeners are attached when a node registers, not from an effect that runs
  * each render. That distinction is load-bearing: opening the card is itself a

package/dist/interest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interest.d.ts","sourceRoot":"","sources":["../src/interest.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,iEAAiE;IACjE,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,eAAe;4BA0D5E,WAAW,GAAG,IAAI;oCAclB,WAAW,GAAG,IAAI;EAiB5B"}
+{"version":3,"file":"interest.d.ts","sourceRoot":"","sources":["../src/interest.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,iEAAiE;IACjE,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AA6CD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,eAAe;4BAoO5E,WAAW,GAAG,IAAI;oCAWlB,WAAW,GAAG,IAAI;EAwB5B"}

package/dist/interest.js

@@ -1,17 +1,63 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { supportsInterestInvokers } from './capabilities.js';
 /**
- * Hover and focus intent, in JavaScript, for as long as `interestfor` is not
- * something we can rely on.
+ * A press long enough to be a deliberate gesture rather than a tap. iOS and
+ * Android both use half a second for their own long-press, so it is the number
+ * a thumb already knows — and it is deliberately not `showDelay`, because a
+ * press is a different gesture from a pointer coming to rest, and a consumer
+ * tuning one has said nothing about the other.
+ */
+const PRESS_DURATION = 500;
+/** How far a finger may drift and still be pressing rather than scrolling. */
+const PRESS_SLOP = 10;
+/** Long enough to catch the click a lift produces, short enough to catch only that one. */
+const CLICK_GRACE = 400;
+/**
+ * Whether the focus is one a tooltip should answer.
+ *
+ * Tapping a control focuses it on Android, and a tooltip that appears on tap is
+ * a popover with extra steps. `:focus-visible` is the platform's own answer to
+ * "did this focus come from a pointer", so we ask it rather than tracking the
+ * last input type ourselves.
+ */
+function focusIsVisible(node) {
+    try {
+        return node.matches(':focus-visible');
+    }
+    catch {
+        // An engine that does not know the selector throws. Showing on every focus
+        // is the older behaviour and the safer one: an unwanted tooltip beats a
+        // keyboard user who can never see one.
+        return true;
+    }
+}
+/**
+ * A touch pointer reports enter on touchdown and leave on lift, so the hover
+ * path would make every tap a half-open tooltip. Touch has its own gesture; the
+ * hover handlers are for the pointers that actually hover.
+ */
+function hovering(event) {
+    return event.pointerType !== 'touch';
+}
+/**
+ * Hover, focus and press intent, in JavaScript, for as long as `interestfor` is
+ * not something we can rely on.
  *
- * This is the fallback the compat table calls "replaceable": when the attribute
- * ships, `useInterest` stops attaching anything and the same props become
+ * This is the fallback the compat table calls "replaceable": where the attribute
+ * is supported, `useInterest` stops opening anything and the same props become
  * declarative. Nothing above it changes — which is the entire reason
  * `delayDuration` is not called `interest-show-delay`.
  *
- * Deliberately not a general hover library: it does the four things the pattern
- * needs — pointer in, pointer out, focus, blur — and leaves dismissal to the
- * popover, which already handles Escape and light dismiss.
+ * One thing stays attached either way. A long press ends in a click, and a
+ * browser answering the press itself still lets that click through, so the
+ * gesture previews the link *and* follows it. Tracking the press costs four
+ * listeners and an early return; leaving it to the platform costs a navigation
+ * nobody asked for.
+ *
+ * Deliberately not a general hover library: it does the gestures the pattern
+ * needs — pointer in, pointer out, focus, blur, and the long press that stands
+ * in for all four on a touch screen — and leaves dismissal to the popover,
+ * which already handles Escape and light dismiss.
  *
  * Listeners are attached when a node registers, not from an effect that runs
  * each render. That distinction is load-bearing: opening the card is itself a
@@ -23,18 +69,27 @@ export function useInterest({ showDelay, hideDelay, hoverableContent }) {
     const triggerRef = useRef(null);
     const contentRef = useRef(null);
     const timer = useRef(0);
+    const pressTimer = useRef(0);
+    const clickTimer = useRef(0);
+    // Null between gestures. `held` flips once our own press has lasted long
+    // enough to have opened something, which is what separates a press from a
+    // tap; `openAtDown` is what tells a press that opened the panel from a tap on
+    // a trigger whose panel was already showing.
+    const press = useRef(null);
     // Read at call time, so changing a delay never means rebinding anything.
     const options = useRef({ showDelay, hideDelay, hoverableContent });
     options.current = { showDelay, hideDelay, hoverableContent };
     const clear = useCallback(() => window.clearTimeout(timer.current), []);
+    const isOpen = useCallback(() => contentRef.current?.matches(':popover-open') === true, []);
+    const reveal = useCallback(() => {
+        const content = contentRef.current;
+        if (content && !isOpen())
+            content.showPopover();
+    }, [isOpen]);
     const show = useCallback(() => {
         clear();
-        timer.current = window.setTimeout(() => {
-            const content = contentRef.current;
-            if (content && !content.matches(':popover-open'))
-                content.showPopover();
-        }, options.current.showDelay);
-    }, [clear]);
+        timer.current = window.setTimeout(reveal, options.current.showDelay);
+    }, [clear, reveal]);
     const hide = useCallback(() => {
         clear();
         timer.current = window.setTimeout(() => {
@@ -43,32 +98,144 @@ export function useInterest({ showDelay, hideDelay, hoverableContent }) {
                 content.hidePopover();
         }, options.current.hideDelay);
     }, [clear]);
-    const keepOpen = useCallback(() => {
-        if (options.current.hoverableContent)
+    const enter = useCallback((event) => {
+        if (hovering(event))
+            show();
+    }, [show]);
+    const leave = useCallback((event) => {
+        if (hovering(event))
+            hide();
+    }, [hide]);
+    const focus = useCallback((event) => {
+        if (focusIsVisible(event.currentTarget))
+            show();
+    }, [show]);
+    const keepOpen = useCallback((event) => {
+        if (hovering(event) && options.current.hoverableContent)
             clear();
     }, [clear]);
-    const leaveContent = useCallback(() => {
-        if (options.current.hoverableContent)
+    const leaveContent = useCallback((event) => {
+        if (hovering(event) && options.current.hoverableContent)
             hide();
     }, [hide]);
+    const suppressClick = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+    /**
+     * The lift of a press produces a click, and on an `<a>` that click is a
+     * navigation. A press asked to see more about the control, not to activate
+     * it, so exactly one click is swallowed — with a deadline, so a press that
+     * ends without one does not leave a trap for the next real click.
+     */
+    const swallowClick = useCallback((node) => {
+        node.addEventListener('click', suppressClick, { capture: true, once: true });
+        window.clearTimeout(clickTimer.current);
+        clickTimer.current = window.setTimeout(() => node.removeEventListener('click', suppressClick, true), CLICK_GRACE);
+    }, [suppressClick]);
+    /**
+     * A long press is how a touch screen asks to see something without
+     * activating it — the gesture iOS uses for its own link previews, and the one
+     * `interestfor` answers where the platform runs intent itself. The press is
+     * tracked either way; only the opening is ours.
+     *
+     * While ours runs, selection is off. Otherwise the press is a text selection
+     * on Android and a selection magnifier on iOS before it is ever ours. It is
+     * turned off for the gesture rather than for the life of the trigger, because
+     * a hover card trigger is usually a link in a paragraph and permanently
+     * unselectable text drops out of the selection around it.
+     */
+    const startPress = useCallback((event) => {
+        const pointer = event;
+        if (pointer.pointerType !== 'touch')
+            return;
+        const node = event.currentTarget;
+        window.clearTimeout(pressTimer.current);
+        press.current = { x: pointer.clientX, y: pointer.clientY, held: false, openAtDown: isOpen() };
+        if (supportsInterestInvokers())
+            return;
+        node.style.setProperty('user-select', 'none');
+        node.style.setProperty('-webkit-user-select', 'none');
+        pressTimer.current = window.setTimeout(() => {
+            if (!press.current)
+                return;
+            press.current.held = true;
+            reveal();
+        }, PRESS_DURATION);
+    }, [isOpen, reveal]);
+    const endPress = useCallback((node) => {
+        window.clearTimeout(pressTimer.current);
+        press.current = null;
+        node.style.removeProperty('user-select');
+        node.style.removeProperty('-webkit-user-select');
+    }, []);
+    const movePress = useCallback((event) => {
+        const state = press.current;
+        if (!state || state.held)
+            return;
+        const pointer = event;
+        const drifted = Math.abs(pointer.clientX - state.x) > PRESS_SLOP ||
+            Math.abs(pointer.clientY - state.y) > PRESS_SLOP;
+        // A finger that has moved that far is scrolling, and a page that opens
+        // tooltips while you scroll past them is unusable.
+        if (drifted)
+            endPress(event.currentTarget);
+    }, [endPress]);
+    const liftPress = useCallback((event) => {
+        const state = press.current;
+        const node = event.currentTarget;
+        if (!state)
+            return;
+        endPress(node);
+        // The lift is a pointerup outside every open popover, and the popover the
+        // press opened did not exist when the finger went down — so as far as
+        // light dismiss is concerned it was never part of this gesture, and it
+        // closes. Re-assert it in the same task the dismissal ran in: nothing is
+        // painted between the two, so the card the press opened simply stays.
+        if (state.held)
+            reveal();
+        // Whoever opened it, the lift still produces a click, and on an `<a>` that
+        // click is a navigation. A browser answering the hold itself lets it
+        // through, so a long press there previews *and* follows the link; only
+        // that second half is ours to stop. A panel that was already showing when
+        // the finger went down is not this gesture's, and the tap under it stands.
+        if (state.held || (!state.openAtDown && isOpen()))
+            swallowClick(node);
+    }, [endPress, isOpen, reveal, swallowClick]);
+    const cancelPress = useCallback((event) => endPress(event.currentTarget), [endPress]);
+    // Android offers its own long-press menu on the same gesture, and whichever
+    // of the two the user gets should not be a race. iOS is asked in CSS instead,
+    // by the `-webkit-touch-callout` the trigger carries.
+    const suppressCallout = useCallback((event) => {
+        if (press.current)
+            event.preventDefault();
+    }, []);
     const bindTrigger = useCallback((node, add) => {
         const method = add ? 'addEventListener' : 'removeEventListener';
-        node[method]('pointerenter', show);
-        node[method]('pointerleave', hide);
+        // Touch captures its pointer implicitly, so every one of these lands on
+        // the trigger for the whole gesture, wherever the finger has gone. They
+        // are bound even where the platform runs intent itself, because the click
+        // a press ends in is left to us there — see `liftPress`.
+        node[method]('pointerdown', startPress);
+        node[method]('pointermove', movePress);
+        node[method]('pointerup', liftPress);
+        node[method]('pointercancel', cancelPress);
+        if (supportsInterestInvokers())
+            return;
+        node[method]('pointerenter', enter);
+        node[method]('pointerleave', leave);
         // Focus, not focusin: the trigger itself is the control, and a tooltip
         // should not appear because something inside it was focused.
-        node[method]('focus', show);
+        node[method]('focus', focus);
         node[method]('blur', hide);
-    }, [show, hide]);
+        node[method]('contextmenu', suppressCallout);
+    }, [startPress, movePress, liftPress, cancelPress, enter, leave, focus, hide, suppressCallout]);
     const bindContent = useCallback((node, add) => {
         const method = add ? 'addEventListener' : 'removeEventListener';
         node[method]('pointerenter', keepOpen);
         node[method]('pointerleave', leaveContent);
     }, [keepOpen, leaveContent]);
     const registerTrigger = useCallback((node) => {
-        // When the platform does the work, nothing is attached and no timer runs.
-        if (supportsInterestInvokers())
-            return;
         const previous = triggerRef.current;
         if (previous)
             bindTrigger(previous, false);
@@ -77,18 +244,22 @@ export function useInterest({ showDelay, hideDelay, hoverableContent }) {
             bindTrigger(node, true);
     }, [bindTrigger]);
     const registerInterestContent = useCallback((node) => {
-        if (supportsInterestInvokers())
-            return;
         const previous = contentRef.current;
         if (previous)
             bindContent(previous, false);
+        // Held either way: where the platform runs intent, the lift still has to
+        // ask whether this press is the reason the panel is showing.
         contentRef.current = node;
-        if (node)
+        if (node && !supportsInterestInvokers())
             bindContent(node, true);
     }, [bindContent]);
     // Only unmount. A pending timer outliving the component would call
     // showPopover() on a detached node.
-    useEffect(() => clear, [clear]);
+    useEffect(() => () => {
+        window.clearTimeout(timer.current);
+        window.clearTimeout(pressTimer.current);
+        window.clearTimeout(clickTimer.current);
+    }, []);
     return { registerTrigger, registerInterestContent };
 }
 //# sourceMappingURL=interest.js.map

package/dist/interest.js.map

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

package/dist/tooltip/parts.d.ts

@@ -11,6 +11,13 @@ export interface TooltipTriggerProps extends ComponentPropsWithRef<'button'>, As
  * The `interestfor` attribute is emitted only when the platform can act on it.
  * Otherwise the same node is handed to the JavaScript fallback, and nothing
  * about the markup a consumer writes changes either way.
+ *
+ * The callout suppression goes with the fallback rather than with the trigger:
+ * a long press is how a touch screen asks to see more, and on iOS the callout
+ * menu — the share sheet on a link, the copy bar on text — takes that gesture
+ * first. Where the platform runs intent itself it also owns that conflict, so
+ * we leave it alone. Selection is only turned off for the length of a press,
+ * in `interest.ts`, so a link in a paragraph still comes with the paragraph.
  */
 export declare function TooltipTrigger({ asChild, ref, style, ...props }: TooltipTriggerProps): import("react").JSX.Element;
 export interface TooltipContentProps extends ComponentPropsWithRef<'div'>, AsChildProps {

package/dist/tooltip/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/tooltip/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAmB,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,WAAW,CAAA;AAIlE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAI5C,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY;CAAG;AAE7F;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAiBpF;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IACrF,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,IAAY,EACZ,KAAgB,EAChB,UAAc,EACd,eAAsB,EACtB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAoBrB"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/tooltip/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAmB,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,WAAW,CAAA;AAIlE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAI5C,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY;CAAG;AAE7F;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAuBpF;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IACrF,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,IAAY,EACZ,KAAgB,EAChB,UAAc,EACd,eAAsB,EACtB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAoBrB"}

package/dist/tooltip/parts.js

@@ -13,11 +13,22 @@ import { useTooltipContext } from './shared.js';
  * The `interestfor` attribute is emitted only when the platform can act on it.
  * Otherwise the same node is handed to the JavaScript fallback, and nothing
  * about the markup a consumer writes changes either way.
+ *
+ * The callout suppression goes with the fallback rather than with the trigger:
+ * a long press is how a touch screen asks to see more, and on iOS the callout
+ * menu — the share sheet on a link, the copy bar on text — takes that gesture
+ * first. Where the platform runs intent itself it also owns that conflict, so
+ * we leave it alone. Selection is only turned off for the length of a press,
+ * in `interest.ts`, so a link in a paragraph still comes with the paragraph.
  */
 export function TooltipTrigger({ asChild, ref, style, ...props }) {
     const { id, anchor, native, registerTrigger } = useTooltipContext('Tooltip.Trigger');
     const Part = asChild ? Slot : 'button';
-    return (_jsx(Part, { ...props, ...(native ? { interestfor: id } : {}), "aria-describedby": id, style: { anchorName: anchor, ...style }, ref: useComposedRefs(ref, registerTrigger, (node) => validateTrigger(node, 'interest', 'Tooltip.Trigger')), "data-bedrock-tooltip-trigger": "" }));
+    return (_jsx(Part, { ...props, ...(native ? { interestfor: id } : {}), "aria-describedby": id, style: {
+            anchorName: anchor,
+            ...(native ? null : { WebkitTouchCallout: 'none' }),
+            ...style,
+        }, ref: useComposedRefs(ref, registerTrigger, (node) => validateTrigger(node, 'interest', 'Tooltip.Trigger')), "data-bedrock-tooltip-trigger": "" }));
 }
 export function TooltipContent({ asChild, children, side = 'top', align = 'center', sideOffset = 6, avoidCollisions = true, style, ref, ...props }) {
     const { id, open, anchor, kind, role, registerContent } = useTooltipContext('Tooltip.Content');

package/dist/tooltip/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/tooltip/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAyB,MAAM,WAAW,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAI5C;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAuB;IACnF,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpF,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnD,OAAO,CACL,KAAC,IAAI,OACC,KAAK,KACL,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,sBAErB,EAAE,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB,EACvD,GAAG,EAAE,eAAe,CAAc,GAAG,EAAE,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAC/D,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,iBAAiB,CAAC,CACrD,kCAC4B,EAAE,GAC/B,CACH,CAAA;AACH,CAAC;AASD,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACY;IACpB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9F,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,eAClF,IAAI,gBACH,KAAK,EACjB,GAAG,EAAE,eAAe,CAAc,GAAG,EAAE,eAAe,CAAC,0BAClC,EAAE,YAEtB,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAC/B,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/tooltip/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAyB,MAAM,WAAW,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAI5C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAuB;IACnF,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpF,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnD,OAAO,CACL,KAAC,IAAI,OACC,KAAK,KACL,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,sBAErB,EAAE,EACpB,KAAK,EACH;YACE,UAAU,EAAE,MAAM;YAClB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,MAAM,EAAE,CAAC;YACnD,GAAG,KAAK;SACO,EAEnB,GAAG,EAAE,eAAe,CAAc,GAAG,EAAE,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAC/D,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,iBAAiB,CAAC,CACrD,kCAC4B,EAAE,GAC/B,CACH,CAAA;AACH,CAAC;AASD,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACY;IACpB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9F,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,eAClF,IAAI,gBACH,KAAK,EACjB,GAAG,EAAE,eAAe,CAAc,GAAG,EAAE,eAAe,CAAC,0BAClC,EAAE,YAEtB,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAC/B,CACR,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apostel/bedrock",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Headless React primitives built on native platform features",
   "keywords": [
     "accessibility",
@@ -43,26 +43,28 @@
   },
   "scripts": {
     "build": "tsc -p tsconfig.build.json && node scripts/postbuild.mjs",
-    "typecheck": "tsc --noEmit -p tsconfig.json",
-    "lint": "oxlint",
-    "lint:graph": "depcruise src --config .dependency-cruiser.cjs",
+    "changeset": "changeset",
+    "compat:build": "node scripts/build-compat.mjs",
+    "demos:build": "vite build --config vite.demos.config.ts",
+    "docs:baseline": "node scripts/build-baseline.mjs",
+    "docs:build": "node scripts/build-docs.mjs && npm run demos:build",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
+    "lint": "oxlint",
+    "lint:graph": "depcruise src --config .dependency-cruiser.cjs",
+    "prepublishOnly": "npm run verify",
     "registry:build": "node scripts/build-registry.mjs",
+    "release": "changeset publish",
     "test": "playwright test",
     "test:install": "playwright install chromium",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
     "verify": "npm run format:check && npm run lint && npm run typecheck && npm run lint:graph && npm run build && npm run test",
-    "prepublishOnly": "npm run verify",
-    "docs:build": "node scripts/build-docs.mjs && npm run demos:build",
-    "changeset": "changeset",
-    "version": "changeset version",
-    "release": "changeset publish",
-    "demos:build": "vite build --config vite.demos.config.ts",
-    "docs:baseline": "node scripts/build-baseline.mjs"
+    "version": "changeset version"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.12.1",
     "@changesets/cli": "^3.0.1",
+    "@mdn/browser-compat-data": "^8.0.13",
     "@playwright/test": "^1.62.1",
     "@tailwindcss/vite": "^4.3.3",
     "@types/react": "^19.0.0",
@@ -77,7 +79,8 @@
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^5.6.0",
-    "vite": "^8.2.0"
+    "vite": "^8.2.0",
+    "web-features": "^3.36.0"
   },
   "peerDependencies": {
     "react": ">=19",