@nanisoft/prism-ui 0.10.2 → 0.13.0

package/dist/blocks/process-flow-01/process-flow.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Section, SectionHeading } from '../../components/ui/section.js';
+import { cn } from '../../lib/utils.js';
+/**
+ * The grid tracks each column count gets.
+ *
+ * Spelled out per length, so a flow has exactly as many tracks as it declared and
+ * not one empty at the end of a row. The `sm:` step is a narrowing rather than a
+ * widening: on a narrow screen a flow becomes one column per line, because a
+ * three-up row of stage names at phone width is three columns of two words each.
+ */
+const TRACKS = {
+    2: 'sm:grid-cols-2',
+    3: 'sm:grid-cols-2 lg:grid-cols-3',
+    4: 'sm:grid-cols-2 lg:grid-cols-4',
+};
+/**
+ * A pipeline drawn as a flow: the stages in order, wrapping across lines.
+ *
+ * **The rail's refusal of a fifth stage is left standing.** `ProcessRail01` holds
+ * two, three or four stages and a five-element array is a compile error, and that is
+ * the same decision this Block is built beside rather than against: a rail is a
+ * claim about a sequence on one line, and a rail that quietly dropped a stage to fit
+ * a width would be a diagram of a process that is not the process. A company site
+ * states six stages, and it was drawing them as a grid of short points, where the
+ * six ordinals and the terminal label were lost and a sequence read as a set. That
+ * gap is a gap in the roster, and the honest repair is a second shape rather than a
+ * wider tuple: raising the rail's ceiling to six would make the fourth column
+ * unrepresentable as a type error, which is the property that made the original
+ * decision good.
+ *
+ * **It is one `<ol>`, and that is the part the layout is built around.** A flow that
+ * wrapped into a row per group would be several lists, and a screen reader would
+ * announce it as three lists of two, which is precisely the set-where-a-sequence-was
+ * that this Block exists to avoid. So the stages are one ordered list and the
+ * wrapping is done by the grid, which means the Block never gets to know where a
+ * line broke, and therefore cannot draw something that is only right on the widest
+ * screen.
+ *
+ * **The ordinal is the continuity mechanism, and it is treated as one.** It runs
+ * `01` through to the last stage with no restart, in the mono face, at a size a
+ * reader can scan down a column rather than read one at a time. That is what makes a
+ * wrapped flow legible: a reader who lands on stage four sees `04` and knows it
+ * continues stage three, whatever the column count happens to be at the width they
+ * are using. Nothing else in this Block is load-bearing for the sequence, and
+ * anything that needed to know where the line broke would be.
+ *
+ * **The thread is a line through the stages, not a box around each one.** Each
+ * stage draws a top border and the grid separates them by a single pixel, so a run
+ * of stages on one line reads as one line broken by hairline gaps, and the gap
+ * between two lines is wider. That is the same technique the rail uses, and it is
+ * chosen here for a specific reason: it holds at any column count, including the
+ * one-column layout a phone gets, without the Block knowing anything about it. A
+ * connector drawn between a stage and its successor would need the column count to
+ * be right, and would be wrong at every width the type does not describe.
+ *
+ * A caption of more than about twelve words wraps under a stage and the line stops
+ * reading as a line, so the caption is a line and the detail belongs above the flow
+ * in `description`.
+ *
+ * It is a server Component: no hook, no state and no client code.
+ */
+export function ProcessFlow01({ eyebrow, title, description, finalLabel, stages, columns = 3, headingLevel = 'h2', className, }) {
+    if (stages.length < 2) {
+        throw new Error('ProcessFlow01: a flow of fewer than two stages is a label, not a sequence, and ' +
+            'the Block would be drawing a line through nothing. ComposeProcessRail01 for a ' +
+            'two-stage rail, or pass the stages the pipeline actually has.');
+    }
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, align: "left", eyebrow: eyebrow, title: title, description: description, className: "mb-12" })) : null, _jsx("ol", { "data-slot": "process-flow", className: cn('grid gap-y-8 sm:gap-x-px sm:gap-y-10', TRACKS[columns], className), children: stages.map((stage, index) => (_jsxs("li", { "data-slot": "process-stage", "data-ordinal": String(index + 1).padStart(2, '0'), className: "border-border flex flex-col gap-2 border-t pt-4", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("span", { className: "text-muted-foreground font-mono text-xs tabular-nums", children: String(index + 1).padStart(2, '0') }), finalLabel && index === stages.length - 1 ? (_jsx("span", { className: "text-muted-foreground font-mono text-xs", children: finalLabel })) : null] }), _jsx("span", { className: "text-sm font-semibold", children: stage.name }), _jsx("span", { className: "text-muted-foreground text-pretty text-sm", children: stage.description })] }, stage.name))) })] }));
+}
+export default ProcessFlow01;

