@nanisoft/prism-ui 0.9.0 → 0.10.0

package/dist/blocks/cta-01/cta.d.ts

@@ -21,6 +21,27 @@ export type Cta01Action = {
      * reason to open a tab.
      */
     newTab?: boolean;
+    /**
+     * Which weight this action draws at, when the caller does not say.
+     *
+     * **A panel wants `default` or `secondary`, never `outline`.** This Block draws
+     * its band as a filled `bg-primary` surface and sets the band's ink to
+     * `--primary-foreground`, so every ink inside it is inherited from that panel
+     * rather than from the page. An `outline` action sets its own fill
+     * (`bg-background`) and, before this was settled, left its ink inherited, which
+     * put `--background` behind `--primary-foreground`. In the lavender pack's dark
+     * mode that is `#19171b` behind `#210c33`, or 1.01:1: a focusable, announced,
+     * unreadable button.
+     *
+     * Both defaults below are self-contained, which is the property that matters:
+     * `default` pairs `--primary` with `--primary-foreground` and `secondary`
+     * pairs `--secondary` with `--secondary-foreground`, and a pair the Block
+     * chooses cannot be changed by whatever surface the Block is placed on. The
+     * `outline` variant is fixed too, in `cta-link.tsx`, because a variant that
+     * sets a fill should set the matching ink rather than inherit whatever it lands
+     * on. It is kept in the type because a caller may want it once the ink is
+     * explicit, and dropping it would be a smaller answer than the defect.
+     */
     variant?: 'default' | 'secondary' | 'outline';
 };
 export type Cta01Props = {
@@ -49,6 +70,13 @@ export type Cta01Props = {
      * Three of the four NaniSoft sites render two actions in their closing band
      * and all four do, and all four wrote the pair by hand, so each one re-decided
      * the gap, the order and the weight between them.
+     *
+     * Its default weight is `outline`, which is the settled answer for the pair:
+     * the primary action is filled and this one is not, so the two read as one
+     * decision and one alternative rather than as two competing asks. What `outline`
+     * may not do is inherit its ink from the filled band behind it, and that is
+     * now a property of the variant rather than of where a caller puts it. See
+     * `Cta01Action`'s `variant` for the measurement.
      */
     secondaryAction?: Cta01Action;
     /**

package/dist/blocks/cta-01/cta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta-01/cta.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExE;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,eAAe,EACf,IAAI,EACJ,YAAmB,GACpB,EAAE,UAAU,+BAyDZ;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta-01/cta.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExE;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;;;;;;;;;;;;;;;OAiBG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,eAAe,EACf,IAAI,EACJ,YAAmB,GACpB,EAAE,UAAU,+BAyDZ;AAED,eAAe,KAAK,CAAA"}

package/dist/blocks/hero-01/hero.d.ts

@@ -1,8 +1,23 @@
+import type { ReactNode } from 'react';
 import { type HeadingLevel } from '../../components/ui/section';
 export type HeroAction = {
     label: string;
+    /**
+     * Where the action goes. Required for an action that navigates, which is what
+     * an action in a hero almost always is.
+     *
+     * It was optional here and the Component ignored it, which meant an action
+     * with a destination rendered as a `<button>` that went nowhere: a control
+     * that looks like a link and is not one, and a dead end for a reader who
+     * pressed it. An action now renders as a real anchor whenever it names a
+     * destination, and falls back to a button only when it genuinely is one. A
+     * Block ships no behaviour, so a button here is inert by design rather than by
+     * accident, and the two shapes are told apart by exactly this.
+     */
     href?: string;
     variant?: 'default' | 'outline' | 'secondary' | 'ghost';
+    /** Opens the destination in a new tab, with the matching `rel`. */
+    newTab?: boolean;
 };
 export type Hero01Props = {
     /**
@@ -23,9 +38,7 @@ export type Hero01Props = {
      * are not the same decision: a left-aligned hero is nearly always the left half
      * of a two-column band with a panel or an instrument beside it, and that column
      * is narrower than the container, so the alignment has to be the hero's before
-     * the container can be anything. Three of the four NaniSoft sites compose a
-     * left-aligned hero, each beside a panel, and each wrote the alignment by hand
-     * because this Block was the centered form only.
+     * the container can be anything.
      *
      * It has no visual effect on its own, which is the point: it aligns the copy
      * inside whatever width it is given.
@@ -33,6 +46,30 @@ export type Hero01Props = {
      * @defaultValue 'center'
      */
     align?: 'center' | 'left';
+    /**
+     * The figure beside the copy: a live view of the thing the copy is about.
+     *
+     * A slot, and the reason is the whole shape of this Block's second form. The
+     * hero that names what a product does and the hero that shows it running are
+     * the same section, and every one of the four NaniSoft product sites hand-wrote
+     * the two-column band that joins them, each with its own grid, its own gap and
+     * its own breakpoint. This is that band.
+     *
+     * What goes in it is the consumer's, and specifically it should be something
+     * that would still be true with every animation stopped: a `PulseGraph` of the
+     * pipeline the product runs, a `PulseSeries` of what it captures. A slot that
+     * only reads as motion is a decoration with a slot, and this system does not
+     * author those. The `instrumented` slot is marked as required when the hero is
+     * given one, so a figure cannot be half-wired.
+     */
+    instrument?: ReactNode;
+    /**
+     * Puts the copy and the instrument side by side rather than stacked, and
+     * narrows the copy to the column it shares the band with. Implied by
+     * `instrument` and overridable: a consumer with a narrow instrument and a wide
+     * hero may want them stacked anyway.
+     */
+    split?: boolean;
     /**
      * Heading level for the title. Defaults to `h2` because a block is composed,
      * not a page: it installs into a consumer's layout and renders
@@ -42,18 +79,47 @@ export type Hero01Props = {
      * heading passes one level deeper. See `HeadingLevel`.
      */
     headingLevel?: HeadingLevel;
+    /**
+     * Layout only, exactly as on every Component. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
 };
 /**
- * A centered marketing hero with an optional eyebrow, a headline, a supporting
- * line and up to two actions.
+ * A marketing hero with a headline, a supporting line, up to two actions, and
+ * an optional live figure beside them.
+ *
+ * The copy, the actions and the figure are props, and the Block ships none of
+ * any of them.
+ *
+ * **The two forms are one Block.** Centered over the container, or split with a
+ * figure in the second column. The centered form is the older one and is what a
+ * page whose claim is a sentence wants. The split form is what a product whose
+ * claim is a mechanism wants, and it is the form all four NaniSoft product sites
+ * want, because each one's hero is about a system that runs rather than about a
+ * feature list. Rather than ship `hero-02` and leave every consumer to compose
+ * two blocks and re-derive the grid, the band is here: the column split, the gap
+ * and the breakpoint at which the columns stack are one decision, made once, in
+ * the place that owns the container contract.
+ *
+ * **A hero with a figure puts the figure where the eye lands second, not
+ * last.** The copy column comes first in the DOM and stays first at every width,
+ * so a reader who never sees the figure still reads the headline and the
+ * destination, and a screen reader reaches the thesis before the drawing. The
+ * figure is on the right at desktop and below the copy when the columns stack,
+ * which is the order a reader on a phone wants: what this is, then what it does.
+ *
+ * **Actions are real links.** An action naming an `href` renders as an anchor
+ * with the matching `rel`, because a control that looks like a link and is not
+ * one is a dead end. An action with no destination renders as a `Button`, which
+ * is inert here by design: a Block ships no behaviour, so the honest form of
+ * "this does something" in a composed section is the consumer's own control in
+ * the slot.
  *
- * The copy and the actions are props, and the Block ships none of either. It
- * previously shipped nothing of its own here and the remaining thing worth saying
- * is the alignment: `align` is this Block's own prop rather than a pass-through of
- * `SectionHeading`'s, because a left-aligned hero is nearly always one column of a
- * two-column band and that column is narrower than the container, so the alignment
- * has to be decided before the container is anything.
+ * It composes `Section` and `SectionHeading`, so it inherits the container and
+ * the vertical rhythm rather than re-deriving either, and it adds no container
+ * width and no section padding of its own.
  */
-export declare function Hero01({ eyebrow, title, description, actions, align, headingLevel, }: Hero01Props): import("react").JSX.Element;
+export declare function Hero01({ eyebrow, title, description, actions, align, instrument, split, headingLevel, className, }: Hero01Props): import("react").JSX.Element;
 export default Hero01;
 //# sourceMappingURL=hero.d.ts.map

package/dist/blocks/hero-01/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../src/blocks/hero-01/hero.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAGxF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;CACxD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACzB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAY,EACZ,KAAgB,EAChB,YAAmB,GACpB,EAAE,WAAW,+BAkDb;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../src/blocks/hero-01/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAGxF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IACvD,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACzB;;;;;;;;;;;;;;;OAeG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAY,EACZ,KAAgB,EAChB,UAAU,EACV,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,WAAW,+BA+Fb;AAED,eAAe,MAAM,CAAA"}

package/dist/blocks/hero-01/hero.js

@@ -1,24 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowRight } from 'lucide-react';
 import { Button } from '../../components/ui/button';
+import { CtaLink } from '../../components/ui/cta-link';
 import { Section, SectionHeading } from '../../components/ui/section';
 import { cn } from '../../lib/utils';
 /**
- * A centered marketing hero with an optional eyebrow, a headline, a supporting
- * line and up to two actions.
+ * A marketing hero with a headline, a supporting line, up to two actions, and
+ * an optional live figure beside them.
  *
- * The copy and the actions are props, and the Block ships none of either. It
- * previously shipped nothing of its own here and the remaining thing worth saying
- * is the alignment: `align` is this Block's own prop rather than a pass-through of
- * `SectionHeading`'s, because a left-aligned hero is nearly always one column of a
- * two-column band and that column is narrower than the container, so the alignment
- * has to be decided before the container is anything.
+ * The copy, the actions and the figure are props, and the Block ships none of
+ * any of them.
+ *
+ * **The two forms are one Block.** Centered over the container, or split with a
+ * figure in the second column. The centered form is the older one and is what a
+ * page whose claim is a sentence wants. The split form is what a product whose
+ * claim is a mechanism wants, and it is the form all four NaniSoft product sites
+ * want, because each one's hero is about a system that runs rather than about a
+ * feature list. Rather than ship `hero-02` and leave every consumer to compose
+ * two blocks and re-derive the grid, the band is here: the column split, the gap
+ * and the breakpoint at which the columns stack are one decision, made once, in
+ * the place that owns the container contract.
+ *
+ * **A hero with a figure puts the figure where the eye lands second, not
+ * last.** The copy column comes first in the DOM and stays first at every width,
+ * so a reader who never sees the figure still reads the headline and the
+ * destination, and a screen reader reaches the thesis before the drawing. The
+ * figure is on the right at desktop and below the copy when the columns stack,
+ * which is the order a reader on a phone wants: what this is, then what it does.
+ *
+ * **Actions are real links.** An action naming an `href` renders as an anchor
+ * with the matching `rel`, because a control that looks like a link and is not
+ * one is a dead end. An action with no destination renders as a `Button`, which
+ * is inert here by design: a Block ships no behaviour, so the honest form of
+ * "this does something" in a composed section is the consumer's own control in
+ * the slot.
+ *
+ * It composes `Section` and `SectionHeading`, so it inherits the container and
+ * the vertical rhythm rather than re-deriving either, and it adds no container
+ * width and no section padding of its own.
  */
-export function Hero01({ eyebrow, title, description, actions = [], align = 'center', headingLevel = 'h2', }) {
-    return (_jsxs(Section, { className: "relative overflow-hidden", children: [_jsx("div", { "aria-hidden": true, className: "from-primary/5 pointer-events-none absolute inset-0 -z-10 bg-gradient-to-b to-transparent" }), _jsxs("div", { "data-slot": "hero-01-copy", className: cn('flex flex-col gap-10', align === 'center' ? 'items-center text-center' : 'items-start text-left'), children: [eyebrow ? (_jsx("span", { className: "bg-muted text-muted-foreground rounded-full px-3 py-1 text-xs font-medium", children: eyebrow })) : null, _jsx(SectionHeading, { as: headingLevel, align: align, title: title, description: description }), actions.length ? (_jsx("div", { className: "flex flex-col gap-3 sm:flex-row", children: actions.map((action, index) => (
-                        // Positional, for the same reason as `pricing-01`'s feature list:
-                        // the label is display content, and two actions may share one.
-                        // Safe here because the list is static and never reordered.
-                        _jsxs(Button, { size: "lg", variant: action.variant ?? (index === 0 ? 'default' : 'outline'), className: "group", children: [action.label, index === 0 ? (_jsx(ArrowRight, { className: "motion-safe:transition-transform size-4 group-hover:translate-x-0.5" })) : null] }, index))) })) : null] })] }));
+export function Hero01({ eyebrow, title, description, actions = [], align = 'center', instrument, split, headingLevel = 'h2', className, }) {
+    const twoColumn = split ?? instrument !== undefined;
+    const copy = (_jsxs("div", { "data-slot": "hero-01-copy", className: cn('flex flex-col gap-10', twoColumn ? 'items-start text-left' : align === 'center' ? 'items-center text-center' : 'items-start text-left'), children: [eyebrow ? (_jsx("span", { className: "bg-muted text-muted-foreground rounded-full px-3 py-1 text-xs font-medium", children: eyebrow })) : null, _jsx(SectionHeading, { as: headingLevel, align: twoColumn ? 'left' : align, title: title, description: description }), actions.length ? (_jsx("div", { className: "flex flex-col gap-3 sm:flex-row", children: actions.map((action, index) => {
+                    const variant = action.variant ?? (index === 0 ? 'default' : 'outline');
+                    // Positional, for the same reason as `pricing-01`'s feature list: the
+                    // label is display content, and two actions may share one. Safe here
+                    // because the list is static and never reordered.
+                    const content = (_jsxs(_Fragment, { children: [action.label, index === 0 ? (_jsx(ArrowRight, { className: "motion-safe:transition-transform size-4 group-hover:translate-x-0.5" })) : null] }));
+                    return action.href ? (_jsx(CtaLink, { href: action.href, newTab: action.newTab, size: "lg", variant: variant, className: "group", children: content }, index)) : (_jsx(Button, { size: "lg", variant: variant, className: "group", children: content }, index));
+                }) })) : null] }));
+    return (_jsxs(Section, { className: cn('relative overflow-hidden', className), children: [_jsx("div", { "aria-hidden": true, className: "from-primary/5 pointer-events-none absolute inset-0 -z-10 bg-gradient-to-b to-transparent" }), _jsxs("div", { "data-slot": "hero-01-band", className: cn(twoColumn
+                    ? 'grid items-center gap-10 lg:grid-cols-[5fr_6fr] lg:gap-14'
+                    : 'flex flex-col'), children: [copy, instrument ? (_jsx("div", { "data-slot": "hero-01-instrument", className: "min-w-0", children: instrument })) : null] })] }));
 }
 export default Hero01;

package/dist/catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa,yCAA0C,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAExD,eAAO,MAAM,oBAAoB,sHAQvB,CAAA;AACV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,QAAQ,GAAG,YAAY,CAAA;CAChC;AAED,eAAO,MAAM,OAAO,EAAE,SAAS,WAAW,EAmsBzC,CAAA;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAS,WAAW,EAAY,GAAG,WAAW,EAAE,CAEnF;AAED,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,WAAW,CAE1D,CAAA"}
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa,yCAA0C,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAExD,eAAO,MAAM,oBAAoB,sHAQvB,CAAA;AACV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,QAAQ,GAAG,YAAY,CAAA;CAChC;AAED,eAAO,MAAM,OAAO,EAAE,SAAS,WAAW,EAouBzC,CAAA;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAS,WAAW,EAAY,GAAG,WAAW,EAAE,CAEnF;AAED,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,WAAW,CAE1D,CAAA"}

package/dist/catalog.js

@@ -242,6 +242,36 @@ export const catalog = [
         exports: ['Diagram'],
         status: 'stable',
     },
+    {
+        name: 'PulseGraph',
+        slug: 'pulse-graph',
+        kind: 'component',
+        category: 'Data display',
+        description: 'A running system drawn as vector markup: named nodes, the edges between them, a marker travelling the sequence and a breathing focus. Token-driven and server-rendered, so it needs no client runtime.',
+        source: 'src/components/ui/pulse-graph.tsx',
+        exports: ['PulseGraph'],
+        status: 'stable',
+    },
+    {
+        name: 'PulseSeries',
+        slug: 'pulse-series',
+        kind: 'component',
+        category: 'Data display',
+        description: 'A live instrument: a series of columns rising out of a named baseline, with a reticle crossing them once per cycle. The values are the caller’s own.',
+        source: 'src/components/ui/pulse-series.tsx',
+        exports: ['PulseSeries'],
+        status: 'stable',
+    },
+    {
+        name: 'SignalField',
+        slug: 'signal-field',
+        kind: 'component',
+        category: 'Data display',
+        description: 'A field of marks: the atmosphere a figure is drawn over. Decorative by default and still unless asked to move.',
+        source: 'src/components/ui/signal-field.tsx',
+        exports: ['SignalField'],
+        status: 'stable',
+    },
     {
         name: 'ProductMark',
         slug: 'product-mark',

package/dist/components/index.d.ts

@@ -33,6 +33,12 @@ export { Tree } from './ui/tree';
 export type { TreeProps, TreeNode, TreeNodePage, TreeNodeGroup, TreeNodeDivider } from './ui/tree';
 export { Diagram } from './ui/diagram';
 export type { DiagramProps, DiagramNode, DiagramRelation } from './ui/diagram';
+export { PulseGraph } from './ui/pulse-graph';
+export type { PulseGraphProps, PulseNode, PulseRelation } from './ui/pulse-graph';
+export { PulseSeries } from './ui/pulse-series';
+export type { PulseSeriesProps, PulseBar } from './ui/pulse-series';
+export { SignalField } from './ui/signal-field';
+export type { SignalFieldProps } from './ui/signal-field';
 export { ProductMark } from './ui/product-mark';
 export type { ProductMarkProps, ProductMarkSize } from './ui/product-mark';
 export { Prose } from './ui/prose';

package/dist/components/index.d.ts.map

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

package/dist/components/index.js

@@ -27,6 +27,9 @@ export { Kbd } from './ui/kbd';
 export { Mark } from './ui/mark';
 export { Tree } from './ui/tree';
 export { Diagram } from './ui/diagram';
+export { PulseGraph } from './ui/pulse-graph';
+export { PulseSeries } from './ui/pulse-series';
+export { SignalField } from './ui/signal-field';
 export { ProductMark } from './ui/product-mark';
 export { Prose } from './ui/prose';
 export { FactList } from './ui/fact-list';

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,cAAc;;;8EAsDnB,CAAA;AAED;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQhE;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,cAAc;;;8EAmEnB,CAAA;AAED;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQhE;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/button.js

@@ -15,7 +15,20 @@ const buttonVariants = cva(
         variant: {
             default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
             destructive: 'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',
-            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+            // `outline` sets its own fill and must therefore set its own ink. It
+            // carried `bg-background` with no `text-` for its whole life, and the
+            // omission was invisible everywhere the ink was inherited from the page
+            // ground or a card, because `--foreground` and `--card-foreground` are
+            // equal in all twelve pack and mode combinations. On any other surface
+            // it silently inherited that surface's ink instead, and the variant was
+            // no longer the same button. `Cta01` is the case that shipped: a filled
+            // `bg-primary` panel with `--primary-foreground` inherited, in lavender
+            // dark, measured 1.01:1 and was unreadable while staying focusable and
+            // announced. The reason lives in `cta-link.tsx`, which is the surface
+            // that was drawn; this is the same string kept in step by hand, which is
+            // the arrangement this repository's JSDoc already records as the reason
+            // the two files are separate.
+            outline: 'border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground',
             secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
             ghost: 'hover:bg-accent hover:text-accent-foreground',
             // `primary` is a surface token, not a text token: in the pastel themes it

package/dist/components/ui/cta-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cta-link.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cta-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AA0B3C,QAAA,MAAM,eAAe;;;8EAsCpB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,GACrE,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACrC;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,MAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,YAAY,+BAWd;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"cta-link.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cta-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AA0B3C,QAAA,MAAM,eAAe;;;8EAqDpB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,GACrE,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACrC;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,MAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,YAAY,+BAWd;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/ui/cta-link.js

@@ -38,7 +38,22 @@ const ctaLinkVariants = cva(
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
-            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+            // `outline` sets its own fill and must therefore set its own ink. It
+            // carried `bg-background` with no `text-` for its whole life, which made
+            // it placement-dependent: on the page ground and on a card the inherited
+            // ink is already `--foreground` (verified equal to `--card-foreground` in
+            // all twelve pack and mode combinations), so the omission was invisible.
+            // On a filled surface it is not. `Cta01` draws a `bg-primary` panel with
+            // `--primary-foreground` as the inherited ink and defaulted its second
+            // action to this variant, so in the lavender pack's dark mode the button
+            // was `--background` behind `--primary-foreground` and measured 1.01:1.
+            // The button was in the document, focusable, announced, and unreadable.
+            //
+            // The contract's own row already covers the pair this now states:
+            // `foreground` on `background`, 4.5:1, required, in every pack and mode.
+            // What was missing was the component asking for it, and a token pair
+            // cannot notice that a variant declined to use one.
+            outline: 'border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground',
             secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
             ghost: 'hover:bg-accent hover:text-accent-foreground',
         },

package/dist/components/ui/pulse-graph.d.ts

@@ -0,0 +1,184 @@
+/**
+ * One named thing in a PulseGraph, at a position the caller chooses.
+ *
+ * The coordinate contract is `Diagram`'s, deliberately and unchanged: `x` and
+ * `y` are in the caller's own space and are fitted into the canvas, so fractions,
+ * pixels or any monotonic scale draw the same shape. A caller migrating a
+ * `Diagram` to a `PulseGraph` passes the identical array and only sees the
+ * difference in what the drawing does.
+ *
+ * `lane` is the one addition, and it is the reason this Component exists rather
+ * than a `Diagram` with a class added. A node on a lane is a stage in a
+ * sequence, which is a claim the drawing makes about the relationship between
+ * two nodes: this one runs before that one, and a marker is going to travel
+ * between them. A node with no lane is a point in a system with no stated
+ * order, and the graph draws it as one: no rail under it, nothing carried
+ * between it and anything else. Both shapes are wanted, and a single Component
+ * that can draw either is one item in the catalogue rather than two, and one
+ * fit, one canvas and one set of ink rules to keep true.
+ */
+export type PulseNode = {
+    /** A key unique within the graph. Relations name a node by this. */
+    id: string;
+    /**
+     * The name printed beside the node. It is a label on a picture, so a screen
+     * reader does not read it; see `PulseGraphProps` for what carries the
+     * meaning.
+     */
+    name: string;
+    /** The node's position along the horizontal axis, in the caller's space. */
+    x: number;
+    /** The node's position along the vertical axis, in the caller's space. */
+    y: number;
+    /**
+     * The stage this node belongs to, as a number. Nodes sharing a lane are
+     * stages of one sequence and the marker travels between them in lane order.
+     * Omit it for a node that belongs to no sequence, which the drawing renders
+     * as a point in a field rather than a stop on a rail.
+     */
+    lane?: number;
+    /** Marks the node the drawing is about. See the Brand Ink Rule. */
+    emphasis?: boolean;
+    /**
+     * A second line under the name, in the mono face, for the thing that
+     * qualifies the node: a stage's role, a component's version, a window's
+     * cadence. It is drawn and not announced, on the same terms as `name`, and it
+     * is the reason a caller does not have to reach for a second component to
+     * put a caption under a node.
+     */
+    note?: string;
+};
+/**
+ * One relation between two nodes.
+ *
+ * `carries` is the difference from `Diagram`'s relation and the reason a
+ * caller reaches for this Component: a relation that carries something gets a
+ * marker travelling along it, and one that merely holds does not. That is the
+ * whole claim the graph makes about the pair, expressed as a property of the
+ * edge rather than inferred from whether a marker happens to be drawn there, so
+ * a reader who turns motion off can still read which edges were carrying.
+ */
+export type PulseRelation = {
+    /** The `id` of the node the relation leaves. */
+    from: string;
+    /** The `id` of the node the relation arrives at. */
+    to: string;
+    /** Draws the line dashed, for a relation that holds but not by this route. */
+    indirect?: boolean;
+    /** The line carries a marker travelling from `from` to `to`. */
+    carries?: boolean;
+};
+/** What both arms of `PulseGraphProps` carry. */
+type PulseFigure = {
+    /**
+     * The things drawn. At least one, or the graph renders an empty canvas. This
+     * is a claim the type makes rather than a runtime guard, because a figure
+     * with nothing in it is a mistake in the caller's data and not a state worth
+     * rendering a friendly empty message for.
+     */
+    nodes: PulseNode[];
+    /**
+     * The relations drawn between them. A relation naming a node that is not in
+     * `nodes` is dropped, and the count of dropped relations is on the element as
+     * `data-unresolved-relations` rather than swallowed, because a line that
+     * silently did not draw is the failure this Component exists to make
+     * impossible.
+     */
+    relations?: PulseRelation[];
+    /**
+     * Layout only, exactly as on every Component: grid placement and width.
+     * Changing a Prism-owned visual property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * The props a PulseGraph takes.
+ *
+ * The name is required unless the drawing is decorative, and it is forbidden
+ * when it is. That is a union rather than `label?: string` for the reason
+ * `Diagram` states: only a union lets the type system see the exception.
+ */
+export type PulseGraphProps = PulseFigure & ({
+    /**
+     * Hides the drawing from assistive technology and drops the name. Use it
+     * when the surrounding sentence already says what the graph shows, and
+     * nothing inside the hidden tree is named either.
+     */
+    decorative: true;
+    label?: never;
+} | {
+    /** The name of the drawing, and the only thing a screen reader reads from it. */
+    label: string;
+    decorative?: false;
+});
+/**
+ * A graph of named things, the relations between them, and a marker travelling
+ * the sequence.
+ *
+ * This is the Component the four NaniSoft product sites each lost when they
+ * moved off the retired line, rebuilt rather than recovered. Their old heroes
+ * drew the right thing, in the wrong way: a `<canvas>` with a
+ * `requestAnimationFrame` loop, its colours read out of the DOM once at mount,
+ * and numbers invented by a sine hash so the drawing would have something to
+ * show. Every part of that was a defect with a real cost, and this file is the
+ * argument for each of them in turn.
+ *
+ * **It is a server Component.** No `'use client'`, no hook, no effect, no
+ * context, no runtime. The motion is CSS on the server-rendered markup, so a
+ * consumer gets a running figure in a static export with zero bytes of
+ * JavaScript, and `check-client-budget.mjs` keeps it off the client roster. The
+ * old heroes needed a client runtime on a static-export site; this one needs
+ * nothing.
+ *
+ * **It is SVG, not a canvas, and that is the pack-boundary reason.** A canvas
+ * paints pixels it has already resolved, and a `data-pack` boundary is an
+ * attribute on an ancestor, so a resolved value does not move when the pack
+ * beneath it does. Every stroke and fill below names a semantic token as a
+ * utility, so a scoped pack boundary above the drawing restyles it through the
+ * cascade exactly as it restyles a heading. This is why `check-vector-ink.mjs`
+ * scans this file.
+ *
+ * **Nothing is hidden and nothing waits.** No rule sets `opacity: 0`; the
+ * figure is complete and fully legible at first paint; and the animation only
+ * moves things that are already visible. A reader with scripting off, a slow
+ * connection, a print stylesheet, or a crawler sees the whole drawing. The
+ * reduced-motion block in the stylesheet is one `animation: none`, and because
+ * every element's resting state is its full form, that reader gets the same
+ * figure, still. This is the `hidden-state` gate's requirement met by the
+ * design rather than by an exception, which is why a consumer needs no
+ * exception to enable it.
+ *
+ * **The motion is the token scale's.** Every `prism-ambient-*` class reads its
+ * length from `var(--ambient-*)`; nothing in this file states a duration, an
+ * easing, or a keyframe name in a shorthand. The one distance this file does set
+ * is a geometry length in user units, because the keyframe that consumes it
+ * translates by a distance and that distance is a property of this drawing's
+ * coordinates rather than a timing.
+ *
+ * **What it will not do.** It does not invent data. The old canvas filled itself
+ * with a sine hash, and every site that shipped it inherited a chart of numbers
+ * nobody collected; a reader who screenshotted one and read the axis got a lie
+ * with a real typeface on it. Here, a node is a node a caller named, an edge is
+ * an edge a caller declared, and an empty graph is an empty graph. The motion
+ * says a system is running. It does not say what the numbers were.
+ *
+ * **The rail.** Nodes carrying a `lane` are stages of one sequence, and the
+ * graph draws a rail under them with a marker travelling it, so the order is
+ * visible as an order rather than inferred from left-to-right spacing. Nodes
+ * with no lane are a field: no rail, no marker, and every node present from the
+ * first frame. A graph may have both, and the rail then describes only the lanes
+ * that exist.
+ *
+ * **Accessibility.** `role="img"` with the `label` the caller passes, the same
+ * contract `Diagram` holds. Everything inside a `role="img"` is presentational,
+ * so node names and notes are drawn for sighted readers and the surrounding
+ * sentence is what a screen reader gets. Pass `decorative` when that sentence
+ * already says what the drawing shows.
+ *
+ * Positions are the caller's. The Component fits and draws, and it does not lay
+ * out a graph, so it cannot know that two labels will not collide. A relation
+ * naming a node that is not in `nodes` is dropped and counted on the element.
+ */
+declare function PulseGraph({ nodes, relations, label, decorative, className, }: PulseGraphProps): import("react").JSX.Element;
+export { PulseGraph };
+//# sourceMappingURL=pulse-graph.d.ts.map

package/dist/components/ui/pulse-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pulse-graph.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pulse-graph.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAA;IACV;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,CAAC,EAAE,MAAM,CAAA;IACT,0EAA0E;IAC1E,CAAC,EAAE,MAAM,CAAA;IACT;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,iDAAiD;AACjD,KAAK,WAAW,GAAG;IACjB;;;;;OAKG;IACH,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,CACI;IACE;;;;OAIG;IACH,UAAU,EAAE,IAAI,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GACD;IACE,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,CACJ,CAAA;AAsHH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,SAAc,EACd,KAAK,EACL,UAAkB,EAClB,SAAS,GACV,EAAE,eAAe,+BA4MjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}