@usableapp/cardds 0.7.41 → 0.7.42

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 > For: a project that consumes `@usableapp/cardds` and its AI — what changed between versions, written as before → after, so a screen can be brought up to date without reading the source. Newest first. A consumer never edits cardds; if something here leaves you without a way to do what you did before, report the gap.
 
+## 0.7.42 — 2026-10-02
+
+### Added
+- **`CallSheet ways`: a way with no `action`** — a sheet with no button on the page, called by the sheet before it (the app sets `open` to its index from that sheet's foot): a form in several sheets, one after another. Before, every way drew a button. The first way WITH an action is the primary button. Story `CallSheet · Follows`.
+
 ## 0.7.41 — 2026-10-02
 
 ### Added

package/dist/templates/CallSheet.d.ts

@@ -15,8 +15,9 @@ export interface CallSheetSheet {
 }
 /** one way in: its button and the sheet it calls */
 export interface CallSheetWay {
-    /** the button's words */
-    action: ReactNode;
+    /** the button's words. NONE = a sheet with no button on the page: the sheet BEFORE it calls it (the app sets `open` to its
+     *  index from that sheet's foot) — a form in several sheets, one after another */
+    action?: ReactNode;
     /** what that button brings up */
     sheet: CallSheetSheet;
 }

package/dist/templates/CallSheet.js

@@ -21,6 +21,7 @@ export function CallSheet({ media, heading, body, action, sheet, ways, open: ope
     const list = ways ?? (sheet ? [{ action, sheet }] : []);
     const [on, set] = useControlled(openProp === undefined ? undefined : index(openProp), index(defaultOpen), onOpenChange && ((next) => onOpenChange(next !== null, next)));
     const [at, setAt] = useState('full');
+    const first = list.findIndex((w) => w.action != null); // the first way WITH a button is the primary one
     // a sheet on its way out keeps its body until it has slid away — an emptied sheet sliding down read as a broken one
     const [leaving, setLeaving] = useState(null), [was, setWas] = useState(on);
     if (was !== on) {
@@ -28,7 +29,7 @@ export function CallSheet({ media, heading, body, action, sheet, ways, open: ope
         if (was !== null)
             setLeaving(was);
     }
-    return (_jsxs(Screen, { fill: true, ...rest, children: [_jsxs(Step, { children: [_jsxs(Page, { children: [media, _jsx(CardHead, { level: "h1", heading: heading }), typeof body === 'string' ? _jsx(Text, { level: "body", children: body }) : body, _jsx(CtaPack, { children: list.map((w, i) => (_jsx(Btn, { primary: i === 0, quiet: i > 0, "aria-expanded": on === i, onClick: () => { setAt('full'); set(i); }, children: w.action }, i))) })] }), list.map(({ sheet: sh }, i) => (_jsxs(Sheet, { state: on === i ? at : 'away', onStateChange: (s) => { if (s === 'away')
+    return (_jsxs(Screen, { fill: true, ...rest, children: [_jsxs(Step, { children: [_jsxs(Page, { children: [media, _jsx(CardHead, { level: "h1", heading: heading }), typeof body === 'string' ? _jsx(Text, { level: "body", children: body }) : body, _jsx(CtaPack, { children: list.map((w, i) => w.action == null ? null : (_jsx(Btn, { primary: i === first, quiet: i !== first, "aria-expanded": on === i, onClick: () => { setAt('full'); set(i); }, children: w.action }, i))) })] }), list.map(({ sheet: sh }, i) => (_jsxs(Sheet, { state: on === i ? at : 'away', onStateChange: (s) => { if (s === 'away')
                             set(null);
                         else
                             setAt(s); }, onSettled: (s) => { if (s === 'away' && leaving === i)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.41",
+  "version": "0.7.42",
   "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.",