@hanzo/ui 8.27.85 → 8.27.87

package/dist/backends/gui/grip.cjs

@@ -34,99 +34,146 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGrip = useGrip;
 exports.Grip = Grip;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * The grip under a pane that resizes it, shared by CodeEditor and JsonTree.
+ * Grip — a box's free edge, which is also how big the box is: a separator a
+ * person drags, or moves with the arrow keys, to size the box beside it. The one
+ * resizer: a sidebar, an aside, a split between two panes, and an editor's
+ * height all use it.
  *
- * The footer is the drag target and the knob is the separator a keyboard and a
- * screen reader find. A drag, or ArrowUp / ArrowDown on the knob, sets a height
- * of the reader's own, as tall as they like; a double-click on the footer hands
- * the height back to the content. `useGrip` owns that height; `Grip` draws the
- * knob.
+ *   side      the edge the box is pinned to. `left` grows rightwards (a sidebar,
+ *             the first pane of a split), `right` grows leftwards (an aside, a
+ *             drawer), `top` grows downwards (an editor, a tree). One control,
+ *             the arithmetic reflected.
+ *   span      the box's size now, px, for assistive tech; `floor` and `ceil`
+ *             bound it.
+ *   onSpan    the size while it moves, at most once a frame.
+ *   onKeep    the size it settled on: a drag let go, a key, a double-click.
+ *   onShut    when given, a drag pulled well past the floor, or a key pressed at
+ *             it, puts the box away (a sidebar snaps to its icons); absent, the
+ *             floor holds.
+ *   reset     the size a double-click returns to; `onReset` instead hands the
+ *             size back to the box (an editor that follows its text).
+ *
+ * Keys: the arrows step 8px (32px with Shift), Home and End go to the floor and
+ * the ceiling. Pointer events, so a mouse, a trackpad, a touchscreen and a pen
+ * are one path, with the pointer captured: a drag that outruns the handle keeps
+ * sizing. A drag and a key both start from the box as drawn, so the edge never
+ * jumps to the cursor and a box that follows its content steps from where it is.
+ *
+ * It sits inside the box, absolutely, on the free edge; the rest of its props
+ * place it elsewhere and win. The line is drawn only while a person reaches for
+ * it: under the pointer, while it moves, and for a keyboard's focus, which it
+ * draws instead of an outline.
+ *
+ * Moved here from @hanzo/build, where hanzo.ai's sidebar and asides used it.
  */
 const gui_1 = require("@hanzo/gui");
