@cloudgrid-io/ui 0.31.4 → 0.31.6

package/dist/badge/shared.js

@@ -0,0 +1,53 @@
+/**
+ * Builders both panels use: the panel frame, the Select look, the switch row.
+ *
+ * Behaviour is the badge's, not this module's. Every interactive element
+ * carries a `data-action` (and where it matters a `data-value`) so the badge
+ * can wire one delegated listener per panel, and the ARIA state the badge must
+ * keep in step (`aria-checked`, `aria-expanded`, `aria-selected`) is rendered
+ * here so the first paint is already correct.
+ */
+import { CARET_DOWN, CHECK, X } from "./marks.js";
+import { esc, glyph, wordmark } from "./html.js";
+/**
+ * The panel frame: the wordmark, a close button, then the step. A phone layout
+ * also needs `scrim()` behind it, as a sibling, which the badge closes on tap.
+ */
+export function panel({ label, body, side = "right", closeLabel = "Close", attrs = "" }) {
+    return (`<div class="cgb-panel" role="dialog" aria-label="${esc(label)}" data-side="${side}"${attrs ? ` ${attrs}` : ""}>` +
+        `<div class="cgb-head">${wordmark()}<button class="cgb-icon-btn" type="button" data-action="close" aria-label="${esc(closeLabel)}">${glyph(X)}</button></div>` +
+        body +
+        "</div>");
+}
+/** The phone layout's dimmer behind a bottom sheet. Hidden on desktop by the stylesheet. */
+export const scrim = () => `<div class="cgb-scrim" data-action="close" aria-hidden="true"></div>`;
+/**
+ * Select's look (`ui/select.tsx`): a 32px trigger with a chevron, and a list
+ * that opens with the selected option laid over the trigger, as Select's
+ * `alignItemWithTrigger` places it. Items are 30px, so the offset is exact.
+ */
+export function select({ label, options, value, action = "select", open = false, attrs = "" }) {
+    const index = Math.max(0, options.findIndex((o) => o.value === value));
+    const current = options[index];
+    // Popup padding 4px, items 30px, trigger 32px: the selected item's centre
+    // lands on the trigger's centre.
+    const top = -(4 + index * 30) + 1;
+    return (`<div class="cgb-sel"${attrs ? ` ${attrs}` : ""}>` +
+        `<button class="cgb-sel-trigger" type="button" data-action="${action}" aria-haspopup="listbox" aria-expanded="${open}" aria-label="${esc(label)}">` +
+        `<span>${esc(current?.label ?? "")}</span>${glyph(CARET_DOWN)}</button>` +
+        `<div class="cgb-menu" role="listbox" aria-label="${esc(label)}" style="top:${top}px"${open ? "" : " hidden"}>` +
+        options
+            .map((o) => `<div class="cgb-menu-item" role="option" tabindex="-1" data-action="${action}-pick" data-value="${esc(o.value)}" aria-selected="${o.value === value}">` +
+            `<span>${esc(o.label)}</span>${glyph(CHECK)}</div>`)
+            .join("") +
+        "</div></div>");
+}
+/** A switch: `role="switch"` with `aria-checked`, the library Switch's 32x18 track. */
+export function switchControl(label, checked, action, labelled = false) {
+    return `<button class="cgb-switch" type="button" role="switch" aria-checked="${checked}" data-action="${action}"${labelled ? "" : ` aria-label="${esc(label)}"`}></button>`;
+}
+/** A one-line row: a text label and a switch at the end. The whole row is the switch's label. */
+export function toggleRow(label, checked, action, cls = "") {
+    return `<label class="cgb-toggle${cls ? ` ${cls}` : ""}"><span>${esc(label)}</span>${switchControl(label, checked, action)}</label>`;
+}
+//# sourceMappingURL=shared.js.map

package/dist/badge/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/badge/shared.ts"],"names":[],"mappings":"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"}

package/dist/badge/visitor.d.ts

