@cloudgrid-io/ui 0.31.3 → 0.31.5

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,119 @@
+/**
+ * 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, CHAT_CIRCLE, CHECK_CIRCLE, GOOGLE_LOGO, LIGHTBULB_FILAMENT, ROCKET_LAUNCH, THUMBS_DOWN, THUMBS_UP, WRENCH, X } from "./marks.js";
+import { esc, glyph, href } from "./html.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">` +
+        `<span class="cgb-bubble-ic" data-tone="like">${glyph(THUMBS_UP)}</span>` +
+        `<span class="cgb-bubble-ic" data-tone="fix">${glyph(WRENCH)}</span>` +
+        `<span class="cgb-bubble-ic" data-tone="talk">${glyph(CHAT_CIRCLE)}</span>` +
+        `</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/confirm-delete-dialog.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+/**
+ * Type-to-confirm delete (Shelf spec 2026-10-07, Part B).
+ *
+ * The library's one destructive confirmation. The Console built its own,
+ * `components/entity/DeleteEntityModal.tsx`, which this replaces: same gate (the
+ * button stays disabled until the typed text matches), same refusal to close
+ * while the request is in flight, same error slot under the field. What changed
+ * is the copy, because Delete is now a real delete (Part D): the old modal said
+ * the record is retained, and that stops being true.
+ *
+ * ```
+ *  Delete Top 10 Mobile?                                  [x]
+ *  This removes it from CloudGrid for good. Its link stops
+ *  working and it can't be brought back.
+ *  Type top-10-mobile to confirm
+ *  [ top-10-mobile                                        ]
+ *                                       [Cancel] [Delete]
+ * ```
+ *
+ * ## Generic on purpose
+ *
+ * Nothing here knows about the Shelf. `name` is what the title says, and
+ * `confirmText` is what the reader types: the Figma frame types the SLUG
+ * (`top-10-mobile`) under a title that shows the display name, which is the
+ * right split, because a slug is unambiguous and has no capitals or spaces to
+ * get wrong. `confirmText` falls back to `name` for a caller with no slug.
+ *
+ * ## The gate
+ *
+ * The typed text is trimmed and compared exactly. Not case-folded: a slug is
+ * lower case by construction, and a display name typed with the wrong case is
+ * the reader not looking, which is what the gate is for. Enter submits through
+ * a real `<form>`, so the keyboard path is the same gate as the button.
+ *
+ * ## While pending
+ *
+ * `pending` disables the field and both buttons and swallows every close
+ * (Escape, the scrim, the close glyph): a dialog that closes on a request still
+ * running leaves the reader no place to see it fail. The caller closes it
+ * (`onOpenChange(false)`) when the request resolves, and passes `error` when it
+ * rejects.
+ *
+ * ## The red
+ *
+ * The filled Delete is `--cg-danger-strong` under `--cg-text-on-primary`: the
+ * Figma frame's red is the Console's "Failed" status, which the library already
+ * carries as `danger-strong` (5.70:1 on white; white on it measures above 5:1).
+ * `--cg-danger` itself is still a placeholder in `tokens.css`, which is the
+ * known gap CLAUDE.md records; this reads the strong rung so the button does not
+ * move if the placeholder is retuned.
+ */
+/** The consequence line under the title, when the caller does not pass one. */
+export declare const CONFIRM_DELETE_DESCRIPTION = "This removes it from CloudGrid for good. Its link stops working and it can't be brought back.";
+export type ConfirmDeleteDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** What the title names: "Delete {name}?". */
+    name: string;
+    /** What the reader types to arm the button. Defaults to `name`. */
+    confirmText?: string;
+    /** Runs when the armed button is pressed or Enter is hit in the field. */
+    onConfirm: () => void | Promise<void>;
+    /** The request is in flight: everything is disabled and the dialog will not close. */
+    pending?: boolean;
+    /** Shown under the field, announced as an alert. */
+    error?: React.ReactNode;
+    /** Overrides the title. */
+    title?: React.ReactNode;
+    /** Overrides the consequence line. */
+    description?: React.ReactNode;
+    /** The armed button's word. */
+    confirmLabel?: string;
+    /** The button's word while `pending`. */
+    pendingLabel?: string;
+    cancelLabel?: string;
+    className?: string;
+};
+declare function ConfirmDeleteDialog({ open, onOpenChange, name, confirmText, onConfirm, pending, error, title, description, confirmLabel, pendingLabel, cancelLabel, className, }: ConfirmDeleteDialogProps): React.JSX.Element;
+export { ConfirmDeleteDialog };
+//# sourceMappingURL=confirm-delete-dialog.d.ts.map

package/dist/blocks/confirm-delete-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete-dialog.d.ts","sourceRoot":"","sources":["../../src/blocks/confirm-delete-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,+EAA+E;AAC/E,eAAO,MAAM,0BAA0B,kGAC0D,CAAA;AAEjG,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAA;IACZ,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,OAAe,EACf,KAAK,EACL,KAAK,EACL,WAAwC,EACxC,YAAuB,EACvB,YAAyB,EACzB,WAAsB,EACtB,SAAS,GACV,EAAE,wBAAwB,qBAsF1B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/blocks/confirm-delete-dialog.js

