@cloudgrid-io/ui 0.40.0 → 0.41.0

package/dist/blocks/copy-button.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+/** Writes `value` to `clipboard`. Resolves `copied` or `blocked`; never throws. */
+async function copyText(value, clipboard) {
+    if (!clipboard || typeof clipboard.writeText !== "function")
+        return "blocked";
+    try {
+        await clipboard.writeText(value);
+        return "copied";
+    }
+    catch {
+        return "blocked";
+    }
+}
+function useCopy({ resetAfter = 2000 } = {}) {
+    const [state, setState] = React.useState("idle");
+    const timer = React.useRef(undefined);
+    const mounted = React.useRef(true);
+    React.useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+            clearTimeout(timer.current);
+        };
+    }, []);
+    const copy = React.useCallback(async (value) => {
+        const clipboard = typeof navigator === "undefined" ? undefined : navigator.clipboard;
+        const result = await copyText(value, clipboard);
+        if (!mounted.current)
+            return result;
+        clearTimeout(timer.current);
+        setState(result);
+        timer.current = setTimeout(() => {
+            if (mounted.current)
+                setState("idle");
+        }, resetAfter);
+        return result;
+    }, [resetAfter]);
+    return { state, copy };
+}
+function CopyButton({ value, children, copiedLabel = "Copied", blockedLabel = "Couldn't copy", announceCopied = "Copied to the clipboard", announceBlocked = "Couldn't copy. The browser blocked the clipboard.", resetAfter = 2000, onStateChange, render, onClick, ...props }) {
+    const { state, copy } = useCopy({ resetAfter });
+    const onStateChangeRef = React.useRef(onStateChange);
+    onStateChangeRef.current = onStateChange;
+    React.useEffect(() => {
+        onStateChangeRef.current?.(state);
+    }, [state]);
+    const content = typeof children === "function"
+        ? children(state)
+        : state === "copied"
+            ? copiedLabel
+            : state === "blocked"
+                ? blockedLabel
+                : children;
+    const element = useRender({
+        render,
+        defaultTagName: "button",
+        props: {
+            "data-slot": "copy-button",
+            "data-state": state,
+            ...(render ? {} : { type: "button" }),
+            ...props,
+            onClick: (event) => {
+                onClick?.(event);
+                if (!event.defaultPrevented)
+                    void copy(value);
+            },
+            children: content,
+        },
+    });
+    return (_jsxs(_Fragment, { children: [element, _jsx("span", { "aria-live": "polite", className: "sr-only", children: state === "copied" ? announceCopied : state === "blocked" ? announceBlocked : "" })] }));
+}
+export { CopyButton, copyText, useCopy };
+//# sourceMappingURL=copy-button.js.map

package/dist/blocks/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../src/blocks/copy-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAiCrD,mFAAmF;AACnF,KAAK,UAAU,QAAQ,CAAC,KAAa,EAAE,SAAmD;IACxF,IAAI,CAAC,SAAS,IAAI,OAAO,SAAS,CAAC,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAA;IAC7E,IAAI,CAAC;QACH,MAAM,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAChC,OAAO,QAAQ,CAAA;IACjB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAA;IAClB,CAAC;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAAE,UAAU,GAAG,IAAI,KAA8B,EAAE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY,MAAM,CAAC,CAAA;IAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAA4C,SAAS,CAAC,CAAA;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACtB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YACvB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,KAAK,EAAE,KAAa,EAAsB,EAAE;QAC1C,MAAM,SAAS,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAA;QACpF,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;QAC/C,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,MAAM,CAAA;QACnC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAC3B,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,IAAI,OAAO,CAAC,OAAO;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;QACvC,CAAC,EAAE,UAAU,CAAC,CAAA;QACd,OAAO,MAAM,CAAA;IACf,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AACxB,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,eAAe,EAC9B,cAAc,GAAG,yBAAyB,EAC1C,eAAe,GAAG,mDAAmD,EACrE,UAAU,GAAG,IAAI,EACjB,aAAa,EACb,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EAkBT;IACC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,CAAA;IAE/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;IACpD,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAA;IACxC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,OAAO,GACX,OAAO,QAAQ,KAAK,UAAU;QAC5B,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC,CAAC,KAAK,KAAK,QAAQ;YAClB,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,KAAK,KAAK,SAAS;gBACnB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,QAAQ,CAAA;IAElB,MAAM,OAAO,GAAG,SAAS,CAAC;QACxB,MAAM;QACN,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE;YACL,WAAW,EAAE,aAAa;YAC1B,YAAY,EAAE,KAAK;YACnB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,CAAC;YAC9C,GAAG,KAAK;YACR,OAAO,EAAE,CAAC,KAA0C,EAAE,EAAE;gBACtD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;gBAChB,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBAAE,KAAK,IAAI,CAAC,KAAK,CAAC,CAAA;YAC/C,CAAC;YACD,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,8BACG,OAAO,EACR,4BAAgB,QAAQ,EAAC,SAAS,EAAC,SAAS,YACzC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,GAC5E,IACN,CACJ,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA"}

