@usableapp/cardds 0.7.92 → 0.7.93

package/dist/stamp/StampBook.d.ts

@@ -6,9 +6,11 @@ export interface StampBookProps extends ComponentProps<'div'> {
     strip?: boolean;
     /** the page with NO ground — no fill, no padding, no round: the stamps lie on what holds the book, three across, each its own size in the middle of its third. Put the name INSIDE the stamp (`Stamp name`), not under it */
     bare?: boolean;
+    /** the THIRD SIZE: each stamp as wide as its third (4:5), the gaps between them one `--screen-pad` both ways — three stamps and two gaps fill the row, nothing at its sides. With `bare` at 375: 103.67 × 129.58. The one place a stamp is not `--stamp-size` */
+    fill?: boolean;
 }
-/** StampBook — the album page: StampCells three across on an album ground, the free places drawn empty up to `places`. The book places its stamps and never sizes them: each is the one size of a stamp, in the middle of its third. */
-export declare function StampBook({ places, strip, bare, className, children, ...rest }: StampBookProps): import("react").JSX.Element;
+/** StampBook — the album page: StampCells three across on an album ground, the free places drawn empty up to `places`. The book places its stamps and sizes them only with `fill`: otherwise each is the one size of a stamp, in the middle of its third. */
+export declare function StampBook({ places, strip, bare, fill, className, children, ...rest }: StampBookProps): import("react").JSX.Element;
 export interface StampCellProps extends Omit<ComponentProps<'span'>, 'onClick'> {
     /** a short line under the stamp — who it is from */
     label?: ReactNode;

package/dist/stamp/StampBook.js

@@ -4,10 +4,10 @@ import { cx } from '../cx.js';
 import { pressable } from '../pressable.js';
 import { Icon } from '../type/Icon.js';
 import { StampPlace } from './Stamp.js';
-/** StampBook — the album page: StampCells three across on an album ground, the free places drawn empty up to `places`. The book places its stamps and never sizes them: each is the one size of a stamp, in the middle of its third. */
-export function StampBook({ places = 0, strip, bare, className, children, ...rest }) {
+/** StampBook — the album page: StampCells three across on an album ground, the free places drawn empty up to `places`. The book places its stamps and sizes them only with `fill`: otherwise each is the one size of a stamp, in the middle of its third. */
+export function StampBook({ places = 0, strip, bare, fill, className, children, ...rest }) {
     const free = Math.max(0, places - Children.toArray(children).length); // toArray drops null / undefined / booleans: `{owned && <StampCell/>}` that is false holds no place (Children.count counts it)
-    return (_jsxs("div", { className: cx('stamp-book', strip && 'stamp-book--strip', bare && 'stamp-book--bare', className), ...rest, children: [children, Array.from({ length: free }, (_, i) => _jsx(StampPlace, { faint: true, "aria-hidden": "true" }, i))] }));
+    return (_jsxs("div", { className: cx('stamp-book', strip && 'stamp-book--strip', bare && 'stamp-book--bare', fill && !strip && 'stamp-book--fill', className), ...rest, children: [children, Array.from({ length: free }, (_, i) => _jsx(StampPlace, { faint: true, "aria-hidden": "true" }, i))] }));
 }
 /** StampCell — one place of a StampBook: a Stamp (the child) and a short label under it. */
 export function StampCell({ label, onClick, on, className, children, ...rest }) {

package/package.json

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