@@ -0,0 +1,96 @@
+/**
+ * The visitor's half of the badge: the feedback bubble and the feedback panel,
+ * with its sign-in step. Markup only; the badge wires the behaviour.
+ *
+ * Import from `@cloudgrid-io/ui/badge/visitor` in the badge's main file. The
+ * stylesheet for this half is `BADGE_BASE_CSS + BADGE_VISITOR_CSS`.
+ *
+ * Copy follows the spec of 2026-10-12. The word "React" is never used: the
+ * bubble's name is "Leave feedback on this app".
+ */
+import { type SelectOption } from "./shared.js";
+export { BADGE_BASE_CSS } from "./css-base.js";
+export { BADGE_VISITOR_CSS } from "./css-visitor.js";
+export { panel, scrim, select, switchControl, toggleRow } from "./shared.js";
+export type { BadgeSide, PanelOptions, SelectOption, SelectOptions } from "./shared.js";
+export { esc, href, glyph, wordmark, sign } from "./html.js";
+export { badgeRoot, type BadgeRootOptions } from "./root.js";
+export interface BubbleOptions {
+    /** The bubble's accessible name. */
+    label?: string;
+    /** The close x's accessible name. The bubble comes back on reload. */
+    closeLabel?: string;
+}
+/**
+ * The feedback bubble: a white speech bubble with a tail and no text, three
+ * icons (thumbs-up purple, wrench blue, chat green), drifting gently unless the
+ * viewer asks for reduced motion. A small x hides it until reload; it shows on
+ * hover, and always on a touch screen.
+ *
+ * Actions: `open-feedback` on the bubble, `hide-bubble` on the x.
+ */
+export declare function bubble({ label, closeLabel, }?: BubbleOptions): string;
+/** The five reaction kinds, as the API stores them. */
+export type ReactionKind = "like" | "dislike" | "idea" | "ship" | "broken";
+/** Each kind's glyph and its name, which is the button's accessible name and tooltip. */
+export declare const REACTIONS: ReadonlyArray<{
+    kind: ReactionKind;
+    label: string;
+    paths: readonly string[];
+}>;
+/** Like and Dislike exclude each other: picking one clears the other. The rest combine freely. */
+export declare function toggleReaction(pressed: readonly ReactionKind[], kind: ReactionKind): ReactionKind[];
+/** The note's categories, as today's badge sends them. Other is the default. */
+export declare const NOTE_CATEGORIES: readonly SelectOption[];
+export interface VisitorPanelOptions {
+    /** The app's name. */
+    name: string;
+    /** Counts per kind. Each renders above zero, on all five reactions. */
+    counts?: Partial<Record<ReactionKind, number>>;
+    /** The kinds this visitor has already picked. */
+    pressed?: readonly ReactionKind[];
+    /** The note's category. Default `other`. */
+    category?: string;
+    /** Render the category menu open. */
+    categoryOpen?: boolean;
+    /** The note's text, when re-rendering. */
+    message?: string;
+    /** "Signed in as dana@atomiclabs.io". Absent: no hint. */
+    signedInAs?: string;
+    /** After Send: the note section is replaced by the sent line. */
+    sent?: boolean;
+    /** "This page is live on the grid. Learn more" points here. */
+    learnMoreUrl?: string;
+    /** `corner` (default) above the bubble. A phone shows a bottom sheet whatever this says. */
+    side?: "corner" | "right" | "left";
+}
+/**
+ * The feedback panel: the question, five reactions, and "Leave a note" under a
+ * divider. Actions: `reaction` (with `data-value` = the kind) on each reaction,
+ * `category` and `category-pick` on the menu, `send` on Send, `close`.
+ */
+export declare function visitorPanel({ name, counts, pressed, category, categoryOpen, message, signedInAs, sent, learnMoreUrl, side, }: VisitorPanelOptions): string;
+export interface VisitorSignInOptions {
+    name: string;
+    /** The line above the methods. Default "Sign in to leave feedback." */
+    line?: string;
+    /** Offer "Continue with Google" (`login-google`). Default true. */
+    google?: boolean;
+    /** The email field's value, when re-rendering. */
+    email?: string;
+    /** The status line beside Send sign-in link: "Check your inbox for the link." */
+    status?: string;
+    /** "Sign in on CloudGrid", the fallback that leaves the page. */
+    signInUrl: string;
+    learnMoreUrl?: string;
+    side?: "corner" | "right" | "left";
+}
+/**
+ * The sign-in step, today's badge restyled: on an app that requires sign-in, a
+ * signed-out visitor's panel opens here, then shows the reactions. Google,
+ * then an email link, then the CloudGrid sign-in page as the fallback.
+ *
+ * Actions: `login-google`, `login-email` (read `#cgb-email`), `signin` (a link).
+ */
+export declare function visitorSignIn({ name, line, google, email, status, signInUrl, learnMoreUrl, side, }: VisitorSignInOptions): string;
+//# sourceMappingURL=visitor.d.ts.map

package/dist/badge/visitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visitor.d.ts","sourceRoot":"","sources":["../../src/badge/visitor.ts"],"names":[],"mappings":"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"}

package/dist/badge/visitor.js