package/dist/blocks/process-rail-01/index.d.ts

@@ -1,3 +1,3 @@
-export { ProcessRail01, default } from './process-rail';
-export type { ProcessRail01Props, ProcessRail01Steps, ProcessStep } from './process-rail';
+export { ProcessRail01, default } from './process-rail.js';
+export type { ProcessRail01Props, ProcessRail01Steps, ProcessStep } from './process-rail.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/process-rail-01/index.js

@@ -1 +1 @@
-export { ProcessRail01, default } from './process-rail';
+export { ProcessRail01, default } from './process-rail.js';

package/dist/blocks/process-rail-01/process-rail.d.ts

@@ -1,4 +1,4 @@
-import { type HeadingLevel } from '../../components/ui/section';
+import { type HeadingLevel } from '../../components/ui/section.js';
 /**
  * One step of a process, as the rail draws it.
  *

package/dist/blocks/process-rail-01/process-rail.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Section, SectionHeading } from '../../components/ui/section';
-import { cn } from '../../lib/utils';
+import { Section, SectionHeading } from '../../components/ui/section.js';
+import { cn } from '../../lib/utils.js';
 /**
  * The grid tracks each admissible length gets, keyed on the tuple's own length.
  *

package/dist/blocks/product-grid-01/index.d.ts

@@ -1,3 +1,3 @@
-export { ProductGrid01, default } from './product-grid';
-export type { ProductGrid01Props, ProductGrid01Product } from './product-grid';
+export { ProductGrid01, default } from './product-grid.js';
+export type { ProductGrid01Props, ProductGrid01Product } from './product-grid.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/product-grid-01/index.js

@@ -1 +1 @@
-export { ProductGrid01, default } from './product-grid';
+export { ProductGrid01, default } from './product-grid.js';

package/dist/blocks/product-grid-01/product-grid.d.ts

@@ -1,5 +1,5 @@
-import { type ProductMarkProps } from '../../components/ui/product-mark';
-import { type HeadingLevel } from '../../components/ui/section';
+import { type ProductMarkProps } from '../../components/ui/product-mark.js';
+import { type HeadingLevel } from '../../components/ui/section.js';
 /**
  * One product in the grid, as the row draws it.
  *
@@ -27,6 +27,24 @@ export type ProductGrid01Product = {
     pack?: ProductMarkProps['pack'];
     /** One line about what the product is. */
     tagline: string;