-const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const React = __importStar(require("react"));
-const slot_1 = require("./slot.cjs");
-/** How far one ArrowUp / ArrowDown on the knob moves the height. */
-const STEP = 24;
-/** The separator's stated maximum, in px: the drag itself has none. */
-const CEILING = 4096;
-function useGrip({ enabled, min, measure, initial = null, onChange }) {
-    const grip = React.useRef(null);
-    const knob = React.useRef(null);
-    const [height, setHeight] = React.useState(initial);
-    const latest = React.useRef({ measure, onChange });
-    latest.current = { measure, onChange };
-    const set = React.useCallback((next) => {
-        setHeight(next);
-        latest.current.onChange?.(next);
-    }, []);
-    React.useEffect(() => {
-        const el = grip.current;
-        const handle = knob.current;
-        if (!el || !handle || !enabled)
+/** A key's step, px; with Shift, the long one. */
+const STEP = 8;
+const LONG = 32;
+/** How far past the floor a drag is pulled before it shuts the box, px: a deliberate pull, not a twitch. */
+const SLACK = 48;
+/** The grab band's thickness, px; the line drawn inside it is 2. */
+const BAND = 8;
+function Grip({ side, span, floor, ceil, reset, onReset, onSpan, onKeep, onShut, label, ...rest }) {
+    const tall = side === 'top';
+    /** +1 when the pointer moving away from the pinned edge grows the box. */
+    const grows = side === 'right' ? -1 : 1;
+    // The pinned edge in client coordinates, taken as the drag begins.
+    const held = React.useRef(0);
+    // Whether a press holds the pointer and whether it has moved since, the size it
+    // last asked for, and the frame that will draw it. A press that never moves
+    // keeps nothing.
+    const drag = React.useRef('none');
+    const want = React.useRef(span);
+    const frame = React.useRef(0);
+    const [hovered, setHovered] = React.useState(false);
+    const [keyed, setKeyed] = React.useState(false);
+    const [moving, setMoving] = React.useState(false);
+    React.useEffect(() => () => cancelAnimationFrame(frame.current), []);
+    const clamp = (n) => Math.round(Math.min(ceil, Math.max(floor, n)));
+    const along = (e) => (tall ? e.clientY : e.clientX);
+    /** The box as drawn, read off the element the grip sits in. */
+    const drawn = (el) => {
+        const box = el?.parentElement?.getBoundingClientRect();
+        return box ? (tall ? box.height : box.width) : span;
+    };
+    const settle = (n) => {
+        onSpan(n);
+        onKeep?.(n);
+    };
+    const stop = () => {
+        drag.current = 'none';
+        cancelAnimationFrame(frame.current);
+        frame.current = 0;
+        setMoving(false);
+    };
+    const end = () => {
+        if (drag.current === 'none')
             return;
-        let pointer = -1;
-        let startY = 0;
-        let startH = 0;
-        const down = (e) => {
+        const moved = drag.current === 'moved';
+        stop();
+        if (moved)
+            settle(want.current);
+    };
+    const wider = side === 'left' ? 'ArrowRight' : side === 'right' ? 'ArrowLeft' : 'ArrowDown';
+    const narrower = side === 'left' ? 'ArrowLeft' : side === 'right' ? 'ArrowRight' : 'ArrowUp';
+    const edge = tall
+        ? { l: 0, r: 0, b: 0, height: BAND, justify: 'center' }
+        : { t: 0, b: 0, width: BAND, items: 'center', ...(side === 'left' ? { r: 0 } : { l: 0 }) };
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "separator", "aria-orientation": tall ? 'horizontal' : 'vertical', "aria-label": label, "aria-valuenow": Math.round(span), "aria-valuemin": floor, "aria-valuemax": ceil, tabIndex: 0, "data-slot": "grip", "data-side": side, "data-moving": moving ? '' : undefined, position: "absolute", ...edge, z: 10, cursor: tall ? 'row-resize' : 'col-resize', outlineWidth: 0, focusVisibleStyle: { outlineWidth: 0 }, style: { touchAction: 'none' }, onPointerEnter: () => setHovered(true), onPointerLeave: () => setHovered(false), 
+        // The line is the focus ring, drawn for a keyboard's focus and not a pointer's.
+        onFocus: (e) => setKeyed(e.currentTarget.matches(':focus-visible')), onBlur: () => setKeyed(false), onPointerDown: (e) => {
             if (e.button !== 0)
                 return;
+            // No text selection starts under a drag.
             e.preventDefault();
-            pointer = e.pointerId;
-            startY = e.clientY;
-            startH = latest.current.measure();
-            el.setPointerCapture?.(pointer);
-        };
-        const move = (e) => {
-            if (e.pointerId !== pointer)
+            e.currentTarget.setPointerCapture?.(e.pointerId);
+            const now = drawn(e.currentTarget);
+            held.current = along(e) - grows * now;
+            want.current = clamp(now);
+            drag.current = 'held';
+            setMoving(true);
+        }, onPointerMove: (e) => {
+            if (drag.current === 'none')
                 return;
-            set(Math.max(min, Math.round(startH + e.clientY - startY)));
-        };
-        const up = (e) => {
-            if (e.pointerId !== pointer)
+            drag.current = 'moved';
+            const pulled = grows * (along(e) - held.current);
+            if (onShut && pulled < floor - SLACK) {
+                stop();
+                e.currentTarget.releasePointerCapture?.(e.pointerId);
+                onShut();
                 return;
-            el.releasePointerCapture?.(pointer);
-            pointer = -1;
-        };
-        const key = (e) => {
-            if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown')
+            }
+            want.current = clamp(pulled);
+            if (frame.current)
                 return;
-            e.preventDefault();
-            set(Math.max(min, Math.round(latest.current.measure() + (e.key === 'ArrowDown' ? STEP : -STEP))));
-        };
-        const reset = () => set(null);
-        el.addEventListener('pointerdown', down);
-        el.addEventListener('pointermove', move);
-        el.addEventListener('pointerup', up);
-        el.addEventListener('pointercancel', up);
-        el.addEventListener('dblclick', reset);
-        handle.addEventListener('keydown', key);
-        return () => {
-            el.removeEventListener('pointerdown', down);
-            el.removeEventListener('pointermove', move);
-            el.removeEventListener('pointerup', up);
-            el.removeEventListener('pointercancel', up);
-            el.removeEventListener('dblclick', reset);
-            handle.removeEventListener('keydown', key);
-        };
-    }, [enabled, min, set]);
-    return { grip, knob, height };
-}
-/** The knob: a separator that names what it resizes and says how tall it is. */
-function Grip({ knob, name, label, min, height, }) {
-    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: knob, ...(0, slot_1.slot)(name), ...{
-            role: 'separator',
-            'aria-orientation': 'horizontal',
-            'aria-label': `Resize ${label}`,
-            'aria-valuemin': min,
-            // A drag has no ceiling; this stands in for "as tall as you like".
-            'aria-valuemax': CEILING,
-            'aria-valuenow': height ?? min,
-            'aria-valuetext': height === null ? 'Fits its content' : `${height} pixels`,
-            tabIndex: 0,
-        }, rounded: "$2", p: "$1", focusVisibleStyle: { bg: '$hover' }, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GripHorizontal, { size: 14, color: "$soft" }) }));
+            frame.current = requestAnimationFrame(() => {
+                frame.current = 0;
+                onSpan(want.current);
+            });
+        }, 
+        // A drag ends when the pointer is let go: lifted, or taken by the browser.
+        onPointerUp: end, onPointerCancel: end, onDoubleClick: () => (onReset ? onReset() : settle(clamp(reset ?? span))), onKeyDown: (e) => {
+            const step = e.shiftKey ? LONG : STEP;
+            const now = drawn(e.currentTarget);
+            const to = e.key === wider
+                ? now + step
+                : e.key === narrower
+                    ? now - step
+                    : e.key === 'Home'
+                        ? floor
+                        : e.key === 'End'
+                            ? ceil
+                            : null;
+            if (to === null)
+                return;
+            e.preventDefault?.();
+            if (onShut && to < floor)
+                return onShut();
+            settle(clamp(to));
+        }, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(tall ? { height: 2, width: '100%' } : { width: 2, height: '100%' }), rounded: 1, bg: keyed || moving ? '$outlineColor' : hovered ? '$rim' : 'transparent', pointerEvents: "none" }) }));
 }