@@ -0,0 +1,118 @@
+/**
+ * The visitor's half of the badge: the feedback bubble and the feedback panel,
+ * with its sign-in step. Markup only; the badge wires the behaviour.
+ *
+ * Import from `@cloudgrid-io/ui/badge/visitor` in the badge's main file. The
+ * stylesheet for this half is `BADGE_BASE_CSS + BADGE_VISITOR_CSS`.
+ *
+ * Copy follows the spec of 2026-10-12. The word "React" is never used: the
+ * bubble's name is "Leave feedback on this app".
+ */
+import { BUG, CHECK_CIRCLE, GOOGLE_LOGO, LIGHTBULB_FILAMENT, ROCKET_LAUNCH, THUMBS_DOWN, THUMBS_UP, X } from "./marks.js";
+import { esc, glyph, href } from "./html.js";
+import { bubbleIcons } from "./bubble.js";
+import { panel, select } from "./shared.js";
+export { BADGE_BASE_CSS } from "./css-base.js";
+export { BADGE_VISITOR_CSS } from "./css-visitor.js";
+export { panel, scrim, select, switchControl, toggleRow } from "./shared.js";
+export { esc, href, glyph, wordmark, sign } from "./html.js";
+export { badgeRoot } from "./root.js";
+/**
+ * The feedback bubble: a white speech bubble with a tail and no text, three
+ * icons (thumbs-up purple, wrench blue, chat green), drifting gently unless the
+ * viewer asks for reduced motion. A small x hides it until reload; it shows on
+ * hover, and always on a touch screen.
+ *
+ * Actions: `open-feedback` on the bubble, `hide-bubble` on the x.
+ */
+export function bubble({ label = "Leave feedback on this app", closeLabel = "Hide feedback until you reload", } = {}) {
+    return (`<div class="cgb-bubble-wrap">` +
+        `<button class="cgb-bubble" type="button" data-action="open-feedback" aria-label="${esc(label)}" aria-haspopup="dialog">` +
+        bubbleIcons() +
+        `</button>` +
+        `<button class="cgb-bubble-x" type="button" data-action="hide-bubble" aria-label="${esc(closeLabel)}">${glyph(X)}</button>` +
+        `</div>`);
+}
+/** Each kind's glyph and its name, which is the button's accessible name and tooltip. */
+export const REACTIONS = [
+    { kind: "like", label: "Like", paths: THUMBS_UP },
+    { kind: "dislike", label: "Dislike", paths: THUMBS_DOWN },
+    { kind: "idea", label: "Clever idea", paths: LIGHTBULB_FILAMENT },
+    { kind: "ship", label: "Ship it", paths: ROCKET_LAUNCH },
+    { kind: "broken", label: "Something’s broken", paths: BUG },
+];
+/** Like and Dislike exclude each other: picking one clears the other. The rest combine freely. */
+export function toggleReaction(pressed, kind) {
+    if (pressed.includes(kind))
+        return pressed.filter((k) => k !== kind);
+    const rival = kind === "like" ? "dislike" : kind === "dislike" ? "like" : null;
+    return [...pressed.filter((k) => k !== rival), kind];
+}
+// ---- the note ------------------------------------------------------------------
+/** The note's categories, as today's badge sends them. Other is the default. */
+export const NOTE_CATEGORIES = [
+    { value: "bug", label: "Bug" },
+    { value: "idea", label: "Idea" },
+    { value: "praise", label: "Praise" },
+    { value: "question", label: "Question" },
+    { value: "other", label: "Other" },
+];
+const LEARN_MORE = "https://cloudgrid.io";
+const footer = (url) => `<a class="cgb-made" href="${href(url)}" target="_blank" rel="noopener">This page is live on the grid. Learn more</a>`;
+const title = (name) => `<h2 class="cgb-title">What do you think of ${esc(name)}?</h2>`;
+/**
+ * The feedback panel: the question, five reactions, and "Leave a note" under a
+ * divider. Actions: `reaction` (with `data-value` = the kind) on each reaction,
+ * `category` and `category-pick` on the menu, `send` on Send, `close`.
+ */
+export function visitorPanel({ name, counts = {}, pressed = [], category = "other", categoryOpen = false, message = "", signedInAs, sent = false, learnMoreUrl = LEARN_MORE, side = "corner", }) {
+    const reactions = REACTIONS.map(({ kind, label, paths }) => {
+        // Every kind shows its count to visitors, Dislike and Something's broken
+        // included (founder, 2026-10-12, reversing the positive-only rule).
+        const n = counts[kind];
+        const count = typeof n === "number" && n > 0 ? `<span class="cgb-rxc">${esc(n)}</span>` : "";
+        return (`<button class="cgb-rxb" type="button" data-action="reaction" data-value="${kind}" aria-pressed="${pressed.includes(kind)}" aria-label="${esc(label)}" title="${esc(label)}">` +
+            glyph(paths) +
+            count +
+            `</button>`);
+    }).join("");
+    const note = sent
+        ? `<p class="cgb-sent" role="status">${glyph(CHECK_CIRCLE)}Sent. The maker sees it on their Feedback page.</p>`
+        : `<div class="cgb-note">` +
+            `<div class="cgb-note-head"><label class="cgb-note-label" for="cgb-msg">Leave a note</label>` +
+            select({ label: "Category", options: NOTE_CATEGORIES, value: category, action: "category", open: categoryOpen }) +
+            `</div>` +
+            `<textarea class="cgb-textarea" id="cgb-msg" rows="3" placeholder="Optional. Tell the maker what you noticed.">${esc(message)}</textarea>` +
+            `<div class="cgb-note-actions"><span class="cgb-hint">${signedInAs ? `Signed in as ${esc(signedInAs)}` : ""}</span>` +
+            `<button class="cgb-btn" type="button" data-action="send">Send</button></div>` +
+            `</div>`;
+    return panel({
+        label: `Send feedback on ${name}`,
+        side,
+        body: title(name) + `<div class="cgb-rx" role="group" aria-label="Reactions">${reactions}</div>` + note + footer(learnMoreUrl),
+    });
+}
+/**
+ * The sign-in step, today's badge restyled: on an app that requires sign-in, a
+ * signed-out visitor's panel opens here, then shows the reactions. Google,
+ * then an email link, then the CloudGrid sign-in page as the fallback.
+ *
+ * Actions: `login-google`, `login-email` (read `#cgb-email`), `signin` (a link).
+ */
+export function visitorSignIn({ name, line = "Sign in to leave feedback.", google = true, email = "", status = "", signInUrl, learnMoreUrl = LEARN_MORE, side = "corner", }) {
+    const body = title(name) +
+        `<p class="cgb-desc">${esc(line)}</p>` +
+        `<div class="cgb-signin">` +
+        (google
+            ? `<button class="cgb-method" type="button" data-action="login-google">${glyph(GOOGLE_LOGO)}Continue with Google</button><div class="cgb-or" aria-hidden="true">OR</div>`
+            : "") +
+        `<label class="cgb-field-label" for="cgb-email">Email</label>` +
+        `<input class="cgb-input" id="cgb-email" type="email" autocomplete="email" placeholder="you@example.com" value="${esc(email)}">` +
+        `<div class="cgb-note-actions"><span class="cgb-hint" role="status">${esc(status)}</span>` +
+        `<button class="cgb-btn" type="button" data-action="login-email">Send sign-in link</button></div>` +
+        `<a class="cgb-link" href="${href(signInUrl)}" target="_top" data-action="signin">Sign in on CloudGrid</a>` +
+        `</div>` +
+        footer(learnMoreUrl);
+    return panel({ label: `Send feedback on ${name}`, side, body });
+}
+//# sourceMappingURL=visitor.js.map