@@ -0,0 +1,89 @@
+"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";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../ui/dialog.js";
+import { Input } from "../ui/input.js";
+/**
+ * Type-to-confirm delete (Shelf spec 2026-10-07, Part B).
+ *
+ * The library's one destructive confirmation. The Console built its own,
+ * `components/entity/DeleteEntityModal.tsx`, which this replaces: same gate (the
+ * button stays disabled until the typed text matches), same refusal to close
+ * while the request is in flight, same error slot under the field. What changed
+ * is the copy, because Delete is now a real delete (Part D): the old modal said
+ * the record is retained, and that stops being true.
+ *
+ * ```
+ *  Delete Top 10 Mobile?                                  [x]
+ *  This removes it from CloudGrid for good. Its link stops
+ *  working and it can't be brought back.
+ *  Type top-10-mobile to confirm
+ *  [ top-10-mobile                                        ]
+ *                                       [Cancel] [Delete]
+ * ```
+ *
+ * ## Generic on purpose
+ *
+ * Nothing here knows about the Shelf. `name` is what the title says, and
+ * `confirmText` is what the reader types: the Figma frame types the SLUG
+ * (`top-10-mobile`) under a title that shows the display name, which is the
+ * right split, because a slug is unambiguous and has no capitals or spaces to
+ * get wrong. `confirmText` falls back to `name` for a caller with no slug.
+ *
+ * ## The gate
+ *
+ * The typed text is trimmed and compared exactly. Not case-folded: a slug is
+ * lower case by construction, and a display name typed with the wrong case is
+ * the reader not looking, which is what the gate is for. Enter submits through
+ * a real `<form>`, so the keyboard path is the same gate as the button.
+ *
+ * ## While pending
+ *
+ * `pending` disables the field and both buttons and swallows every close
+ * (Escape, the scrim, the close glyph): a dialog that closes on a request still
+ * running leaves the reader no place to see it fail. The caller closes it
+ * (`onOpenChange(false)`) when the request resolves, and passes `error` when it
+ * rejects.
+ *
+ * ## The red
+ *
+ * The filled Delete is `--cg-danger-strong` under `--cg-text-on-primary`: the
+ * Figma frame's red is the Console's "Failed" status, which the library already
+ * carries as `danger-strong` (5.70:1 on white; white on it measures above 5:1).
+ * `--cg-danger` itself is still a placeholder in `tokens.css`, which is the
+ * known gap CLAUDE.md records; this reads the strong rung so the button does not
+ * move if the placeholder is retuned.
+ */
+/** The consequence line under the title, when the caller does not pass one. */
+export const CONFIRM_DELETE_DESCRIPTION = "This removes it from CloudGrid for good. Its link stops working and it can't be brought back.";
+function ConfirmDeleteDialog({ open, onOpenChange, name, confirmText, onConfirm, pending = false, error, title, description = CONFIRM_DELETE_DESCRIPTION, confirmLabel = "Delete", pendingLabel = "Deleting", cancelLabel = "Cancel", className, }) {
+    const target = confirmText ?? name;
+    const [typed, setTyped] = React.useState("");
+    const fieldId = React.useId();
+    const errorId = React.useId();
+    const field = React.useRef(null);
+    const matches = typed.trim() === target;
+    // A fresh field every time the dialog opens. Clearing on close instead would
+    // empty the field during the closing animation, which reads as the dialog
+    // undoing what the reader typed.
+    React.useEffect(() => {
+        if (open)
+            setTyped("");
+    }, [open]);
+    function changeOpen(next) {
+        if (!next && pending)
+            return;
+        onOpenChange(next);
+    }
+    function submit(event) {
+        event.preventDefault();
+        if (!matches || pending)
+            return;
+        void onConfirm();
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: changeOpen, children: _jsxs(DialogContent, { "data-slot": "confirm-delete-dialog", initialFocus: field, className: cn("gap-5 p-6 sm:max-w-md", className), children: [_jsxs(DialogHeader, { className: "gap-3 pr-8", children: [_jsx(DialogTitle, { className: "text-heading-sm leading-tight", children: title ?? `Delete ${name}?` }), _jsx(DialogDescription, { className: "text-body-sm text-body", children: description })] }), _jsxs("form", { className: "grid gap-5", onSubmit: submit, noValidate: true, children: [_jsxs("div", { className: "grid gap-2", children: [_jsxs("label", { htmlFor: fieldId, className: "text-body-sm font-medium text-ink", children: ["Type ", _jsx("span", { className: "font-mono text-mono", children: target }), " to confirm"] }), _jsx(Input, { ref: field, id: fieldId, value: typed, onChange: (event) => setTyped(event.target.value), disabled: pending, autoComplete: "off", autoCapitalize: "off", spellCheck: false, "aria-describedby": error ? errorId : undefined, "data-slot": "confirm-delete-field" }), error ? (_jsx("p", { id: errorId, role: "alert", className: "m-0 text-caption text-danger-strong", children: error })) : null] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [_jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => changeOpen(false), children: cancelLabel }), _jsx(Button, { type: "submit", disabled: !matches || pending, "data-slot": "confirm-delete-submit", className: "bg-danger-strong text-on-primary hover:bg-danger-strong/90 focus-visible:border-danger-strong focus-visible:ring-danger-border", children: pending ? pendingLabel : confirmLabel })] })] })] }) }));
+}
+export { ConfirmDeleteDialog };
+//# sourceMappingURL=confirm-delete-dialog.js.map

package/dist/blocks/confirm-delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete-dialog.js","sourceRoot":"","sources":["../../src/blocks/confirm-delete-dialog.tsx"],"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"}