package/dist/backends/gui/grip.d.ts

@@ -1,28 +1,51 @@
+/**
+ * Grip — a box's free edge, which is also how big the box is: a separator a
+ * person drags, or moves with the arrow keys, to size the box beside it. The one
+ * resizer: a sidebar, an aside, a split between two panes, and an editor's
+ * height all use it.
+ *
+ *   side      the edge the box is pinned to. `left` grows rightwards (a sidebar,
+ *             the first pane of a split), `right` grows leftwards (an aside, a
+ *             drawer), `top` grows downwards (an editor, a tree). One control,
+ *             the arithmetic reflected.
+ *   span      the box's size now, px, for assistive tech; `floor` and `ceil`
+ *             bound it.
+ *   onSpan    the size while it moves, at most once a frame.
+ *   onKeep    the size it settled on: a drag let go, a key, a double-click.
+ *   onShut    when given, a drag pulled well past the floor, or a key pressed at
+ *             it, puts the box away (a sidebar snaps to its icons); absent, the
+ *             floor holds.
+ *   reset     the size a double-click returns to; `onReset` instead hands the
+ *             size back to the box (an editor that follows its text).
+ *
+ * Keys: the arrows step 8px (32px with Shift), Home and End go to the floor and
+ * the ceiling. Pointer events, so a mouse, a trackpad, a touchscreen and a pen
+ * are one path, with the pointer captured: a drag that outruns the handle keeps
+ * sizing. A drag and a key both start from the box as drawn, so the edge never
+ * jumps to the cursor and a box that follows its content steps from where it is.
+ *
+ * It sits inside the box, absolutely, on the free edge; the rest of its props
+ * place it elsewhere and win. The line is drawn only while a person reaches for
+ * it: under the pointer, while it moves, and for a keyboard's focus, which it
+ * draws instead of an outline.
+ *
+ * Moved here from @hanzo/build, where hanzo.ai's sidebar and asides used it.
+ */
+import { type YStackProps } from '@hanzo/gui';
 import * as React from 'react';