+    /**
+     * A second line, about **this product** rather than about the set.
+     *
+     * `tagline` and this are different claims and only one of them belongs on the
+     * row. A tagline is the shortest true thing about a member, and it reads the
+     * same in every row of a set. This is a sentence that is true of *this* product
+     * and would be false or vacuous beside its neighbours, which is the test for
+     * whether it belongs here. The company site's five products each carried one
+     * ("Autonomous software creation, supervised by you."), and folding them into the
+     * tagline would have been a copy edit rather than a fix, so they were dropped and
+     * reported instead.
+     *
+     * Rendered only when passed, so a row without one draws exactly what it drew
+     * before the field existed. See `ProductGrid01`'s JSDoc for which of the two
+     * levels a sentence belongs at, because the answer is a fact about the sentence
+     * and not a preference.
+     */
+    detail?: string;
     /**
      * Where the row goes. Rendered as a native anchor's `href`, so the row is a
      * link with the browser's own affordances rather than a click handler.
@@ -101,9 +119,23 @@ export type ProductGrid01Props = {
  * it, and middle-click opens it in a new tab. The mark is `aria-hidden` inside
  * it, so the link is announced once, by name, rather than as a shape and a word.
  *
- * A row carries one line of tagline. A second line is a second paragraph and
- * belongs above the grid in `description`, where it applies to the set rather
- * than to one member of it.
+ * **Which level a sentence belongs at is a fact about the sentence, and this
+ * settles it.** There are two levels and both are right, for different claims:
+ *
+ * - `description` is about **the set**. "Five products, one platform." or "Every
+ *   one of these runs on the same runtime." A sentence that would be equally true
+ *   if you deleted any one row belongs here, and nowhere else.
+ * - `Product.detail` is about **this member**. "Quantitative trading research for
+ *   the Indian market, the factory's newest build." A sentence that is false, or
+ *   vacuous, beside its neighbours belongs on the row.
+ *
+ * The test is whether the sentence survives its neighbours. A tagline reads the
+ * same in every row, so it is a tagline; the company site's five products each
+ * carried a sentence true of one and not of the four beside it, and the earlier
+ * version of this note told a caller to fold those into `description`, where they
+ * would have claimed to be about all five at once. That advice lost three
+ * published sentences in a migration rather than stating the choice, so both levels
+ * exist and the question above is the one to ask.
  *
  * It is a server Component: no hook, no state, no client code and no mode. The
  * mark resolves its colour through the cascade, so a page that renders this in a

package/dist/blocks/product-grid-01/product-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-grid.d.ts","sourceRoot":"","sources":["../../../src/blocks/product-grid-01/product-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,YAAmB,GACpB,EAAE,kBAAkB,sCAqCpB;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"product-grid.d.ts","sourceRoot":"","sources":["../../../src/blocks/product-grid-01/product-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,YAAmB,GACpB,EAAE,kBAAkB,sCA8CpB;AAED,eAAe,aAAa,CAAA"}

package/dist/blocks/product-grid-01/product-grid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProductMark } from '../../components/ui/product-mark';
-import { Section, SectionHeading } from '../../components/ui/section';
+import { ProductMark } from '../../components/ui/product-mark.js';
+import { Section, SectionHeading } from '../../components/ui/section.js';
 /**
  * A set of products as a stack of hairline rows: a two-part mark, a name, one
  * tagline and a destination per row.
@@ -35,9 +35,23 @@ import { Section, SectionHeading } from '../../components/ui/section';
  * it, and middle-click opens it in a new tab. The mark is `aria-hidden` inside
  * it, so the link is announced once, by name, rather than as a shape and a word.
  *
- * A row carries one line of tagline. A second line is a second paragraph and
- * belongs above the grid in `description`, where it applies to the set rather
- * than to one member of it.
+ * **Which level a sentence belongs at is a fact about the sentence, and this
+ * settles it.** There are two levels and both are right, for different claims:
+ *
+ * - `description` is about **the set**. "Five products, one platform." or "Every
+ *   one of these runs on the same runtime." A sentence that would be equally true
+ *   if you deleted any one row belongs here, and nowhere else.
+ * - `Product.detail` is about **this member**. "Quantitative trading research for
+ *   the Indian market, the factory's newest build." A sentence that is false, or
+ *   vacuous, beside its neighbours belongs on the row.
+ *
+ * The test is whether the sentence survives its neighbours. A tagline reads the
+ * same in every row, so it is a tagline; the company site's five products each
+ * carried a sentence true of one and not of the four beside it, and the earlier
+ * version of this note told a caller to fold those into `description`, where they
+ * would have claimed to be about all five at once. That advice lost three
+ * published sentences in a migration rather than stating the choice, so both levels
+ * exist and the question above is the one to ask.
  *
  * It is a server Component: no hook, no state, no client code and no mode. The
  * mark resolves its colour through the cascade, so a page that renders this in a
@@ -46,6 +60,6 @@ import { Section, SectionHeading } from '../../components/ui/section';
 export function ProductGrid01({ eyebrow, title, description, products, caption, headingLevel = 'h2', }) {
     if (products.length === 0)
         return null;
-    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, align: "left", eyebrow: eyebrow, title: title, description: description, className: "mb-12" })) : null, _jsx("ul", { "data-slot": "product-grid", className: "flex flex-col", children: products.map((product) => (_jsx("li", { "data-slot": "product-grid-row", className: "border-b first:border-t", children: _jsxs("a", { href: product.href, rel: product.newTab ? 'noopener noreferrer' : undefined, target: product.newTab ? '_blank' : undefined, className: "hover:bg-accent/50 focus-visible:ring-ring flex flex-col gap-1 px-2 py-4 transition-colors duration-fast ease-out sm:flex-row sm:items-baseline sm:gap-6 focus-visible:ring-[3px] focus-visible:outline-none", children: [_jsx("span", { className: "flex shrink-0 items-center sm:w-64", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "md" }) }), _jsx("span", { className: "text-muted-foreground text-pretty text-sm", children: product.tagline })] }) }, product.id))) }), caption ? _jsx("p", { className: "text-muted-foreground mt-6 text-pretty text-sm", children: caption }) : null] }));
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, align: "left", eyebrow: eyebrow, title: title, description: description, className: "mb-12" })) : null, _jsx("ul", { "data-slot": "product-grid", className: "flex flex-col", children: products.map((product) => (_jsx("li", { "data-slot": "product-grid-row", className: "border-b first:border-t", children: _jsxs("a", { href: product.href, rel: product.newTab ? 'noopener noreferrer' : undefined, target: product.newTab ? '_blank' : undefined, className: "hover:bg-accent/50 focus-visible:ring-ring flex flex-col gap-1 px-2 py-4 transition-colors duration-fast ease-out sm:flex-row sm:items-baseline sm:gap-6 focus-visible:ring-[3px] focus-visible:outline-none", children: [_jsx("span", { className: "flex shrink-0 items-center sm:w-64", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "md" }) }), _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "text-muted-foreground text-pretty text-sm", children: product.tagline }), product.detail ? (_jsx("span", { className: "text-pretty text-sm", children: product.detail })) : null] })] }) }, product.id))) }), caption ? _jsx("p", { className: "text-muted-foreground mt-6 text-pretty text-sm", children: caption }) : null] }));
 }
 export default ProductGrid01;

package/dist/blocks/run-console-01/index.d.ts

@@ -0,0 +1,3 @@
+export { RunConsole01, default } from './run-console.js';
+export type { RunConsole01Props, RunConsole01Copy } from './run-console.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/run-console-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/run-console-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACrD,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/blocks/run-console-01/index.js

@@ -0,0 +1 @@
+export { RunConsole01, default } from './run-console.js';

package/dist/blocks/run-console-01/run-console.d.ts

@@ -0,0 +1,111 @@
+import { type TimelineEntry } from '../../components/ui/timeline.js';
+/**
+ * The words the Block does not have.
+ *
+ * A Block that assembled a run console out of a budget, a run's name and a list of
+ * steps would have to ship English for every one of them, and every consumer would
+ * inherit it. So all of it arrives here: the names of the two regions, the words
+ * beside the budget reading, the empty state, and the word for the whole surface.
+ * The structure is this package's; the language is the caller's.
+ */
+export type RunConsole01Copy = {
+    /** Names the budget region, read before its reading. */
+    budgetLabel: string;
+    /** The words for the budget's value, given the number and its maximum. */
+    budgetValue: (value: number, max: number) => string;
+    /** Names the region the steps are in, read before them. */
+    stepsLabel: string;
+    /** The heading over the whole surface. */
+    title: string;
+    /** What a reader is told while the run has produced nothing yet. */
+    waiting: string;
+};
+/** The props the Run console accepts. */
+export interface RunConsole01Props {
+    /**
+     * What this run is.
+     *
+     * The caller's words, and the only thing on the surface that says which run is
+     * being looked at. A console showing three runs at once is a table, not a
+     * console.
+     */
+    title: string;
+    /** The words this Block does not have. */
+    copy: RunConsole01Copy;
+    /** The run's events, in the order they happened. */
+    steps: readonly TimelineEntry[];
+    /**
+     * How much of the budget this run has spent, and the budget itself.
+     *
+     * Optional, because a run with no budget is ordinary: a local run, a test, a
+     * command. A Block that drew an empty budget meter for those would be showing a
+     * measurement of nothing, which is the thing a Meter exists to avoid.
+     */
+    budget?: {
+        /** What has been spent. */
+        value: number;
+        /** The ceiling. */
+        max: number;
+        /** The values the run should be able to see at a glance, if it has any. */
+        thresholds?: readonly {
+            at: number;
+            tone: 'neutral' | 'success' | 'warning' | 'destructive';
+        }[];
+    };
+    /**
+     * The line under the heading, usually where the run came from.
+     *
+     * Optional rather than defaulted, because a Block that invented one would be
+     * inventing a fact about the run.
+     */
+    detail?: string;
+    /**
+     * Whether the run is still producing events.
+     *
+     * This is the prop that makes the surface a live one rather than a picture of
+     * one, and it does exactly two things: it marks the budget region busy while
+     * events are still arriving, and it puts the steps inside a LiveRegion so an
+     * append is announced. Both are the caller's decision to make because only the
+     * caller knows whether the transport has finished.
+     */
+    streaming?: boolean;
+    /** Layout only. */
+    className?: string;
+}
+/**
+ * A run, as a heading, a budget and the steps that got there.
+ *
+ * This is the surface the fourth Kind exists for, and the reason it is a Block
+ * rather than a Component is worth stating: a run console is not one thing. It is
+ * a measurement beside a sequence beside a stream, and a reader needs all three in
+ * the same glance to answer the only question they have, which is whether the run
+ * is going to finish and what it is costing. Separating them across three
+ * components and asking a consumer to assemble that is the assembly this system
+ * exists to remove.
+ *
+ * **The budget is a Meter and the steps are a Timeline, and neither is
+ * reimplemented here.** That is the whole discipline. The budget draws the limits
+ * the caller gave it and stays neutral below all of them, because the Component
+ * cannot see that a number is a problem. The steps draw their durations to scale
+ * against the slowest one, so "where did the time go" is answerable by looking.
+ * What this Block contributes is the arrangement and the two facts that belong to
+ * neither: that the two belong in one frame, and that a run with no budget should
+ * not be given an empty one.
+ *
+ * **Streaming is one prop doing two things, and both of them are about the same
+ * decision.** It marks the region busy, because a caller that has stopped sending
+ * events has told assistive technology a stream never ends if it leaves the flag
+ * up. And it wraps the steps in a LiveRegion, so an append is announced. Neither
+ * is done by default: a run that has finished should not announce anything, and a
+ * Block cannot know which kind of run it is looking at. The prop is the caller's
+ * knowledge expressed once, and it is the reason the steps and the budget both
+ * know about the run rather than each knowing about themselves.
+ *
+ * **The empty state is the run's first moments, so it is authored.** A console
+ * with nothing in it is what a reader sees for the first second of every run, and
+ * a blank frame in that moment reads as a broken surface rather than as a run that
+ * has not started.
+ */
+export declare function RunConsole01({ title, copy, steps, budget, detail, streaming, className, }: RunConsole01Props): import("react").JSX.Element;
+export default RunConsole01;
+//# sourceMappingURL=run-console.d.ts.map