package/dist/badge/visitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visitor.js","sourceRoot":"","sources":["../../src/badge/visitor.ts"],"names":[],"mappings":"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"}

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

@@ -132,5 +132,48 @@ declare function EntityStateDot({ status, label, className, ...props }: Omit<Rea
     /** Overrides the announced word. There is no visible word to override. */
     label?: React.ReactNode;
 }): import("react").JSX.Element;
-export { EntityStatus, EntityStateDot };
+/**
+ * HOW SOON SOMETHING EXPIRES. The tag a card and the page header show from five
+ * days before expiry (ui#295, spec "Expiry warning and Keep", 2026-10-11).
+ *
+ * Not a status. "Expires in 5 days" is not something an entity IS: the
+ * platform's status for the same page is still `live`, or `charged` for an app
+ * that was never published. So it is its own component beside `EntityStatus`
+ * rather than an eleventh row in the status table, and the ten statuses above
+ * are unchanged. A surface shows this INSTEAD of the status chip while
+ * something is about to expire, which is the spec's rule for the card.
+ *
+ * ## Two tones, from the number
+ *
+ * More than one day left is the amber of `expired` (`soon`). One day left, or
+ * less, is the red of `error` (`urgent`): the spec's "urgent on the last day".
+ * The caller passes the whole days left and nothing else, so no surface can
+ * paint "Expires tomorrow" amber.
+ *
+ * ## The word is coloured here, unlike `EntityStatus`
+ *
+ * The founder-approved mock draws the word in the state colour with a border,
+ * and the tokens for it exist: `--cg-expired-strong` and `--cg-danger-strong`
+ * are the TEXT tones of those states (7.63:1 and 5.02:1 on their fills, per their
+ * notes in tokens.css), not the indicator tones `EntityStatus` refuses to put
+ * on a word. On the purple and ink surfaces both strong tokens resolve to the
+ * surface's own text colour and the fill to a translucent wash, so the chip
+ * flips with no help. The dot stays, and the word always renders, so the tone
+ * is never colour alone: the urgent chip SAYS "tomorrow".
+ */
+export type EntityExpiryTone = "soon" | "urgent";
+/** `urgent` on the last day (one day left or fewer), `soon` before it. */
+export declare function entityExpiryTone(daysLeft: number): EntityExpiryTone;
+/**
+ * The words, from whole days left. "Expires in 5 days", "Expires tomorrow",
+ * "Expires today". The number is always the real one.
+ */
+export declare function entityExpiryLabel(daysLeft: number): string;
+declare function EntityExpiryStatus({ daysLeft, label, className, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
+    /** Whole days until expiry. 1 is tomorrow, 0 is today. */
+    daysLeft: number;
+    /** Overrides the default words. The tone still follows `daysLeft`. */
+    label?: React.ReactNode;
+}): import("react").JSX.Element;
+export { EntityStatus, EntityStateDot, EntityExpiryStatus };
 //# sourceMappingURL=entity-status.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"entity-status.d.ts","sourceRoot":"","sources":["../../src/blocks/entity-status.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,qHAWtB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,kEAAkE;AAClE,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAWzE,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAehE,CAAA;AAmBD,iBAAS,YAAY,CAAC,EACpB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,MAAM,EAAE,gBAAgB,CAAA;IACxB,sFAAsF;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,+BAqCA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,cAAc,CAAC,EACtB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,MAAM,EAAE,gBAAgB,CAAA;IACxB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,+BAwBA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"entity-status.d.ts","sourceRoot":"","sources":["../../src/blocks/entity-status.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,qHAWtB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,kEAAkE;AAClE,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAWzE,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAehE,CAAA;AAmBD,iBAAS,YAAY,CAAC,EACpB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,MAAM,EAAE,gBAAgB,CAAA;IACxB,sFAAsF;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,+BAqCA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,cAAc,CAAC,EACtB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,MAAM,EAAE,gBAAgB,CAAA;IACxB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,+BAwBA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAEnE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAK1D;AAOD,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,+BAwBA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/blocks/entity-status.js