package/dist/blocks/dashed-banner.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+/**
+ * A dashed banner with one call and a Dismiss: Home's invite banner (#382,
+ * spec §4.3, Figma `11351:6110`).
+ *
+ * 72 tall (at least), radius 20, the library's dashed line, its content centred
+ * 32 apart: an optional leading node (`InviteFaces`), one line (Body), an
+ * optional action (the `cta` Invite, `Button size="xl"`) and, with `onDismiss`,
+ * a teal Body Bold "Dismiss" button. Under 48rem of its own width the line sits
+ * over the controls (spec §4.12).
+ *
+ * ## A block, not a `Notice` variant
+ *
+ * `Notice` is an amber status message with a heading, a `role="status"` and an
+ * outline action. This shares none of that: no heading, no status to announce,
+ * a dashed outline instead of a ground. A variant would have been a second
+ * component behind one name.
+ *
+ * Whether it shows (dismissed for this grid and person, nobody else here yet)
+ * is the Console's decision and the Console's storage; the banner only reports
+ * the press.
+ */
+declare function DashedBanner({ leading, action, onDismiss, dismissLabel, className, children, ...props }: Omit<React.ComponentProps<"section">, "children"> & {
+    /** Before the line: `<InviteFaces />`. */
+    leading?: React.ReactNode;
+    /** The line. */
+    children: React.ReactNode;
+    /** After the line: the call, e.g. the `cta` Invite at size `xl`. */
+    action?: React.ReactNode;
+    /** Renders the Dismiss button and is called when it is pressed. */
+    onDismiss?: () => void;
+    /** Dismiss's words. */
+    dismissLabel?: string;
+}): React.JSX.Element;
+export { DashedBanner };
+//# sourceMappingURL=dashed-banner.d.ts.map

package/dist/blocks/dashed-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashed-banner.d.ts","sourceRoot":"","sources":["../../src/blocks/dashed-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IACrD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gBAAgB;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,qBAyCA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/blocks/dashed-banner.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { ACTION_LINK_CLASS } from "./action-link.js";
+import { DASHED_LINE_CLASS } from "./dashed-line.js";
+/**
+ * A dashed banner with one call and a Dismiss: Home's invite banner (#382,
+ * spec §4.3, Figma `11351:6110`).
+ *
+ * 72 tall (at least), radius 20, the library's dashed line, its content centred
+ * 32 apart: an optional leading node (`InviteFaces`), one line (Body), an
+ * optional action (the `cta` Invite, `Button size="xl"`) and, with `onDismiss`,
+ * a teal Body Bold "Dismiss" button. Under 48rem of its own width the line sits
+ * over the controls (spec §4.12).
+ *
+ * ## A block, not a `Notice` variant
+ *
+ * `Notice` is an amber status message with a heading, a `role="status"` and an
+ * outline action. This shares none of that: no heading, no status to announce,
+ * a dashed outline instead of a ground. A variant would have been a second
+ * component behind one name.
+ *
+ * Whether it shows (dismissed for this grid and person, nobody else here yet)
+ * is the Console's decision and the Console's storage; the banner only reports
+ * the press.
+ */
+function DashedBanner({ leading, action, onDismiss, dismissLabel = "Dismiss", className, children, ...props }) {
+    return (_jsx("section", { "data-slot": "dashed-banner", className: cn("@container/dashed-banner flex min-h-18 items-center justify-center rounded-container px-6 py-[15px] text-ink", DASHED_LINE_CLASS, className), ...props, children: _jsxs("div", { "data-slot": "dashed-banner-content", className: "flex flex-wrap items-center justify-center gap-8 @max-[48rem]/dashed-banner:flex-col @max-[48rem]/dashed-banner:gap-4", children: [leading ? (_jsx("div", { "data-slot": "dashed-banner-leading", className: "flex shrink-0 items-center", children: leading })) : null, _jsx("p", { "data-slot": "dashed-banner-text", className: "m-0 text-center text-body-sm text-pretty", children: children }), action || onDismiss ? (_jsxs("div", { className: "flex shrink-0 items-center gap-8", children: [action ? (_jsx("div", { "data-slot": "dashed-banner-action", className: "flex items-center", children: action })) : null, onDismiss ? (_jsx("button", { type: "button", "data-slot": "dashed-banner-dismiss", onClick: onDismiss, className: cn(ACTION_LINK_CLASS, "font-bold"), children: dismissLabel })) : null] })) : null] }) }));
+}
+export { DashedBanner };
+//# sourceMappingURL=dashed-banner.js.map