-export interface GripOptions {
-    enabled: boolean;
-    /** The shortest a drag makes the pane, in px. */
-    min: number;
-    /** The pane's height now, read when a drag or a key starts. */
-    measure: () => number;
-    /** A height to start from, as `onChange` last reported it. */
-    initial?: number | null;
-    /** Every height the reader sets, and `null` when a double-click hands it back. */
-    onChange?: (height: number | null) => void;
-}
-export declare function useGrip({ enabled, min, measure, initial, onChange }: GripOptions): {
-    grip: React.RefObject<HTMLElement | null>;
-    knob: React.RefObject<HTMLElement | null>;
-    height: number | null;
-};
-/** The knob: a separator that names what it resizes and says how tall it is. */
-export declare function Grip({ knob, name, label, min, height, }: {
-    knob: React.RefObject<HTMLElement | null>;
-    /** Its `data-slot`. */
-    name: string;
-    /** What it resizes, for "Resize <label>". */
+export type GripSide = 'left' | 'right' | 'top';
+export interface GripProps extends Omit<YStackProps, 'children'> {
+    side: GripSide;
+    span: number;
+    floor: number;
+    ceil: number;
+    reset?: number;
+    onReset?: () => void;
+    onSpan: (n: number) => void;
+    onKeep?: (n: number) => void;
+    onShut?: () => void;
+    /** The separator's accessible name: "Resize sidebar", "Resize Input". */
     label: string;
-    min: number;
-    height: number | null;
-}): React.JSX.Element;
+}
+export declare function Grip({ side, span, floor, ceil, reset, onReset, onSpan, onKeep, onShut, label, ...rest }: GripProps): React.JSX.Element;
 //# sourceMappingURL=grip.d.ts.map

package/dist/backends/gui/grip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grip.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/grip.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,GAAG,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAc,EAAE,QAAQ,EAAE,EAAE,WAAW;;;;EA2DvF;AAED,gFAAgF;AAChF,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,GAAG,EACH,MAAM,GACP,EAAE;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,qBAuBA"}
+{"version":3,"file":"grip.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/grip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AAE/C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC9D,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAA;CACd;AAKD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,SAAS,qBAmIX"}

package/dist/backends/gui/grip.js

@@ -1,96 +1,144 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * The grip under a pane that resizes it, shared by CodeEditor and JsonTree.
+ * Grip — a box's free edge, which is also how big the box is: a separator a
+ * person drags, or moves with the arrow keys, to size the box beside it. The one
+ * resizer: a sidebar, an aside, a split between two panes, and an editor's
+ * height all use it.
  *
- * The footer is the drag target and the knob is the separator a keyboard and a
- * screen reader find. A drag, or ArrowUp / ArrowDown on the knob, sets a height
- * of the reader's own, as tall as they like; a double-click on the footer hands
- * the height back to the content. `useGrip` owns that height; `Grip` draws the
- * knob.
+ *   side      the edge the box is pinned to. `left` grows rightwards (a sidebar,
+ *             the first pane of a split), `right` grows leftwards (an aside, a
+ *             drawer), `top` grows downwards (an editor, a tree). One control,
+ *             the arithmetic reflected.
+ *   span      the box's size now, px, for assistive tech; `floor` and `ceil`
+ *             bound it.
+ *   onSpan    the size while it moves, at most once a frame.
+ *   onKeep    the size it settled on: a drag let go, a key, a double-click.
+ *   onShut    when given, a drag pulled well past the floor, or a key pressed at
+ *             it, puts the box away (a sidebar snaps to its icons); absent, the
+ *             floor holds.
+ *   reset     the size a double-click returns to; `onReset` instead hands the
+ *             size back to the box (an editor that follows its text).
+ *
+ * Keys: the arrows step 8px (32px with Shift), Home and End go to the floor and
+ * the ceiling. Pointer events, so a mouse, a trackpad, a touchscreen and a pen
+ * are one path, with the pointer captured: a drag that outruns the handle keeps
+ * sizing. A drag and a key both start from the box as drawn, so the edge never
+ * jumps to the cursor and a box that follows its content steps from where it is.
+ *
+ * It sits inside the box, absolutely, on the free edge; the rest of its props
+ * place it elsewhere and win. The line is drawn only while a person reaches for
+ * it: under the pointer, while it moves, and for a keyboard's focus, which it
+ * draws instead of an outline.
+ *
+ * Moved here from @hanzo/build, where hanzo.ai's sidebar and asides used it.
  */