@@ -192,5 +192,30 @@ function EntityStateDot({ status, label, className, ...props }) {
         // consumer's repo and a rule in our stylesheet does not.
         status === "building" && "motion-safe:animate-pulse", className), ...props, children: _jsx("span", { className: "sr-only", children: label ?? ENTITY_STATUS_LABEL[status] }) }));
 }
-export { EntityStatus, EntityStateDot };
+/** `urgent` on the last day (one day left or fewer), `soon` before it. */
+export function entityExpiryTone(daysLeft) {
+    return daysLeft <= 1 ? "urgent" : "soon";
+}
+/**
+ * The words, from whole days left. "Expires in 5 days", "Expires tomorrow",
+ * "Expires today". The number is always the real one.
+ */
+export function entityExpiryLabel(daysLeft) {
+    const days = Math.max(0, Math.floor(daysLeft));
+    if (days === 0)
+        return "Expires today";
+    if (days === 1)
+        return "Expires tomorrow";
+    return `Expires in ${days} days`;
+}
+const EXPIRY_STYLE = {
+    soon: { chip: "border-expired-border bg-expired-fill text-expired-strong", dot: "bg-expired" },
+    urgent: { chip: "border-danger-border bg-danger-fill text-danger-strong", dot: "bg-danger" },
+};
+function EntityExpiryStatus({ daysLeft, label, className, ...props }) {
+    const tone = entityExpiryTone(daysLeft);
+    const style = EXPIRY_STYLE[tone];
+    return (_jsxs("span", { "data-slot": "entity-expiry-status", "data-tone": tone, "data-days-left": Math.max(0, Math.floor(daysLeft)), className: cn("inline-flex w-fit shrink-0 items-center gap-1.5 rounded-pill border px-2.5 py-0.5 text-caption font-medium whitespace-nowrap", style.chip, className), ...props, children: [_jsx("span", { "aria-hidden": "true", "data-slot": "entity-expiry-status-dot", className: cn("size-1.5 shrink-0 rounded-pill", style.dot) }), label ?? entityExpiryLabel(daysLeft)] }));
+}
+export { EntityStatus, EntityStateDot, EntityExpiryStatus };
 //# sourceMappingURL=entity-status.js.map