package/dist/blocks/run-console-01/run-console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-console.d.ts","sourceRoot":"","sources":["../../../src/blocks/run-console-01/run-console.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAG3E;;;;;;;;GAQG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAA;IACnB,0EAA0E;IAC1E,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACnD,2DAA2D;IAC3D,UAAU,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,yCAAyC;AACzC,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAA;IACtB,oDAAoD;IACpD,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE;QACP,2BAA2B;QAC3B,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,GAAG,EAAE,MAAM,CAAA;QACX,2EAA2E;QAC3E,UAAU,CAAC,EAAE,SAAS;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;SAAE,EAAE,CAAA;KAChG,CAAA;IACD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,+BAgFnB;AAED,eAAe,YAAY,CAAA"}

package/dist/blocks/run-console-01/run-console.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LiveRegion } from '../../components/ui/live-region.js';
+import { Meter } from '../../components/ui/meter.js';
+import { Timeline } from '../../components/ui/timeline.js';
+import { cn } from '../../lib/utils.js';
+/**
+ * A run, as a heading, a budget and the steps that got there.
+ *
+ * This is the surface the fourth Kind exists for, and the reason it is a Block
+ * rather than a Component is worth stating: a run console is not one thing. It is
+ * a measurement beside a sequence beside a stream, and a reader needs all three in
+ * the same glance to answer the only question they have, which is whether the run
+ * is going to finish and what it is costing. Separating them across three
+ * components and asking a consumer to assemble that is the assembly this system
+ * exists to remove.
+ *
+ * **The budget is a Meter and the steps are a Timeline, and neither is
+ * reimplemented here.** That is the whole discipline. The budget draws the limits
+ * the caller gave it and stays neutral below all of them, because the Component
+ * cannot see that a number is a problem. The steps draw their durations to scale
+ * against the slowest one, so "where did the time go" is answerable by looking.
+ * What this Block contributes is the arrangement and the two facts that belong to
+ * neither: that the two belong in one frame, and that a run with no budget should
+ * not be given an empty one.
+ *
+ * **Streaming is one prop doing two things, and both of them are about the same
+ * decision.** It marks the region busy, because a caller that has stopped sending
+ * events has told assistive technology a stream never ends if it leaves the flag
+ * up. And it wraps the steps in a LiveRegion, so an append is announced. Neither
+ * is done by default: a run that has finished should not announce anything, and a
+ * Block cannot know which kind of run it is looking at. The prop is the caller's
+ * knowledge expressed once, and it is the reason the steps and the budget both
+ * know about the run rather than each knowing about themselves.
+ *
+ * **The empty state is the run's first moments, so it is authored.** A console
+ * with nothing in it is what a reader sees for the first second of every run, and
+ * a blank frame in that moment reads as a broken surface rather than as a run that
+ * has not started.
+ */
+export function RunConsole01({ title, copy, steps, budget, detail, streaming = false, className, }) {
+    const waiting = steps.length === 0;
+    // Built once and placed in one of two places, so the streaming and the finished
+    // rendering cannot drift apart. Two copies of this markup would be two answers
+    // to what a run looks like, and the second one is the one that goes stale.
+    const body = waiting ? (_jsx("p", { "data-slot": "run-console-01-waiting", className: "text-muted-foreground text-sm", children: copy.waiting })) : (_jsx(Timeline, { entries: steps, label: copy.stepsLabel, empty: copy.waiting }));
+    return (_jsxs("div", { "data-slot": "run-console-01", className: cn('border-border bg-card flex flex-col gap-6 rounded-lg border p-5', className), children: [_jsxs("header", { "data-slot": "run-console-01-header", className: "flex flex-col gap-1", children: [_jsx("h2", { className: "text-foreground text-base font-semibold tracking-tight", children: title }), detail === undefined ? null : (_jsx("p", { className: "text-muted-foreground text-sm", children: detail }))] }), budget === undefined ? null : (_jsx("div", { "data-slot": "run-console-01-budget", children: _jsx(Meter, { value: budget.value, max: budget.max, label: copy.budgetLabel, valueText: copy.budgetValue(budget.value, budget.max), thresholds: budget.thresholds, children: _jsx("span", { children: copy.budgetValue(budget.value, budget.max) }) }) })), streaming ? (_jsx(LiveRegion, { busy: true, label: copy.stepsLabel, className: "min-w-0", children: body })) : (body)] }));
+}
+export default RunConsole01;

