@usableapp/cardds 0.7.79 → 0.7.80

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 > 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.80 — 2026-10-10
+
+### Changed
+- **`Btn form` keeps its own width in a card's foot** (Lh 2026-10-10, from timebank's home feed: one button filling the card's foot read too big) — before → after: any `Btn` in `CardFoot` / `Card foot` / `FeedCard foot` was stretched over the row, `form` included → a `Btn form` there is as wide as its words (with its wide sides) and centred; a plain `Btn` still fills the foot, and several still share it. The card is still pressed whole. To use it: `foot={<Btn primary form>…</Btn>}`. Which button a card wears is the project's choice. Story `CardFoot · CardFootWordsWide`.
+- **The catalog knows the functions an app calls, and the MCP server serves it as it is now** (Lh 2026-10-10) — before → after: `list_components` / `get_component` / `find_components` did not know `slideScreen`, `installScreenSlide`, `setWords`, `word`, `setTextScale`, `controlsFor` (they live in `.ts` files the catalog did not read) → all six are in, with their docs. And a `cardds mcp` server loaded the catalog once and kept it for the life of its session, so a session opened before a release never learned what the release added → it now loads again whenever the sources (a live repo) or the package's catalog file changed. A session whose server was started before this change must be restarted once to get the new server.
+
 ## 0.7.79 — 2026-10-10
 
 ### Changed

package/README.md

@@ -83,7 +83,7 @@ lets anyone on the same network open the dev server: use it on a network you tru
 ### In another project
 
 **React (the main way, 2026-09-16):** the package is `@usableapp/cardds` on npm
-(published from a `v*` tag by `.github/workflows/publish.yml`, trusted publishing).
+(published from this machine: `npm run release` sends every `v*` tag the registry lacks, oldest first).
 
 ```bash
 npm i @usableapp/cardds

package/bin/cardds.mjs

@@ -72,8 +72,9 @@ import them, never copy their markup: the behaviour lives in the component. Gall
   return 0;
 }
 
-// the exports beside the components that are not components (docs/roles.md rows `a function, not a component`…): shape `—` and nothing to tell them from a structural part, so they are named
-const HELPERS = new Set(['applyMask', 'slideTo', 'useLayer', 'useLayers', 'useOptionalLayer', 'registerIcons', 'LayerHistory']);
+// the exports beside the components that are not components (docs/roles.md rows `a function, not a component`…): shape `—` and nothing to tell them from a structural part, so they are named.
+// A new one joins here and in the list test of tests/catalog.spec.js, or it is listed as structure
+const HELPERS = new Set(['applyMask', 'slideTo', 'slideScreen', 'installScreenSlide', 'useLayer', 'useLayers', 'useOptionalLayer', 'registerIcons', 'LayerHistory', 'setWords', 'word', 'setTextScale', 'controlsFor']);
 const one = (text) => text.replace(/\s+/g, ' ').trim();
 const indent = (text, by = '    ') => text.replace(/^(?=.)/gm, by);
 

package/css/card.css

@@ -136,6 +136,9 @@
    three on they drop their side padding so the labels keep the room. */
 .card__foot { display: flex; gap: var(--card-foot-gap, var(--sp-2)); align-items: center; }
 .card__foot > .btn { flex: 1 1 0; min-width: 0; }
+/* …unless the button says its own size: `Btn form` is as wide as its words in a foot too, centred (Lh 2026-10-10: one button filling
+   a card's foot read too big — which button a card wears is the project's choice, so the foot must not undo it) */
+.card__foot > .btn--form { flex: 0 1 auto; }
 .card__foot:has(> :nth-child(3)) > .btn { padding-inline: var(--sp-2); }
 /* a small link under the buttons (CardFoot link — Lh 2026-09-23, as the ActionBar's ctaLink): the row wraps, the link takes a
    whole short row of its own, centred — it never shares the buttons' line */

package/dist/actions/Btn.d.ts

@@ -7,7 +7,8 @@ export interface BtnProps extends Omit<ComponentProps<'button'>, 'form'> {
     /** full width */
     block?: boolean;
     /** a form's button: sized to its words with wide side padding, centred on its own row — it reads as part of the form above it,
-     *  not a page CTA (Lh 2026-09-25). Replaces the native `form` attribute (a button outside its <form> — not a cardds pattern). */
+     *  not a page CTA (Lh 2026-09-25). In a card's foot (`CardFoot`, `Card foot`, `FeedCard foot`) it keeps that size instead of
+     *  filling the row. Replaces the native `form` attribute (a button outside its <form> — not a cardds pattern). */
     form?: boolean;
     /** the one giant call to action in a tinted card ("Taxi!") */
     xl?: boolean;

package/dist/cardds.css

@@ -822,6 +822,9 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
    three on they drop their side padding so the labels keep the room. */
 .card__foot { display: flex; gap: var(--card-foot-gap, var(--sp-2)); align-items: center; }
 .card__foot > .btn { flex: 1 1 0; min-width: 0; }
+/* …unless the button says its own size: `Btn form` is as wide as its words in a foot too, centred (Lh 2026-10-10: one button filling
+   a card's foot read too big — which button a card wears is the project's choice, so the foot must not undo it) */
+.card__foot > .btn--form { flex: 0 1 auto; }
 .card__foot:has(> :nth-child(3)) > .btn { padding-inline: var(--sp-2); }
 /* a small link under the buttons (CardFoot link — Lh 2026-09-23, as the ActionBar's ctaLink): the row wraps, the link takes a
    whole short row of its own, centred — it never shares the buttons' line */

package/dist/cards/CardFoot.d.ts

@@ -5,5 +5,6 @@ export interface CardFootProps extends ComponentProps<'div'> {
     link?: ReactNode;
 }
 /** CardFoot — the card's action buttons on one line: one takes the width, up to four share it evenly. Btns only in the row; a small
- *  link goes in `link`, under it. */
+ *  link goes in `link`, under it. A `Btn form` keeps its own size here: as wide as its words, centred — for a foot whose one button
+ *  should not fill the card. */
 export declare function CardFoot({ link, className, children, ...rest }: CardFootProps): import("react").JSX.Element;

package/dist/cards/CardFoot.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from '../cx.js';
 /** CardFoot — the card's action buttons on one line: one takes the width, up to four share it evenly. Btns only in the row; a small
- *  link goes in `link`, under it. */
+ *  link goes in `link`, under it. A `Btn form` keeps its own size here: as wide as its words, centred — for a foot whose one button
+ *  should not fill the card. */
 export function CardFoot({ link, className, children, ...rest }) {
     return (_jsxs("div", { className: cx('card__foot', link != null && 'card__foot--link', className), ...rest, children: [children, link != null && _jsx("div", { className: "card__foot-link", children: link })] }));
 }