package/dist/blocks/dashed-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashed-banner.js","sourceRoot":"","sources":["../../src/blocks/dashed-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAYT;IACC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,8GAA8G,EAC9G,iBAAiB,EACjB,SAAS,CACV,KACG,KAAK,YAGT,4BACY,uBAAuB,EACjC,SAAS,EAAC,uHAAuH,aAEhI,OAAO,CAAC,CAAC,CAAC,CACT,2BAAe,uBAAuB,EAAC,SAAS,EAAC,4BAA4B,YAC1E,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAa,oBAAoB,EAAC,SAAS,EAAC,0CAA0C,YACnF,QAAQ,GACP,EACH,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAC,kCAAkC,aAC9C,MAAM,CAAC,CAAC,CAAC,CACR,2BAAe,sBAAsB,EAAC,SAAS,EAAC,mBAAmB,YAChE,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,iBAAQ,IAAI,EAAC,QAAQ,eAAW,uBAAuB,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC,YACtH,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACE,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/blocks/dashed-line.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+/**
+ * THE DASHED LINE, named once (#382, spec §6.4).
+ *
+ * The 2026 Home draws one dashed hairline in four places: the empty state
+ * (`EmptyCreations`), the Add tile (`AddTile`), the invite banner
+ * (`DashedBanner`) and the invite circle (`InviteFaces`, and through it the
+ * header's "Invite" when nobody else is on the grid). A recipe each would drift
+ * the first time one of them was retuned, so this is the one spelling.
+ *
+ * The frame's slate (`--cg-slate-500`) on the default ground. That rung is
+ * declared at `:root` only and measures 1.71:1 on the purple panel, so inside
+ * `[data-cg-surface]` the line moves to `--cg-border-control`, which flips.
+ * This is the recipe `EmptyCreations` already had (#276), moved here.
+ *
+ * The dash itself is the browser's `border-dashed`, not Figma's `[3, 5]`: CSS
+ * cannot set a dash pattern on a border, and a rounded box's corners are where a
+ * repeating-gradient imitation breaks. An exact `[3, 5]` would need an SVG
+ * outline in every box; that is a call for the designer, not a default.
+ */
+declare const DASHED_LINE_CLASS = "border border-dashed border-steel in-data-[cg-surface=panel]:border-line in-data-[cg-surface=ink]:border-line";
+/**
+ * A row of empty faces ending in a dashed "+" circle: "people could be here".
+ *
+ * The invite banner draws three empty faces and the dashed one (Figma
+ * `11351:6119`); the header's Invite control, when nobody else is on the grid,
+ * draws the dashed one alone (spec §3.3). Faces overlap by 12px, as
+ * `AvatarStack` does, and every later face paints over the one before it.
+ *
+ * Decoration: the whole row is `aria-hidden`. The Invite button or link beside
+ * it is what a reader hears.
+ *
+ * The empty faces are white with a 1px slate line. Figma strokes them OUTSIDE
+ * the 32px; drawn inside here, as every other bordered part in this library is,
+ * so a face is 32 and not 34.
+ */
+declare function InviteFaces({ placeholders, size, className, style, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
+    /** Empty faces before the dashed one. 0 draws the dashed circle alone. */
+    placeholders?: number;
+    /** The face diameter. */
+    size?: 24 | 32;
+}): React.JSX.Element;
+export { DASHED_LINE_CLASS, InviteFaces };
+//# sourceMappingURL=dashed-line.d.ts.map

