@usableapp/cardds 0.7.108 → 0.7.109

package/dist/sheets/SheetSteps.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps, ReactNode } from 'react';
-/** what asked for the move: a `tap` on another step, a `swipe` across the steps, the step's `skip` link */
-export type SheetStepsReason = 'tap' | 'swipe' | 'skip';
+/** what asked for the move: a `tap` on another step, the step's `skip` link */
+export type SheetStepsReason = 'tap' | 'skip';
 export interface SheetStepsProps extends ComponentProps<'div'> {
     /** optional: a `Btn` that finishes, under the steps — always in sight, `disabled` until EVERY step is done (its work, or
      *  skipped: `at` has reached `count`). None = the task ends when `at` reaches `count` — the last step's own action, or its skip. */
@@ -17,10 +17,10 @@ export interface SheetStepsProps extends ComponentProps<'div'> {
     reached?: number;
     /** UNCONTROLLED: the step it starts on (default 0) */
     defaultAt?: number;
-    /** the steps ASK to move — a tap on another step, a swipe, a skip. Controlled: set `at` to it (or don't). */
+    /** the steps ASK to move — a tap on another step, a skip. Controlled: set `at` to it (or don't). */
     onAtChange?: (at: number, reason: SheetStepsReason) => void;
-    /** true: the member may go back and forth — a tap on a done or next step opens it, an up/down swipe moves one step.
-     *  false (default): only forward — the done steps stay in the pile, never opened again (a swipe up passes only a `skippable` step). */
+    /** true: the member may go back and forth — a tap on a done or next step opens it.
+     *  false (default): only forward — the done steps stay in the pile, never opened again. */
     reversible?: boolean;
     /** true: each step's number in a disc before its title — a white disc on the step's bar (Lh 2026-09-25). Default: titles only. */
     numbered?: boolean;
@@ -32,7 +32,7 @@ export interface SheetStepsProps extends ComponentProps<'div'> {
  * steps on the last one. Goes in a Sheet's `Body`.
  * The sheet may be dragged down to peek and back — the body keeps where it was scrolled.
  */
-export declare function SheetSteps({ at, reached, defaultAt, onAtChange, reversible, numbered, finish, className, style, children, onFocus, onBlur, onPointerDown, onPointerUp, onPointerCancel, ...rest }: SheetStepsProps): import("react").JSX.Element;
+export declare function SheetSteps({ at, reached, defaultAt, onAtChange, reversible, numbered, finish, className, style, children, onFocus, onBlur, ...rest }: SheetStepsProps): import("react").JSX.Element;
 export interface SheetStepProps extends Omit<ComponentProps<'li'>, 'title'> {
     /** the step's name — always shown: over the open step, on the folded line of a done one */
     title: ReactNode;

package/dist/sheets/SheetSteps.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children, cloneElement, createContext, isValidElement, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { focusWhenActive, swipeOf, useControlled } from '../state.js';
+import { focusWhenActive, useControlled } from '../state.js';
 import { cx } from '../cx.js';
 import { Icon } from '../type/Icon.js';
 import { Link } from '../actions/Link.js';
@@ -10,7 +10,6 @@ import { word } from '../words.js';
 import { usePile } from './sheetStepsPile.js';
 import { StepCursor } from './stepCursor.js';
 const MOVE_MS = 350; // = --motion-sheet: the accordion's beat
-const SWIPE_REM = 3; // an up/down move longer than this (and mostly up/down) is a swipe
 /* the open step's first field — the one that takes the cursor, and the one a typed character is handed to (an input or a textarea) */
 const NOW_FIELD = '.sheet-step--now .sheet-step__inner :is(input:not([type=checkbox], [type=radio], [type=hidden]), textarea)';
 const coarse = () => typeof matchMedia === 'function' && matchMedia('(pointer: coarse)').matches; // a phone: its keyboard follows a finger, not a script
@@ -22,7 +21,7 @@ const StepCtx = createContext(null);
  * steps on the last one. Goes in a Sheet's `Body`.
  * The sheet may be dragged down to peek and back — the body keeps where it was scrolled.
  */
-export function SheetSteps({ at, reached, defaultAt = 0, onAtChange, reversible = false, numbered = false, finish, className, style, children, onFocus, onBlur, onPointerDown, onPointerUp, onPointerCancel, ...rest }) {
+export function SheetSteps({ at, reached, defaultAt = 0, onAtChange, reversible = false, numbered = false, finish, className, style, children, onFocus, onBlur, ...rest }) {
     const [current, request] = useControlled(at, defaultAt, onAtChange);
     const steps = Children.toArray(children).filter(isValidElement);
     const count = steps.length;
@@ -42,7 +41,6 @@ export function SheetSteps({ at, reached, defaultAt = 0, onAtChange, reversible
         shown.current = current;
         moving.current = performance.now() + MOVE_MS + 100;
     } // from the very render that changes it: the old field's blur and the keyboard's jump come in that same commit
-    const press = useRef(null);
     /* the pile: where the body is scrolled (the two latest done rows in sight), and the glide of its jumps — sheetStepsPile.ts */
     const { settle, glideNow } = usePile(ref, moving);
     const go = (i, reason) => {
@@ -119,29 +117,6 @@ export function SheetSteps({ at, reached, defaultAt = 0, onAtChange, reversible
         setTimeout(() => { if (!typing(document.activeElement) && body)
             body.scrollTo({ top: 0 }); }, 0); // Tab to the next field keeps it up
     };
-    /* an up/down swipe turns the wheel one step — unless it started in content that can still scroll that way */
-    const down = (e) => {
-        onPointerDown?.(e);
-        press.current = e.isPrimary && !e.target.closest('input, textarea, select, .pin, .picker, .slider') ? { x: e.clientX, y: e.clientY } : null;
-    };
-    const up = (e) => {
-        onPointerUp?.(e);
-        const p = press.current;
-        press.current = null;
-        if (!p)
-            return;
-        const dy = swipeOf(p, e, 'y', SWIPE_REM * parseFloat(getComputedStyle(document.documentElement).fontSize), 2);
-        if (!dy)
-            return;
-        const body = e.target.closest('.sheet-step__body');
-        if (body && (dy < 0 ? body.scrollTop + body.clientHeight < body.scrollHeight - 1 : body.scrollTop > 0))
-            return; // the content's own scroll
-        const to = current + (dy < 0 ? 1 : -1);
-        if (reversible && to < count)
-            go(to, 'swipe'); // a swipe never passes the last step — only its own action or its skip does
-        else if (dy < 0 && ref.current?.querySelector('.sheet-step--now[data-skippable]'))
-            go(to, 'skip'); // forward only, and only past a step that may be skipped
-    };
     /* typed while the cursor waits in the holder (the fold is playing — or, on an iPhone, the keyboard never followed the cursor into the
        new step: a focus set by script does not always take the keyboard with it, and every digit landed here and was dropped —
        timebank, Lh 2026-10-03): what was typed belongs to the open step's first field. Hand it over, and the cursor with it —
@@ -157,7 +132,7 @@ export function SheetSteps({ at, reached, defaultAt = 0, onAtChange, reversible
         Object.getOwnPropertyDescriptor(proto, 'value').set.call(field, field.value + typed);
         field.dispatchEvent(new Event('input', { bubbles: true }));
     };
-    return (_jsxs("div", { ref: ref, className: cx('sheet-steps', !reversible && 'sheet-steps--locked', className), style: style, onFocus: focusIn, onBlur: focusOut, onPointerDown: down, onPointerUp: up, onPointerCancel: (e) => { onPointerCancel?.(e); press.current = null; }, ...rest, children: [_jsx("input", { ref: holderRef, className: "sheet-steps__holder", "aria-hidden": true, tabIndex: -1, autoComplete: "off", onFocus: () => setParked(true), onBlur: () => setParked(false), onInput: handOver }), _jsx("ol", { className: "sheet-steps__track", children: steps.map((step, i) => (_jsx(StepCtx.Provider, { value: { numbered, i, at: current, furthest: reach, count, reversible, go, park, parked }, children: step }, step.key ?? i))) }), finish != null && ( // always in sight; it takes taps only once every step is done (or skipped)
+    return (_jsxs("div", { ref: ref, className: cx('sheet-steps', !reversible && 'sheet-steps--locked', className), style: style, onFocus: focusIn, onBlur: focusOut, ...rest, children: [_jsx("input", { ref: holderRef, className: "sheet-steps__holder", "aria-hidden": true, tabIndex: -1, autoComplete: "off", onFocus: () => setParked(true), onBlur: () => setParked(false), onInput: handOver }), _jsx("ol", { className: "sheet-steps__track", children: steps.map((step, i) => (_jsx(StepCtx.Provider, { value: { numbered, i, at: current, furthest: reach, count, reversible, go, park, parked }, children: step }, step.key ?? i))) }), finish != null && ( // always in sight; it takes taps only once every step is done (or skipped)
             _jsx("div", { className: "sheet-steps__finish", children: isValidElement(finish) ? cloneElement(finish, { disabled: reach < count || finish.props.disabled }) : finish }))] }));
 }
 /* the step's format checks, as one group — see SheetStep */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.108",
+  "version": "0.7.109",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",