package/dist/blocks/entity-status.js.map

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

package/dist/blocks/expiry-notice.d.ts

@@ -0,0 +1,86 @@
+import * as React from "react";
+/**
+ * THE EXPIRY NOTICE. The row an item's page shows while it is about to expire,
+ * or after it has (ui#295, spec "Expiry warning and Keep", 2026-10-11).
+ *
+ * ```
+ * This page expires in 5 days.                                    [ Keep ]
+ * Nobody has opened it in 25 days. Keep it and it won't expire.
+ * ```
+ *
+ * It is the Console's app-page status row (`AppStateBanner`, the row that says
+ * Paused, Building and the rest) with a ground: one sentence, one reason, at
+ * most one action, the action under the sentence on a phone. The type matches
+ * that row: the sentence 16px semibold, the reason a step down in the secondary
+ * tone. The founder-approved mock tints it so it reads as a warning rather than
+ * a resting state.
+ *
+ * ## Variants
+ *
+ * - `soon`: five days to one day before. The amber of the expired state.
+ * - `urgent`: the last day. The danger fill.
+ * - `from-email`: the reader arrived from the warning email's Keep link. The
+ *   brand tint with a 2px brand outline, and the Console passes `focusAction` so
+ *   Keep has focus and is one press away. The link never keeps by itself, since
+ *   email scanners open every link; this is the click that does.
+ * - `expired`: after expiry, before the Shelf. The same amber as `soon`; the
+ *   words are what differ ("This page expired.").
+ *
+ * No action is a variant of its own in effect, not a value: leave `action` out
+ * for a member who is not the owner or a grid admin and cannot keep it. The
+ * row still says what is happening and the reason line says who can act.
+ *
+ * ## Accessibility
+ *
+ * `role="status"`, like the Console row it matches: a polite region, so a
+ * notice that appears while the reader is on the page is announced without
+ * taking focus. Not `alert`: nothing here is an error and nothing interrupts.
+ * The region is named (`label`, "Expiry" by default) so a reader moving by
+ * region hears what it is about.
+ *
+ * The action is a real `<button>`, described by the sentence
+ * (`aria-describedby`), so a screen reader that lands on "Keep" hears what it
+ * keeps and when it expires. The tone is never colour alone: the sentence
+ * carries it ("expires tomorrow", "expired"), and the from-email outline is a
+ * shape as well as a colour.
+ *
+ * ## Surfaces
+ *
+ * `soon`, `urgent` and `expired` are tokens all the way down: on the purple
+ * panel and on ink the fills resolve to a translucent wash and the words to the
+ * surface's text, with no help. `from-email` is a self-contained light card on
+ * every surface (`data-theme="default"`, the base scope tokens.css declares
+ * beside `:root`), the arrangement `EntityCard`'s panel and `ShowcaseScroll`
+ * use: `--cg-primary-tint` does not flip, so ink-on-tint has to be kept inside
+ * it rather than inherited as white-on-tint.
+ */
+export declare const EXPIRY_NOTICE_VARIANTS: readonly ["soon", "urgent", "from-email", "expired"];
+export type ExpiryNoticeVariant = (typeof EXPIRY_NOTICE_VARIANTS)[number];
+export interface ExpiryNoticeAction {
+    /** The word on the button. "Keep" in every spec'd case. */
+    label: string;
+    onClick: () => void;
+    /** While the request is in flight: the button is disabled and says `pendingLabel`. */
+    pending?: boolean;
+    /** Defaults to "Keeping…". */
+    pendingLabel?: string;
+}
+export interface ExpiryNoticeProps extends Omit<React.ComponentProps<"section">, "title" | "children"> {
+    variant: ExpiryNoticeVariant;
+    /** The sentence. "This page expires in 5 days." */
+    title: React.ReactNode;
+    /** The reason, or who can act. "Nobody has opened it in 25 days. Keep it and it won't expire." */
+    reason?: React.ReactNode;
+    /** Leave out for a reader who cannot keep it. */
+    action?: ExpiryNoticeAction;
+    /**
+     * Focus the action when the notice mounts. For the arrival from the email
+     * (`from-email`); ignored when there is no action.
+     */
+    focusAction?: boolean;
+    /** The region's name. Defaults to "Expiry". */
+    label?: string;
+}
+declare function ExpiryNotice({ variant, title, reason, action, focusAction, label, className, ...props }: ExpiryNoticeProps): React.JSX.Element;
+export { ExpiryNotice };
+//# sourceMappingURL=expiry-notice.d.ts.map