package/dist/blocks/settings-panel-01/index.d.ts

@@ -1,3 +1,3 @@
-export { SettingsPanel01, default } from './settings-panel';
-export type { SettingsPanel01Props, SettingsPanelField, SettingsPanelOption, SettingsPanelSection, } from './settings-panel';
+export { SettingsPanel01, default } from './settings-panel.js';
+export type { SettingsPanel01Props, SettingsPanelField, SettingsPanelOption, SettingsPanelSection, } from './settings-panel.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/settings-panel-01/index.js

@@ -1 +1 @@
-export { SettingsPanel01, default } from './settings-panel';
+export { SettingsPanel01, default } from './settings-panel.js';

package/dist/blocks/settings-panel-01/settings-panel.d.ts

@@ -1,4 +1,5 @@
 import { type FormEvent, type ReactNode } from 'react';
+import { type HeadingLevel } from '../../components/ui/section.js';
 export type SettingsPanelOption = {
     label: string;
     value: string;
@@ -44,6 +45,15 @@ export type SettingsPanelSection = {
 };
 export type SettingsPanel01Props = {
     title: string;
+    /**
+     * Heading level for the card's title. See `HeadingLevel`.
+     *
+     * This Block draws no Section heading of its own, so the card title is the one
+     * heading it renders and takes the level directly rather than a step below one.
+     * The groups inside take their level from this one, so moving the panel in a
+     * document moves every heading in it together.
+     */
+    headingLevel?: HeadingLevel;
     description?: string;
     /** The settings groups, each rendered with a heading and its own fields. */
     sections: SettingsPanelSection[];
@@ -66,6 +76,6 @@ export type SettingsPanel01Props = {
  * block renders the card, the groups and the footer; it owns no values and no
  * copy, so a consumer wires it to whatever form state or mutation they use.
  */
-export declare function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, }: SettingsPanel01Props): import("react").JSX.Element;
+export declare function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, headingLevel, }: SettingsPanel01Props): import("react").JSX.Element;
 export default SettingsPanel01;
 //# sourceMappingURL=settings-panel.d.ts.map