package/dist/blocks/dashed-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashed-line.d.ts","sourceRoot":"","sources":["../../src/blocks/dashed-line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,iBAAiB,kHAC0F,CAAA;AAEjH;;;;;;;;;;;;;;GAcG;AACH,iBAAS,WAAW,CAAC,EACnB,YAAgB,EAChB,IAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACf,qBA6BA;AAED,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/dashed-line.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { PlusIcon } from "./icons.js";
+/**
+ * THE DASHED LINE, named once (#382, spec §6.4).
+ *
+ * The 2026 Home draws one dashed hairline in four places: the empty state
+ * (`EmptyCreations`), the Add tile (`AddTile`), the invite banner
+ * (`DashedBanner`) and the invite circle (`InviteFaces`, and through it the
+ * header's "Invite" when nobody else is on the grid). A recipe each would drift
+ * the first time one of them was retuned, so this is the one spelling.
+ *
+ * The frame's slate (`--cg-slate-500`) on the default ground. That rung is
+ * declared at `:root` only and measures 1.71:1 on the purple panel, so inside
+ * `[data-cg-surface]` the line moves to `--cg-border-control`, which flips.
+ * This is the recipe `EmptyCreations` already had (#276), moved here.
+ *
+ * The dash itself is the browser's `border-dashed`, not Figma's `[3, 5]`: CSS
+ * cannot set a dash pattern on a border, and a rounded box's corners are where a
+ * repeating-gradient imitation breaks. An exact `[3, 5]` would need an SVG
+ * outline in every box; that is a call for the designer, not a default.
+ */
+const DASHED_LINE_CLASS = "border border-dashed border-steel in-data-[cg-surface=panel]:border-line in-data-[cg-surface=ink]:border-line";
+/**
+ * A row of empty faces ending in a dashed "+" circle: "people could be here".
+ *
+ * The invite banner draws three empty faces and the dashed one (Figma
+ * `11351:6119`); the header's Invite control, when nobody else is on the grid,
+ * draws the dashed one alone (spec §3.3). Faces overlap by 12px, as
+ * `AvatarStack` does, and every later face paints over the one before it.
+ *
+ * Decoration: the whole row is `aria-hidden`. The Invite button or link beside
+ * it is what a reader hears.
+ *
+ * The empty faces are white with a 1px slate line. Figma strokes them OUTSIDE
+ * the 32px; drawn inside here, as every other bordered part in this library is,
+ * so a face is 32 and not 34.
+ */
+function InviteFaces({ placeholders = 3, size = 32, className, style, ...props }) {
+    const box = { width: size, height: size };
+    const count = Math.max(0, Math.floor(placeholders));
+    return (_jsxs("span", { "data-slot": "invite-faces", "aria-hidden": "true", className: cn("inline-flex shrink-0 items-center", className), style: style, ...props, children: [Array.from({ length: count }, (_, i) => (_jsx("span", { "data-slot": "invite-faces-empty", className: cn("block shrink-0 rounded-pill border border-steel bg-card", i > 0 && "-ml-3"), style: box }, i))), _jsx("span", { "data-slot": "invite-faces-add", className: cn("flex shrink-0 items-center justify-center rounded-pill", DASHED_LINE_CLASS, count > 0 && "-ml-3"), style: box, children: _jsx(PlusIcon, { className: "size-4 text-steel" }) })] }));
+}
+export { DASHED_LINE_CLASS, InviteFaces };
+//# sourceMappingURL=dashed-line.js.map

package/dist/blocks/dashed-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashed-line.js","sourceRoot":"","sources":["../../src/blocks/dashed-line.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,iBAAiB,GACrB,+GAA+G,CAAA;AAEjH;;;;;;;;;;;;;;GAcG;AACH,SAAS,WAAW,CAAC,EACnB,YAAY,GAAG,CAAC,EAChB,IAAI,GAAG,EAAE,EACT,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAMT;IACC,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,6BACY,cAAc,iBACZ,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,EAC7D,KAAK,EAAE,KAAK,KACR,KAAK,aAER,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,4BAEY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,EAC1F,KAAK,EAAE,GAAG,IAHL,CAAC,CAIN,CACH,CAAC,EACF,4BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,iBAAiB,EAAE,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,EAChH,KAAK,EAAE,GAAG,YAEV,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,GACrC,IACF,CACR,CAAA;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/empty-creations.d.ts

@@ -57,6 +57,19 @@ import { EMPTY_CREATIONS_PREVIEWS } from "./empty-creations-previews.js";
  * bytes ship as files under `@cloudgrid-io/ui/brand/creations/1.webp` to `4.webp`.
  * The component inlines them as data URIs because a package has no public path:
  * see `scripts/generate-creation-previews.mjs`.