package/dist/blocks/expiry-notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expiry-notice.d.ts","sourceRoot":"","sources":["../../src/blocks/expiry-notice.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AAEH,eAAO,MAAM,sBAAsB,sDAAuD,CAAA;AAE1F,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,mBAAmB,CAAA;IAC5B,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kGAAkG;IAClG,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AASD,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAmB,EACnB,KAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA6DnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/blocks/expiry-notice.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { Button } from "../ui/button.js";
+/**
+ * THE EXPIRY NOTICE. The row an item's page shows while it is about to expire,
+ * or after it has (ui#295, spec "Expiry warning and Keep", 2026-10-11).
+ *
+ * ```
+ * This page expires in 5 days.                                    [ Keep ]
+ * Nobody has opened it in 25 days. Keep it and it won't expire.
+ * ```
+ *
+ * It is the Console's app-page status row (`AppStateBanner`, the row that says
+ * Paused, Building and the rest) with a ground: one sentence, one reason, at
+ * most one action, the action under the sentence on a phone. The type matches
+ * that row: the sentence 16px semibold, the reason a step down in the secondary
+ * tone. The founder-approved mock tints it so it reads as a warning rather than
+ * a resting state.
+ *
+ * ## Variants
+ *
+ * - `soon`: five days to one day before. The amber of the expired state.
+ * - `urgent`: the last day. The danger fill.
+ * - `from-email`: the reader arrived from the warning email's Keep link. The
+ *   brand tint with a 2px brand outline, and the Console passes `focusAction` so
+ *   Keep has focus and is one press away. The link never keeps by itself, since
+ *   email scanners open every link; this is the click that does.
+ * - `expired`: after expiry, before the Shelf. The same amber as `soon`; the
+ *   words are what differ ("This page expired.").
+ *
+ * No action is a variant of its own in effect, not a value: leave `action` out
+ * for a member who is not the owner or a grid admin and cannot keep it. The
+ * row still says what is happening and the reason line says who can act.
+ *
+ * ## Accessibility
+ *
+ * `role="status"`, like the Console row it matches: a polite region, so a
+ * notice that appears while the reader is on the page is announced without
+ * taking focus. Not `alert`: nothing here is an error and nothing interrupts.
+ * The region is named (`label`, "Expiry" by default) so a reader moving by
+ * region hears what it is about.
+ *
+ * The action is a real `<button>`, described by the sentence
+ * (`aria-describedby`), so a screen reader that lands on "Keep" hears what it
+ * keeps and when it expires. The tone is never colour alone: the sentence
+ * carries it ("expires tomorrow", "expired"), and the from-email outline is a
+ * shape as well as a colour.
+ *
+ * ## Surfaces
+ *
+ * `soon`, `urgent` and `expired` are tokens all the way down: on the purple
+ * panel and on ink the fills resolve to a translucent wash and the words to the
+ * surface's text, with no help. `from-email` is a self-contained light card on
+ * every surface (`data-theme="default"`, the base scope tokens.css declares
+ * beside `:root`), the arrangement `EntityCard`'s panel and `ShowcaseScroll`
+ * use: `--cg-primary-tint` does not flip, so ink-on-tint has to be kept inside
+ * it rather than inherited as white-on-tint.
+ */
+export const EXPIRY_NOTICE_VARIANTS = ["soon", "urgent", "from-email", "expired"];
+const VARIANT_STYLE = {
+    soon: "bg-expired-fill",
+    urgent: "bg-danger-fill",
+    "from-email": "bg-brand-tint inset-ring-2 inset-ring-brand",
+    expired: "bg-expired-fill",
+};
+function ExpiryNotice({ variant, title, reason, action, focusAction = false, label = "Expiry", className, ...props }) {
+    const titleId = React.useId();
+    const buttonRef = React.useRef(null);
+    React.useEffect(() => {
+        // On arrival, and again only if the prop itself turns on. Not on every
+        // render: that would steal focus back from a reader who has moved on.
+        if (focusAction)
+            buttonRef.current?.focus();
+    }, [focusAction]);
+    const pending = action?.pending ?? false;
+    return (_jsxs("section", { role: "status", "aria-label": label, "data-slot": "expiry-notice", "data-variant": variant, ...(variant === "from-email" ? { "data-theme": "default" } : {}), className: cn("flex flex-wrap items-center justify-between gap-4 rounded-xl p-5 text-ink", "max-md:flex-col max-md:items-stretch", VARIANT_STYLE[variant], className), ...props, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { id: titleId, "data-slot": "expiry-notice-title", className: "m-0 text-body-md font-semibold text-ink", children: title }), reason ? (_jsx("p", { "data-slot": "expiry-notice-reason", className: "m-0 mt-1 text-body-sm text-body", children: reason })) : null] }), action ? (_jsx(Button, { ref: buttonRef, type: "button", variant: "cta", "data-slot": "expiry-notice-action", "aria-describedby": titleId, disabled: pending, onClick: action.onClick, className: "shrink-0 rounded-pill px-3.5 max-md:w-full", children: pending ? (action.pendingLabel ?? "Keeping…") : action.label })) : null] }));
+}
+export { ExpiryNotice };
+//# sourceMappingURL=expiry-notice.js.map