package/dist/blocks/settings-panel-01/settings-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-panel-01/settings-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA6BhE,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAElE,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC1B,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAC,CAAA;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4EAA4E;IAC5E,QAAQ,EAAE,oBAAoB,EAAE,CAAA;IAChC,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACtD,2CAA2C;IAC3C,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACzD,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAyFD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,oBAAoB,+BAmDtB;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-panel-01/settings-panel.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/settings-panel-01/settings-panel.js

@@ -1,14 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
-import { Button } from '../../components/ui/button';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/ui/card';
-import { Field, FieldDescription, FieldGroup, FieldLabel, } from '../../components/ui/field';
-import { Input } from '../../components/ui/input';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
-import { Separator } from '../../components/ui/separator';
-import { Switch } from '../../components/ui/switch';
-import { Textarea } from '../../components/ui/textarea';
+import { Button } from '../../components/ui/button.js';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/ui/card.js';
+import { Field, FieldDescription, FieldGroup, FieldLabel, } from '../../components/ui/field.js';
+import { Input } from '../../components/ui/input.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select.js';
+import { Separator } from '../../components/ui/separator.js';
+import { Switch } from '../../components/ui/switch.js';
+import { childLevel } from '../../components/ui/section.js';
+import { Textarea } from '../../components/ui/textarea.js';
 function SettingsField({ field }) {
     if (field.kind === 'switch') {
         return (_jsxs(Field, { className: "flex-row items-center justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), field.description ? (_jsx(FieldDescription, { children: field.description })) : null] }), _jsx(Switch, { id: field.id, checked: field.checked, defaultChecked: field.defaultChecked, onCheckedChange: field.onCheckedChange, disabled: field.disabled })] }));
@@ -31,8 +32,12 @@ function SettingsField({ field }) {
  * block renders the card, the groups and the footer; it owns no values and no
  * copy, so a consumer wires it to whatever form state or mutation they use.
  */
-export function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, }) {
+export function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, headingLevel = 'h2', }) {
+    // The panel title is the one heading the panel renders, and a group inside it is
+    // one step below, so the whole outline moves together when the panel does.
+    const Title = headingLevel;
+    const GroupTitle = childLevel(headingLevel);
     const hasFooter = Boolean(submitLabel || secondaryAction || footer);
-    return (_jsx("form", { onSubmit: onSubmit, className: "w-full", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: title }), description ? _jsx(CardDescription, { children: description }) : null] }), _jsx(CardContent, { className: "flex flex-col", children: sections.map((section, index) => (_jsxs(Fragment, { children: [index > 0 ? _jsx(Separator, { className: "my-6" }) : null, _jsxs("section", { className: "flex flex-col gap-4", "aria-labelledby": `${section.id}-heading`, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { id: `${section.id}-heading`, className: "text-lg font-semibold tracking-tight", children: section.title }), section.description ? (_jsx("p", { className: "text-muted-foreground text-sm", children: section.description })) : null] }), _jsx(FieldGroup, { children: section.fields.map((field) => (_jsx(SettingsField, { field: field }, field.id))) })] })] }, section.id))) }), hasFooter ? (_jsxs(CardFooter, { className: "justify-end gap-2", children: [footer, secondaryAction ? (_jsx(Button, { type: "button", variant: "outline", onClick: secondaryAction.onClick, children: secondaryAction.label })) : null, submitLabel ? _jsx(Button, { type: "submit", children: submitLabel }) : null] })) : null] }) }));
+    return (_jsx("form", { onSubmit: onSubmit, className: "w-full", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx(Title, { children: title }) }), description ? _jsx(CardDescription, { children: description }) : null] }), _jsx(CardContent, { className: "flex flex-col", children: sections.map((section, index) => (_jsxs(Fragment, { children: [index > 0 ? _jsx(Separator, { className: "my-6" }) : null, _jsxs("section", { className: "flex flex-col gap-4", "aria-labelledby": `${section.id}-heading`, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(GroupTitle, { id: `${section.id}-heading`, className: "text-lg font-semibold tracking-tight", children: section.title }), section.description ? (_jsx("p", { className: "text-muted-foreground text-sm", children: section.description })) : null] }), _jsx(FieldGroup, { children: section.fields.map((field) => (_jsx(SettingsField, { field: field }, field.id))) })] })] }, section.id))) }), hasFooter ? (_jsxs(CardFooter, { className: "justify-end gap-2", children: [footer, secondaryAction ? (_jsx(Button, { type: "button", variant: "outline", onClick: secondaryAction.onClick, children: secondaryAction.label })) : null, submitLabel ? _jsx(Button, { type: "submit", children: submitLabel }) : null] })) : null] }) }));
 }
 export default SettingsPanel01;