+ *
+ * ## The plain look (#382)
+ *
+ * The 2026 Home's "I have no creations" frame (F1, `11323:8952`) drops the fan:
+ * a dashed box 320 tall at radius 20, one centred column 16 apart, the title at
+ * Tanker 32 (`text-title-32`, leading 1), the same line, and the 48px `cta` Add
+ * (`Button size="2xl"`) with its plus after the label. `look="plain"` asks for
+ * it; the fan stays the default so a consumer who does not ask sees no change.
+ *
+ * `secondaryAction` is a node under Add, in either look: the frame's "or
+ * onboard an agent". Its wrapper is Body in the muted rung, so a bare "or" reads
+ * muted and a link inside it brings its own colour (`ActionLink`, or a
+ * `CopyButton` styled with `ACTION_LINK_CLASS`).
  */
 /** The heading and the line, as the frame writes them. */
 declare const EMPTY_CREATIONS_TITLE = "No creations yet";
@@ -77,8 +90,12 @@ type EmptyCreationsProps = Omit<React.ComponentProps<"section">, "children"> & {
     previews?: readonly string[];
     /** The heading level. Default 2; pass 3 when the block sits under a section's h2. */
     level?: 2 | 3 | 4;
+    /** `fan` (default): the 2025 box with the picture fan. `plain`: the 2026 Home's box. */
+    look?: "fan" | "plain";
+    /** Rendered under Add: the frame's "or onboard an agent". */
+    secondaryAction?: React.ReactNode;
 };
-declare function EmptyCreations({ onAdd, href, linkComponent, addLabel, previews, level, className, ...props }: EmptyCreationsProps): React.JSX.Element;
+declare function EmptyCreations({ onAdd, href, linkComponent, addLabel, previews, level, look, secondaryAction, className, ...props }: EmptyCreationsProps): React.JSX.Element;
 export { EmptyCreations, EMPTY_CREATIONS_DESCRIPTION, EMPTY_CREATIONS_PREVIEWS, EMPTY_CREATIONS_TITLE };
 export type { EmptyCreationsProps };
 //# sourceMappingURL=empty-creations.d.ts.map