package/dist/blocks/expiry-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expiry-notice.js","sourceRoot":"","sources":["../../src/blocks/expiry-notice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAU,CAAA;AAgC1F,MAAM,aAAa,GAAwC;IACzD,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,6CAA6C;IAC3D,OAAO,EAAE,iBAAiB;CAC3B,CAAA;AAED,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,QAAQ,EAChB,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uEAAuE;QACvE,sEAAsE;QACtE,IAAI,WAAW;YAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC7C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,OAAO,GAAG,MAAM,EAAE,OAAO,IAAI,KAAK,CAAA;IAExC,OAAO,CACL,mBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,eACP,eAAe,kBACX,OAAO,KACjB,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACjE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,sCAAsC,EACtC,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YACE,EAAE,EAAE,OAAO,eACD,qBAAqB,EAC/B,SAAS,EAAC,yCAAyC,YAElD,KAAK,GACJ,EACH,MAAM,CAAC,CAAC,CAAC,CACR,yBAAa,sBAAsB,EAAC,SAAS,EAAC,iCAAiC,YAC5E,MAAM,GACL,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IACL,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,KAAK,eAIH,sBAAsB,sBACd,OAAO,EACzB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,4CAA4C,YAErD,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GACtD,CACV,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/blocks/icons.d.ts

@@ -371,6 +371,28 @@ export { TerminalWindowMark as TerminalIcon, ChatCircleMark as ChatAppIcon, Gith
 export { ArchiveMark as JunkyardIcon, } from "./phosphor-marks.js";
 /** Reactions: what a person can say about an entity without writing anything. */
 export { FireMark as ReactionResonatedIcon, HeartMark as ReactionLoveIcon, WrenchMark as ReactionUsefulIcon, SquaresFourMark as ReactionBuildOnIcon, StarMark as ReactionImpressiveIcon, } from "./phosphor-marks.js";
+/**
+ * The badge's reaction set (#299, founder spec 2026-10-12): Like, Dislike,
+ * Clever idea, Ship it, Something's broken. It supersedes the Decision 034 set
+ * above on the badge and in the console's Feedback page; those five names stay
+ * exported because retired kinds are still read in history.
+ *
+ * `ReactionLikeIcon` is `thumbs-up`, the same artwork as `ReactionsIcon`, and
+ * `ReactionIdeaIcon` is `lightbulb-filament`, the same as `KindInspirationIcon`.
+ * Second role names, not renames: a count of all reactions and one reaction
+ * kind are two ideas, and so are an entity kind and a reaction. The
+ * `SpaceIcon` / `OverviewIcon` precedent (#225).
+ */
+export { ThumbsUpMark as ReactionLikeIcon, ThumbsDownMark as ReactionDislikeIcon, LightbulbFilamentMark as ReactionIdeaIcon, RocketLaunchMark as ReactionShipItIcon, BugMark as ReactionBrokenIcon, } from "./phosphor-marks.js";
+/**
+ * Sharing a link, and what nobody but you can see (#299).
+ *
+ * `HiddenIcon` is `eye-slash`: something nobody but you can see. It is NOT
+ * `PrivateIcon` (`lock-simple`), which says who can OPEN a thing; this says who
+ * can SEE it. Generated for the badge's owner panel; the founder then set that
+ * line as plain text (2026-10-12) and kept the mark.
+ */
+export { ShareNetworkMark as ShareIcon, EyeSlashMark as HiddenIcon, } from "./phosphor-marks.js";
 /** The weight departures, each replacing a numeric prop lucide used to carry. */
 export { PulseBoldMark as ActivityBoldIcon, CompassBoldMark as DiscoverBoldIcon, StackBoldMark as LayersBoldIcon, UserBoldMark as PersonBoldIcon, HouseSimpleBoldMark as HomeBoldIcon, GridFourBoldMark as SpaceBoldIcon, PushPinFillMark as SaveFilledIcon, } from "./phosphor-marks.js";
 /**