package/dist/blocks/site-footer/index.d.ts

@@ -1,3 +1,3 @@
-export { SiteFooter, default } from './site-footer';
-export type { SiteFooterProps, SiteFooterColumn, SiteFooterLink, SiteFooterSocial } from './site-footer';
+export { SiteFooter, default } from './site-footer.js';
+export type { SiteFooterProps, SiteFooterColumn, SiteFooterLink, SiteFooterSocial } from './site-footer.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/site-footer/index.js

@@ -1 +1 @@
-export { SiteFooter, default } from './site-footer';
+export { SiteFooter, default } from './site-footer.js';

package/dist/blocks/site-footer/site-footer.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type ProductMarkProps } from '../../components/ui/product-mark';
+import { type ProductMarkProps } from '../../components/ui/product-mark.js';
 /**
  * One destination in a footer column.
  *

package/dist/blocks/site-footer/site-footer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProductMark } from '../../components/ui/product-mark';
-import { cn } from '../../lib/utils';
+import { ProductMark } from '../../components/ui/product-mark.js';
+import { cn } from '../../lib/utils.js';
 /**
  * The footer of a product site: a brand lockup, grouped destinations, the links
  * that leave the site, and an optional slot for the legal line.

package/dist/blocks/site-header/index.d.ts

@@ -1,3 +1,3 @@
-export { SiteHeader, default } from './site-header';
-export type { SiteHeaderProps, SiteHeaderLink } from './site-header';
+export { SiteHeader, default } from './site-header.js';
+export type { SiteHeaderProps, SiteHeaderLink } from './site-header.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/site-header/index.js

@@ -1 +1 @@
-export { SiteHeader, default } from './site-header';
+export { SiteHeader, default } from './site-header.js';

package/dist/blocks/site-header/site-header.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { type SwitcherProduct } from '../../components/ui/product-switcher';
-import { type ProductMarkProps } from '../../components/ui/product-mark';
+import { type SwitcherProduct } from '../../components/ui/product-switcher.js';
+import { type ProductMarkProps } from '../../components/ui/product-mark.js';
 /**
  * One destination in the header's own navigation.
  *

package/dist/blocks/site-header/site-header.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProductSwitcher, } from '../../components/ui/product-switcher';
-import { ProductMark } from '../../components/ui/product-mark';
-import { cn } from '../../lib/utils';
+import { ProductSwitcher, } from '../../components/ui/product-switcher.js';
+import { ProductMark } from '../../components/ui/product-mark.js';
+import { cn } from '../../lib/utils.js';
 /**
  * The header of a product site: a brand lockup, an optional product switcher, the
  * site's own navigation and an optional slot for application controls.

package/dist/blocks/site-navbar/index.d.ts

@@ -0,0 +1,3 @@
+export { SiteNavbar, default } from './site-navbar.js';
+export type { SiteNavbarProps, SiteNavLink, SiteNavSearch, SiteNavTheme, SiteNavMode, SiteNavMobileLabels, } from './site-navbar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/site-navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/site-navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACnD,YAAY,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,mBAAmB,GACpB,MAAM,eAAe,CAAA"}

package/dist/blocks/site-navbar/index.js

@@ -0,0 +1 @@
+export { SiteNavbar, default } from './site-navbar.js';