package/dist/blocks/empty-creations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-creations.d.ts","sourceRoot":"","sources":["../../src/blocks/empty-creations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,0DAA0D;AAC1D,QAAA,MAAM,qBAAqB,qBAAqB,CAAA;AAChD,QAAA,MAAM,2BAA2B,uDAAuD,CAAA;AAoBxF,KAAK,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC5C,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mFAAmF;IACnF,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC5B,qFAAqF;IACrF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAClB,CAAA;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,KAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAyGrB;AAED,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAA;AACvG,YAAY,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"empty-creations.d.ts","sourceRoot":"","sources":["../../src/blocks/empty-creations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAEH,0DAA0D;AAC1D,QAAA,MAAM,qBAAqB,qBAAqB,CAAA;AAChD,QAAA,MAAM,2BAA2B,uDAAuD,CAAA;AAaxF,KAAK,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC5C,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mFAAmF;IACnF,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC5B,qFAAqF;IACrF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACjB,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACtB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,KAAS,EACT,IAAY,EACZ,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAkKrB;AAED,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAA;AACvG,YAAY,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/blocks/empty-creations.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Button } from "../ui/button.js";
 import { PlusIcon } from "./icons.js";
 import { cn } from "../lib/cloudgrid-cn.js";
+import { DASHED_LINE_CLASS } from "./dashed-line.js";
 import { EMPTY_CREATIONS_PREVIEWS } from "./empty-creations-previews.js";
 /**
  * The new-user empty state for "My creations" (#276): a dashed box holding a fan
@@ -61,15 +62,23 @@ import { EMPTY_CREATIONS_PREVIEWS } from "./empty-creations-previews.js";
  * bytes ship as files under `@cloudgrid-io/ui/brand/creations/1.webp` to `4.webp`.
  * The component inlines them as data URIs because a package has no public path:
  * see `scripts/generate-creation-previews.mjs`.
+ *
+ * ## The plain look (#382)
+ *
+ * The 2026 Home's "I have no creations" frame (F1, `11323:8952`) drops the fan:
+ * a dashed box 320 tall at radius 20, one centred column 16 apart, the title at
+ * Tanker 32 (`text-title-32`, leading 1), the same line, and the 48px `cta` Add
+ * (`Button size="2xl"`) with its plus after the label. `look="plain"` asks for
+ * it; the fan stays the default so a consumer who does not ask sees no change.
+ *
+ * `secondaryAction` is a node under Add, in either look: the frame's "or
+ * onboard an agent". Its wrapper is Body in the muted rung, so a bare "or" reads
+ * muted and a link inside it brings its own colour (`ActionLink`, or a
+ * `CopyButton` styled with `ACTION_LINK_CLASS`).
  */
 /** The heading and the line, as the frame writes them. */
 const EMPTY_CREATIONS_TITLE = "No creations yet";
 const EMPTY_CREATIONS_DESCRIPTION = "Your creations will show up here, along with stats";
-/**
- * The dashed hairline: the frame's slate on the default ground, a flipping
- * border token on either surface.
- */
-const DASHED_LINE = "border border-dashed border-steel in-data-[cg-surface=panel]:border-line in-data-[cg-surface=ink]:border-line";
 /**
  * The four picture slots, left to right, outside the "+" tile. `outer` slots
  * are the ones that drop at narrow widths. The z-order rises towards the middle.
@@ -80,7 +89,7 @@ const PICTURE_SLOTS = [
     { side: "right", outer: false, className: "z-20 h-11.75 w-20.5 -ml-5" },
     { side: "right", outer: true, className: "z-10 h-9.5 w-16.5 -ml-5" },
 ];
-function EmptyCreations({ onAdd, href, linkComponent, addLabel = "Add", previews, level = 2, className, ...props }) {
+function EmptyCreations({ onAdd, href, linkComponent, addLabel = "Add", previews, level = 2, look = "fan", secondaryAction, className, ...props }) {
     const sources = previews && previews.length > 0 ? previews : EMPTY_CREATIONS_PREVIEWS;
     const Heading = `h${level}`;
     const Link = linkComponent ?? "a";
@@ -93,14 +102,21 @@ function EmptyCreations({ onAdd, href, linkComponent, addLabel = "Add", previews
     // rounded 16, which is `h-10 px-5 rounded-xl`; the label is the UI face, bold,
     // at the 15px body-sm rung.
     const buttonClass = "h-10 rounded-xl px-5 font-ui text-body-sm font-bold";
-    return (_jsx("section", { "data-slot": "empty-creations", className: cn("@container/empty-creations w-full rounded-md", DASHED_LINE, className), ...props, children: _jsxs("div", { className: "flex flex-col items-center gap-6 px-8 py-20 text-center @max-sm/empty-creations:px-4 @max-sm/empty-creations:py-12", children: [_jsxs("div", { "data-slot": "empty-creations-fan", "aria-hidden": "true", className: "flex items-center justify-center", children: [picture(0), picture(1), _jsx("span", { "data-slot": "empty-creations-add-tile", className: cn("relative z-30 flex h-14 w-24.25 shrink-0 items-center justify-center rounded-md shadow-card", "bg-page in-data-[cg-surface=panel]:bg-panel in-data-[cg-surface=ink]:bg-code", DASHED_LINE), children: _jsx(PlusIcon, { className: "size-5 text-steel in-data-[cg-surface=panel]:text-faint in-data-[cg-surface=ink]:text-faint" }) }), picture(2), picture(3)] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsx(Heading, { "data-slot": "empty-creations-title", className: "m-0 font-display font-heavy uppercase text-balance text-display-md leading-display tracking-display text-(--cg-text-accent) @max-sm/empty-creations:text-display-sm", children: EMPTY_CREATIONS_TITLE }), _jsx("p", { "data-slot": "empty-creations-description", className: "m-0 font-body text-body-sm text-pretty text-ink", children: EMPTY_CREATIONS_DESCRIPTION })] }), href !== undefined ? (
+    const secondary = secondaryAction !== undefined && secondaryAction !== null ? (_jsx("div", { "data-slot": "empty-creations-secondary", className: "m-0 font-body text-body-sm text-faint-strong", children: secondaryAction })) : null;
+    if (look === "plain") {
+        // The 2026 Add: the `2xl` rung (48 tall, 32 aside, radius 16), its plus
+        // after the label, 12 apart (the rung's gap).
+        const plainLabel = (_jsxs(_Fragment, { children: [addLabel, _jsx(PlusIcon, {})] }));
+        return (_jsx("section", { "data-slot": "empty-creations", "data-look": "plain", className: cn("flex min-h-80 w-full items-center justify-center rounded-container px-8 py-12 text-center", DASHED_LINE_CLASS, className), ...props, children: _jsxs("div", { "data-slot": "empty-creations-stack", className: "flex w-full flex-col items-center gap-4", children: [_jsx(Heading, { "data-slot": "empty-creations-title", className: "m-0 font-display font-heavy uppercase text-balance text-title-32 leading-none text-(--cg-text-accent)", children: EMPTY_CREATIONS_TITLE }), _jsx("p", { "data-slot": "empty-creations-description", className: "m-0 font-body text-body-sm text-pretty text-ink", children: EMPTY_CREATIONS_DESCRIPTION }), href !== undefined ? (_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", size: "2xl", render: _jsx(Link, { href: href }), nativeButton: false, role: "link", onClick: onAdd, children: plainLabel })) : (_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", size: "2xl", type: "button", onClick: onAdd, children: plainLabel })), secondary] }) }));
+    }
+    return (_jsx("section", { "data-slot": "empty-creations", className: cn("@container/empty-creations w-full rounded-md", DASHED_LINE_CLASS, className), ...props, children: _jsxs("div", { className: "flex flex-col items-center gap-6 px-8 py-20 text-center @max-sm/empty-creations:px-4 @max-sm/empty-creations:py-12", children: [_jsxs("div", { "data-slot": "empty-creations-fan", "aria-hidden": "true", className: "flex items-center justify-center", children: [picture(0), picture(1), _jsx("span", { "data-slot": "empty-creations-add-tile", className: cn("relative z-30 flex h-14 w-24.25 shrink-0 items-center justify-center rounded-md shadow-card", "bg-page in-data-[cg-surface=panel]:bg-panel in-data-[cg-surface=ink]:bg-code", DASHED_LINE_CLASS), children: _jsx(PlusIcon, { className: "size-5 text-steel in-data-[cg-surface=panel]:text-faint in-data-[cg-surface=ink]:text-faint" }) }), picture(2), picture(3)] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsx(Heading, { "data-slot": "empty-creations-title", className: "m-0 font-display font-heavy uppercase text-balance text-display-md leading-display tracking-display text-(--cg-text-accent) @max-sm/empty-creations:text-display-sm", children: EMPTY_CREATIONS_TITLE }), _jsx("p", { "data-slot": "empty-creations-description", className: "m-0 font-body text-body-sm text-pretty text-ink", children: EMPTY_CREATIONS_DESCRIPTION })] }), href !== undefined ? (
                 /*
                   A real link rather than a click handler. Base UI's Button warns when
                   the rendered element is not a <button>, hence `nativeButton={false}`,
                   and it stamps role="button" on a non-native target, put back to
                   `link` because this one navigates. Same shape as SignInOptions.
                 */
-                _jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, render: _jsx(Link, { href: href }), nativeButton: false, role: "link", onClick: onAdd, children: addLabel })) : (_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, type: "button", onClick: onAdd, children: addLabel }))] }) }));
+                _jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, render: _jsx(Link, { href: href }), nativeButton: false, role: "link", onClick: onAdd, children: addLabel })) : (_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, type: "button", onClick: onAdd, children: addLabel })), secondary] }) }));
 }
 export { EmptyCreations, EMPTY_CREATIONS_DESCRIPTION, EMPTY_CREATIONS_PREVIEWS, EMPTY_CREATIONS_TITLE };
 //# sourceMappingURL=empty-creations.js.map