-import { XStack } from '@hanzo/gui';
-import { GripHorizontal } from '@hanzogui/lucide-icons-2';
+import { YStack } from '@hanzo/gui';
 import * as React from 'react';
-import { slot } from './slot.js';
-/** How far one ArrowUp / ArrowDown on the knob moves the height. */
-const STEP = 24;
-/** The separator's stated maximum, in px: the drag itself has none. */
-const CEILING = 4096;
-export function useGrip({ enabled, min, measure, initial = null, onChange }) {
-    const grip = React.useRef(null);
-    const knob = React.useRef(null);
-    const [height, setHeight] = React.useState(initial);
-    const latest = React.useRef({ measure, onChange });
-    latest.current = { measure, onChange };
-    const set = React.useCallback((next) => {
-        setHeight(next);
-        latest.current.onChange?.(next);
-    }, []);
-    React.useEffect(() => {
-        const el = grip.current;
-        const handle = knob.current;
-        if (!el || !handle || !enabled)
+/** A key's step, px; with Shift, the long one. */
+const STEP = 8;
+const LONG = 32;
+/** How far past the floor a drag is pulled before it shuts the box, px: a deliberate pull, not a twitch. */
+const SLACK = 48;
+/** The grab band's thickness, px; the line drawn inside it is 2. */
+const BAND = 8;
+export function Grip({ side, span, floor, ceil, reset, onReset, onSpan, onKeep, onShut, label, ...rest }) {
+    const tall = side === 'top';
+    /** +1 when the pointer moving away from the pinned edge grows the box. */
+    const grows = side === 'right' ? -1 : 1;
+    // The pinned edge in client coordinates, taken as the drag begins.
+    const held = React.useRef(0);
+    // Whether a press holds the pointer and whether it has moved since, the size it
+    // last asked for, and the frame that will draw it. A press that never moves
+    // keeps nothing.
+    const drag = React.useRef('none');
+    const want = React.useRef(span);
+    const frame = React.useRef(0);
+    const [hovered, setHovered] = React.useState(false);
+    const [keyed, setKeyed] = React.useState(false);
+    const [moving, setMoving] = React.useState(false);
+    React.useEffect(() => () => cancelAnimationFrame(frame.current), []);
+    const clamp = (n) => Math.round(Math.min(ceil, Math.max(floor, n)));
+    const along = (e) => (tall ? e.clientY : e.clientX);
+    /** The box as drawn, read off the element the grip sits in. */
+    const drawn = (el) => {
+        const box = el?.parentElement?.getBoundingClientRect();
+        return box ? (tall ? box.height : box.width) : span;
+    };
+    const settle = (n) => {
+        onSpan(n);
+        onKeep?.(n);
+    };
+    const stop = () => {
+        drag.current = 'none';
+        cancelAnimationFrame(frame.current);
+        frame.current = 0;
+        setMoving(false);
+    };
+    const end = () => {
+        if (drag.current === 'none')
             return;
-        let pointer = -1;
-        let startY = 0;
-        let startH = 0;
-        const down = (e) => {
+        const moved = drag.current === 'moved';
+        stop();
+        if (moved)
+            settle(want.current);
+    };
+    const wider = side === 'left' ? 'ArrowRight' : side === 'right' ? 'ArrowLeft' : 'ArrowDown';
+    const narrower = side === 'left' ? 'ArrowLeft' : side === 'right' ? 'ArrowRight' : 'ArrowUp';
+    const edge = tall
+        ? { l: 0, r: 0, b: 0, height: BAND, justify: 'center' }
+        : { t: 0, b: 0, width: BAND, items: 'center', ...(side === 'left' ? { r: 0 } : { l: 0 }) };
+    return (_jsx(YStack, { role: "separator", "aria-orientation": tall ? 'horizontal' : 'vertical', "aria-label": label, "aria-valuenow": Math.round(span), "aria-valuemin": floor, "aria-valuemax": ceil, tabIndex: 0, "data-slot": "grip", "data-side": side, "data-moving": moving ? '' : undefined, position: "absolute", ...edge, z: 10, cursor: tall ? 'row-resize' : 'col-resize', outlineWidth: 0, focusVisibleStyle: { outlineWidth: 0 }, style: { touchAction: 'none' }, onPointerEnter: () => setHovered(true), onPointerLeave: () => setHovered(false), 
+        // The line is the focus ring, drawn for a keyboard's focus and not a pointer's.
+        onFocus: (e) => setKeyed(e.currentTarget.matches(':focus-visible')), onBlur: () => setKeyed(false), onPointerDown: (e) => {
             if (e.button !== 0)
                 return;
+            // No text selection starts under a drag.
             e.preventDefault();
-            pointer = e.pointerId;
-            startY = e.clientY;
-            startH = latest.current.measure();
-            el.setPointerCapture?.(pointer);
-        };
-        const move = (e) => {
-            if (e.pointerId !== pointer)
+            e.currentTarget.setPointerCapture?.(e.pointerId);
+            const now = drawn(e.currentTarget);
+            held.current = along(e) - grows * now;
+            want.current = clamp(now);
+            drag.current = 'held';
+            setMoving(true);
+        }, onPointerMove: (e) => {
+            if (drag.current === 'none')
                 return;
-            set(Math.max(min, Math.round(startH + e.clientY - startY)));
-        };
-        const up = (e) => {
-            if (e.pointerId !== pointer)
+            drag.current = 'moved';
+            const pulled = grows * (along(e) - held.current);
+            if (onShut && pulled < floor - SLACK) {
+                stop();
+                e.currentTarget.releasePointerCapture?.(e.pointerId);
+                onShut();
                 return;
-            el.releasePointerCapture?.(pointer);
-            pointer = -1;
-        };
-        const key = (e) => {
-            if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown')
+            }
+            want.current = clamp(pulled);
+            if (frame.current)
                 return;
-            e.preventDefault();
-            set(Math.max(min, Math.round(latest.current.measure() + (e.key === 'ArrowDown' ? STEP : -STEP))));
-        };
-        const reset = () => set(null);
-        el.addEventListener('pointerdown', down);
-        el.addEventListener('pointermove', move);
-        el.addEventListener('pointerup', up);
-        el.addEventListener('pointercancel', up);
-        el.addEventListener('dblclick', reset);
-        handle.addEventListener('keydown', key);
-        return () => {
-            el.removeEventListener('pointerdown', down);
-            el.removeEventListener('pointermove', move);
-            el.removeEventListener('pointerup', up);
-            el.removeEventListener('pointercancel', up);
-            el.removeEventListener('dblclick', reset);
-            handle.removeEventListener('keydown', key);
-        };
-    }, [enabled, min, set]);
-    return { grip, knob, height };
-}
-/** The knob: a separator that names what it resizes and says how tall it is. */
-export function Grip({ knob, name, label, min, height, }) {
-    return (_jsx(XStack, { ref: knob, ...slot(name), ...{
-            role: 'separator',
-            'aria-orientation': 'horizontal',
-            'aria-label': `Resize ${label}`,
-            'aria-valuemin': min,
-            // A drag has no ceiling; this stands in for "as tall as you like".
-            'aria-valuemax': CEILING,
-            'aria-valuenow': height ?? min,
-            'aria-valuetext': height === null ? 'Fits its content' : `${height} pixels`,
-            tabIndex: 0,
-        }, rounded: "$2", p: "$1", focusVisibleStyle: { bg: '$hover' }, children: _jsx(GripHorizontal, { size: 14, color: "$soft" }) }));
+            frame.current = requestAnimationFrame(() => {
+                frame.current = 0;
+                onSpan(want.current);
+            });
+        }, 
+        // A drag ends when the pointer is let go: lifted, or taken by the browser.
+        onPointerUp: end, onPointerCancel: end, onDoubleClick: () => (onReset ? onReset() : settle(clamp(reset ?? span))), onKeyDown: (e) => {
+            const step = e.shiftKey ? LONG : STEP;
+            const now = drawn(e.currentTarget);
+            const to = e.key === wider
+                ? now + step
+                : e.key === narrower
+                    ? now - step
+                    : e.key === 'Home'
+                        ? floor
+                        : e.key === 'End'
+                            ? ceil
+                            : null;
+            if (to === null)
+                return;
+            e.preventDefault?.();
+            if (onShut && to < floor)
+                return onShut();
+            settle(clamp(to));
+        }, ...rest, children: _jsx(YStack, { ...(tall ? { height: 2, width: '100%' } : { width: 2, height: '100%' }), rounded: 1, bg: keyed || moving ? '$outlineColor' : hovered ? '$rim' : 'transparent', pointerEvents: "none" }) }));
 }
 //# sourceMappingURL=grip.js.map

package/dist/backends/gui/grip.js.map

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