package/dist/blocks/empty-creations.js.map

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

package/dist/blocks/entity-card.d.ts

@@ -435,6 +435,32 @@ export declare const ENTITY_KIND_TINT: Record<EntityKind, string>;
  */
 export declare const ENTITY_CARD_SIZE_ORDER: readonly ["default", "compact", "row"];
 export type EntityCardSize = (typeof ENTITY_CARD_SIZE_ORDER)[number];
+/**
+ * The rail tiles (#382), larger first. A type of their own rather than two
+ * more entries in `EntityCardSize`: a consumer that keeps a
+ * `Record<EntityCardSize, …>` of grid tracks (the Console's `entityCardTrack`)
+ * would otherwise stop compiling on upgrade, and a tile has no grid track.
+ */
+export declare const ENTITY_CARD_TILE_SIZE_ORDER: readonly ["tile-lg", "tile"];
+export type EntityCardTileSize = (typeof ENTITY_CARD_TILE_SIZE_ORDER)[number];
+/**
+ * THE TWO TILES (#382, spec §4.4 and §4.8, Figma "Tile" `4122:250`).
+ *
+ * The 2026 Home lays cards in horizontal rails, and a rail needs a card whose
+ * box is fixed rather than one that stretches to a grid track: 329 x 242 under
+ * My Creations (`tile-lg`), 250 x 184 under On the Grid (`tile`). Both are the
+ * media card unchanged inside: the 159/92 picture at an 11px corner, the 20px
+ * kind badge, the name and the dot at rest, the panel on hover and focus.
+ *
+ * What differs: the box is fixed and does not shrink; `tile-lg` puts 16 rather
+ * than 12 under the picture and centres its name row in the height left over,
+ * as the frame does; neither draws a stat rule or a footer, because at a fixed
+ * height those would push the name out of the box. The count a tile does show
+ * is `restStat`, on the name row.
+ *
+ * `AddTile` reads this table, so the dashed Add tile is the same box.
+ */
+export declare const ENTITY_CARD_TILE_BOX: Record<EntityCardTileSize, string>;
 /**
  * The kind badge on its own, exported because a listing header, a detail page or
  * a row may want the same mark without a card around it.
@@ -470,7 +496,7 @@ declare function EntityKindBadge({ kind, size, className, ...props }: Omit<React
     kind: EntityKind;
     size?: "sm" | "md";
 }): React.JSX.Element;
-declare function EntityCard({ title, slug, description, size, titleLines, descriptionLines, status, statusDot, headerActions, stats, seed, previewUrl, kind, reveal, openDisabledReason, dashboardHref, settingsHref, primaryAction, linkComponent, creator, panelMeta, href, ariaLabel, meta, footer, className, children, ...props }: Omit<React.ComponentProps<"div">, "ref" | "title"> & {
+declare function EntityCard({ title, slug, description, size, titleLines, descriptionLines, status, statusDot, headerActions, stats, restStat, seed, previewUrl, kind, reveal, openDisabledReason, dashboardHref, settingsHref, primaryAction, linkComponent, creator, panelMeta, href, ariaLabel, meta, footer, className, children, ...props }: Omit<React.ComponentProps<"div">, "ref" | "title"> & {
     title: string;
     /** The entity's address, in the mono utility face. */
     slug?: string;
@@ -481,7 +507,7 @@ declare function EntityCard({ title, slug, description, size, titleLines, descri
      * list form. See the note at the top of this file for the grid track each one
      * is meant for, and for what `row` deliberately does differently.
      */
-    size?: EntityCardSize;
+    size?: EntityCardSize | EntityCardTileSize;
     titleLines?: 1 | 2;
     /**
      * Ignored on `compact` and on `row`, both of which always clamp to one line.
@@ -531,6 +557,15 @@ declare function EntityCard({ title, slug, description, size, titleLines, descri
      */
     headerActions?: React.ReactNode;
     stats?: EntityCardStat[];
+    /**
+     * One count shown AT REST, on the name row after the dot (#382): Home's
+     * views, a 14px glyph and the number at 13px, so the number explains itself.
+     * The glyph is decoration and `label` is announced, as for `stats`. The rest
+     * name row is the revealed media card's (`reveal`; a tile always has it), so
+     * that is where it is drawn, at every media size; a card without a panel
+     * keeps `stats`, and a row ignores it.
+     */
+    restStat?: EntityCardStat;
     /**
      * The entity's stable id. Its presence is what turns the preview region on,
      * and its value is what picks the identity look. Pass the id, not the title.

package/dist/blocks/entity-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-card.d.ts","sourceRoot":"","sources":["../../src/blocks/entity-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgXG;AAEH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,0CAA2C,CAAA;AAEzE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI5F,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIvD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,wCAAyC,CAAA;AAE5E,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAwJpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,qBAkCA;AAwBD,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAgB,EAChB,UAAc,EACd,gBAAoB,EACpB,MAAM,EACN,SAAS,EACT,aAAa,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,aAAyB,EACzB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,GAAG;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IAClB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;;;;;;OAaG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAClC;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IACpD;;;;;;;;;;;;;;;;;OAiBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,qBAq8BA;AAED,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"entity-card.d.ts","sourceRoot":"","sources":["../../src/blocks/entity-card.tsx"],"names":[],"mappings":"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"}