@nanisoft/prism-ui 0.13.0 → 0.15.0

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

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import { type ProductMarkProps } from '../../components/ui/product-mark.js';
+import { type HeadingLevel } from '../../components/ui/section.js';
 /**
  * One destination in a footer column.
  *
@@ -90,6 +91,17 @@ export type SiteFooterProps = {
      * Block that held a year would be a Block that went stale.
      */
     legal?: ReactNode;
+    /**
+     * Heading level for the footer's column headings. @defaultValue 'h2'
+     *
+     * A prop for the reason every Block's is: the surrounding document decides where
+     * this lands in the outline, not the Block. Four of the five NaniSoft sites put
+     * the footer at the root of their layout, where a column heading at level two is
+     * the top of that part of the document; the fifth composes the same Block as the
+     * last region of a settings page, where the same fixed level made every column a
+     * sibling of the heading that section already had.
+     */
+    headingLevel?: HeadingLevel;
     /**
      * Layout only, exactly as on every Component. Changing a Prism-owned visual
      * property from here is prohibited.
@@ -120,6 +132,11 @@ export type SiteFooterProps = {
  * title. A reader who navigates by landmark can therefore reach "Documentation"
  * rather than arriving at one anonymous list of links.
  *
+ * The level of those headings is the caller's rather than fixed, for the reason
+ * every Block's is. This footer is composed by four products at the root of their
+ * layouts and by one inside a page, and a fixed level answers only the first of
+ * those.
+ *
  * The social links open in a new browsing context by default, because a link that
  * leaves the site and comes back is a reader who has lost the page they were on.
  * That default is a decision this Block makes, and `newTab={false}` on one link
@@ -130,6 +147,6 @@ export type SiteFooterProps = {
  * imports no router: a consumer renders it from a server file and the links are
  * plain anchors the consumer's own router can intercept.
  */
-export declare function SiteFooter({ product, columns, social, legal, className, }: SiteFooterProps): import("react").JSX.Element;
+export declare function SiteFooter({ product, columns, social, legal, headingLevel, className, }: SiteFooterProps): import("react").JSX.Element;
 export default SiteFooter;
 //# sourceMappingURL=site-footer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../../src/blocks/site-footer/site-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAGrF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,KAAK,EAAE,SAAS,cAAc,EAAE,CAAA;CACjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACpC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,eAAe,+BA8DjB;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../../src/blocks/site-footer/site-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAG/D;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,KAAK,EAAE,SAAS,cAAc,EAAE,CAAA;CACjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACpC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,eAAe,+BA+DjB;AAED,eAAe,UAAU,CAAA"}

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

@@ -25,6 +25,11 @@ import { cn } from '../../lib/utils.js';
  * title. A reader who navigates by landmark can therefore reach "Documentation"
  * rather than arriving at one anonymous list of links.
  *
+ * The level of those headings is the caller's rather than fixed, for the reason
+ * every Block's is. This footer is composed by four products at the root of their
+ * layouts and by one inside a page, and a fixed level answers only the first of
+ * those.
+ *
  * The social links open in a new browsing context by default, because a link that
  * leaves the site and comes back is a reader who has lost the page they were on.
  * That default is a decision this Block makes, and `newTab={false}` on one link
@@ -35,7 +40,8 @@ import { cn } from '../../lib/utils.js';
  * imports no router: a consumer renders it from a server file and the links are
  * plain anchors the consumer's own router can intercept.
  */
-export function SiteFooter({ product, columns, social, legal, className, }) {
-    return (_jsx("footer", { "data-slot": "site-footer", className: cn('border-border bg-background w-full border-t', className), children: _jsxs("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-10 px-6 py-12 lg:px-8", children: [_jsxs("div", { className: "flex flex-col gap-10 md:flex-row md:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "lg" }), social && social.length > 0 ? (_jsx("ul", { className: "flex flex-wrap items-center gap-4", children: social.map((link) => (_jsx("li", { children: _jsxs("a", { href: link.href, rel: link.newTab === false ? undefined : 'noopener noreferrer', target: link.newTab === false ? undefined : '_blank', className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-2 rounded-sm text-sm font-medium transition-colors duration-fast ease-out", children: [link.icon ? (_jsx("span", { "aria-hidden": true, className: "inline-flex items-center", children: link.icon })) : null, link.label] }) }, link.href))) })) : null] }), columns && columns.length > 0 ? (_jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: columns.map((column) => (_jsxs("nav", { "aria-label": column.title, className: "flex flex-col gap-3", children: [_jsx("h2", { className: "text-sm font-semibold", children: column.title }), _jsx("ul", { className: "flex flex-col gap-2", children: column.links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.href, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: "text-muted-foreground hover:text-foreground rounded-sm text-sm transition-colors duration-fast ease-out", children: link.label }) }, link.href))) })] }, column.title))) })) : null] }), legal ? _jsx("div", { className: "text-muted-foreground text-sm", children: legal }) : null] }) }));
+export function SiteFooter({ product, columns, social, legal, headingLevel = 'h2', className, }) {
+    const ColumnTitle = headingLevel;
+    return (_jsx("footer", { "data-slot": "site-footer", className: cn('border-border bg-background w-full border-t', className), children: _jsxs("div", { className: "mx-auto flex w-full max-w-page flex-col gap-10 px-6 py-12 lg:px-8", children: [_jsxs("div", { className: "flex flex-col gap-10 md:flex-row md:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "lg" }), social && social.length > 0 ? (_jsx("ul", { className: "flex flex-wrap items-center gap-4", children: social.map((link) => (_jsx("li", { children: _jsxs("a", { href: link.href, rel: link.newTab === false ? undefined : 'noopener noreferrer', target: link.newTab === false ? undefined : '_blank', className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-2 rounded-sm text-sm font-medium transition-colors duration-fast ease-out", children: [link.icon ? (_jsx("span", { "aria-hidden": true, className: "inline-flex items-center", children: link.icon })) : null, link.label] }) }, link.href))) })) : null] }), columns && columns.length > 0 ? (_jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: columns.map((column) => (_jsxs("nav", { "aria-label": column.title, className: "flex flex-col gap-3", children: [_jsx(ColumnTitle, { className: "text-sm font-semibold", children: column.title }), _jsx("ul", { className: "flex flex-col gap-2", children: column.links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.href, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: "text-muted-foreground hover:text-foreground rounded-sm text-sm transition-colors duration-fast ease-out", children: link.label }) }, link.href))) })] }, column.title))) })) : null] }), legal ? _jsx("div", { className: "text-muted-foreground text-sm", children: legal }) : null] }) }));
 }
 export default SiteFooter;

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

@@ -41,6 +41,6 @@ import { cn } from '../../lib/utils.js';
  * mechanism the whole system uses.
  */
 export function SiteHeader({ product, products, nav, navLabel, productsLabel, actions, sticky = false, className, }) {
-    return (_jsx("header", { "data-slot": "site-header", className: cn('border-border bg-background w-full border-b', sticky && 'sticky top-0 z-30', className), children: _jsxs("div", { className: "mx-auto flex w-full max-w-6xl flex-wrap items-center gap-x-6 gap-y-3 px-6 py-3 lg:px-8", children: [_jsx("a", { href: "/", className: "flex shrink-0 items-center rounded-sm", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "md" }) }), products && products.length > 0 ? (_jsx(ProductSwitcher, { products: products, currentId: product.id, size: "sm", label: productsLabel ?? navLabel })) : null, nav && nav.length > 0 ? (_jsx("nav", { "aria-label": navLabel, className: "flex flex-wrap items-center gap-x-5 gap-y-2", children: nav.map((link) => (_jsx("a", { href: link.href, "aria-current": link.current ? 'page' : undefined, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: "text-muted-foreground hover:text-foreground rounded-sm text-sm font-medium transition-colors duration-fast ease-out", children: link.label }, link.href))) })) : null, actions ? (_jsx("div", { className: "ms-auto flex items-center gap-3", children: actions })) : null] }) }));
+    return (_jsx("header", { "data-slot": "site-header", className: cn('border-border bg-background w-full border-b', sticky && 'sticky top-0 z-30', className), children: _jsxs("div", { className: "mx-auto flex w-full max-w-page flex-wrap items-center gap-x-6 gap-y-3 px-6 py-3 lg:px-8", children: [_jsx("a", { href: "/", className: "flex shrink-0 items-center rounded-sm", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "md" }) }), products && products.length > 0 ? (_jsx(ProductSwitcher, { products: products, currentId: product.id, size: "sm", label: productsLabel ?? navLabel })) : null, nav && nav.length > 0 ? (_jsx("nav", { "aria-label": navLabel, className: "flex flex-wrap items-center gap-x-5 gap-y-2", children: nav.map((link) => (_jsx("a", { href: link.href, "aria-current": link.current ? 'page' : undefined, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: "text-muted-foreground hover:text-foreground rounded-sm text-sm font-medium transition-colors duration-fast ease-out", children: link.label }, link.href))) })) : null, actions ? (_jsx("div", { className: "ms-auto flex items-center gap-3", children: actions })) : null] }) }));
 }
 export default SiteHeader;

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

@@ -153,6 +153,11 @@ export type SiteNavbarProps = {
      * Keeps the bar at the top of the viewport as the page scrolls. On by default,
      * because the bar is how a reader leaves the page they are on, and a bar that
      * scrolls away takes that with it on exactly the long pages a reader needs it.
+     *
+     * `false` is honoured: the bar is then part of the flow and scrolls away with the
+     * page. It was accepted and ignored until this release, so a site that passed it
+     * was given the sticky bar it had asked not to have, and `SiteHeader` has always
+     * applied it the other way round.
      */
     sticky?: boolean;
     /** Layout only. Changing a Prism-owned visual property from here is prohibited. */
@@ -196,9 +201,38 @@ export type SiteNavbarProps = {
  * The bottom hairline is `border-border`, so the bar separates from the page by a
  * line rather than by a fill change, which is how every surface in this system is
  * separated: in the base pack `background` and `card` resolve to the same value, so
- * a fill is not available as a separator. The bar is translucent and blurred, so the
- * content scrolling under it is legible through it rather than hidden by it, which
- * is the reason a sticky bar can be translucent at all.
+ * a fill is not available as a separator.
+ *
+ * **The bar is opaque, and it used not to be.** It carried `bg-background/80` and
+ * `backdrop-blur`, so the page showed through it blurred. A backdrop filter is
+ * evaluated against everything painted behind the element, and this element is a
+ * full-viewport-width sticky bar, so on a scrolling page the browser re-sampled and
+ * re-blurred that backdrop on every frame of the scroll, on every page of every site
+ * that composes this bar. It is the most expensive thing in the document for the
+ * least visible return: the twenty percent of the page showing through a bar that
+ * carries its own labels on top of it is not what a reader looks at.
+ *
+ * **The blur is not kept behind a capability check, because a capability check does
+ * not pay for it.** `@supports (backdrop-filter: blur(1px))` is false only in a
+ * browser that would have dropped the declaration and composited no no-op, and it is
+ * true in every browser that does the expensive thing, so it changes no reader's
+ * cost. It would also leave a third outcome in the world, and the worst one: a bar
+ * that is a flat eighty percent veil with unblurred text passing under it.
+ *
+ * What replaces the pair is `bg-background`, which is what `SiteHeader` already
+ * ships, and the reason this is legible rather than merely cheaper is that an opaque
+ * bar makes its own contrast the token pair the contrast gate already holds:
+ * `muted-foreground` on `background` in every pack and in both modes, with nothing
+ * composited between the ink and the ground. A `/80` background has no such pair at
+ * all, because the colour under it is a decision the reader's scroll position makes
+ * and no token in this system describes it.
+ *
+ * `will-change` is absent and stays absent. A `backdrop-filter` is promoted to its
+ * own layer by the browser when it has something to filter, so `will-change` on the
+ * bar would only keep that layer alive: nothing on this bar animates, there is no
+ * frame coming for the hint to be ready for, and a hint applied at rest is a hint
+ * with no release. This package ships no `will-change` anywhere, and the bar is not
+ * the place to start one.
  *
  * **It is a server Component with one client island inside it.** The lockup and the
  * navigation are rendered on the server and ship no JavaScript; the controls are a

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

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

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

@@ -40,9 +40,38 @@ import { NavbarControls } from './navbar-controls.js';
  * The bottom hairline is `border-border`, so the bar separates from the page by a
  * line rather than by a fill change, which is how every surface in this system is
  * separated: in the base pack `background` and `card` resolve to the same value, so
- * a fill is not available as a separator. The bar is translucent and blurred, so the
- * content scrolling under it is legible through it rather than hidden by it, which
- * is the reason a sticky bar can be translucent at all.
+ * a fill is not available as a separator.
+ *
+ * **The bar is opaque, and it used not to be.** It carried `bg-background/80` and
+ * `backdrop-blur`, so the page showed through it blurred. A backdrop filter is
+ * evaluated against everything painted behind the element, and this element is a
+ * full-viewport-width sticky bar, so on a scrolling page the browser re-sampled and
+ * re-blurred that backdrop on every frame of the scroll, on every page of every site
+ * that composes this bar. It is the most expensive thing in the document for the
+ * least visible return: the twenty percent of the page showing through a bar that
+ * carries its own labels on top of it is not what a reader looks at.
+ *
+ * **The blur is not kept behind a capability check, because a capability check does
+ * not pay for it.** `@supports (backdrop-filter: blur(1px))` is false only in a
+ * browser that would have dropped the declaration and composited no no-op, and it is
+ * true in every browser that does the expensive thing, so it changes no reader's
+ * cost. It would also leave a third outcome in the world, and the worst one: a bar
+ * that is a flat eighty percent veil with unblurred text passing under it.
+ *
+ * What replaces the pair is `bg-background`, which is what `SiteHeader` already
+ * ships, and the reason this is legible rather than merely cheaper is that an opaque
+ * bar makes its own contrast the token pair the contrast gate already holds:
+ * `muted-foreground` on `background` in every pack and in both modes, with nothing
+ * composited between the ink and the ground. A `/80` background has no such pair at
+ * all, because the colour under it is a decision the reader's scroll position makes
+ * and no token in this system describes it.
+ *
+ * `will-change` is absent and stays absent. A `backdrop-filter` is promoted to its
+ * own layer by the browser when it has something to filter, so `will-change` on the
+ * bar would only keep that layer alive: nothing on this bar animates, there is no
+ * frame coming for the hint to be ready for, and a hint applied at rest is a hint
+ * with no release. This package ships no `will-change` anywhere, and the bar is not
+ * the place to start one.
  *
  * **It is a server Component with one client island inside it.** The lockup and the
  * navigation are rendered on the server and ship no JavaScript; the controls are a
@@ -54,7 +83,7 @@ import { NavbarControls } from './navbar-controls.js';
 export function SiteNavbar({ product, homeHref = '/', defaultPack, defaultMode, nav, navLabel, currentPath, sites, currentSiteId, sitesLabel, search, theme, mode, mobileLabels, actions, sticky = true, className, }) {
     const links = nav ?? [];
     const isCurrent = (link) => link.current ?? (currentPath !== undefined && link.href === currentPath);
-    return (_jsx("header", { "data-slot": "site-navbar", className: cn('border-border/80 bg-background/80 sticky top-0 z-20 w-full border-b backdrop-blur', className), children: _jsxs("div", { className: "mx-auto flex h-14 w-full max-w-page items-center gap-2 px-6", children: [_jsx("a", { href: homeHref, className: "focus-visible:border-ring focus-visible:ring-ring shrink-0 rounded-sm focus-visible:ring-[3px] focus-visible:outline-none", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "sm" }) }), links.length > 0 ? (_jsx("nav", { "aria-label": navLabel, className: "hidden items-center lg:flex", children: links.map((link) => (_jsx("a", { href: link.href, "aria-current": isCurrent(link) ? 'page' : undefined, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: isCurrent(link)
+    return (_jsx("header", { "data-slot": "site-navbar", className: cn('border-border bg-background w-full border-b', sticky && 'sticky top-0 z-20', className), children: _jsxs("div", { className: "mx-auto flex h-14 w-full max-w-page items-center gap-2 px-6", children: [_jsx("a", { href: homeHref, className: "focus-visible:border-ring focus-visible:ring-ring shrink-0 rounded-sm focus-visible:ring-[3px] focus-visible:outline-none", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: "sm" }) }), links.length > 0 ? (_jsx("nav", { "aria-label": navLabel, className: "hidden items-center lg:flex", children: links.map((link) => (_jsx("a", { href: link.href, "aria-current": isCurrent(link) ? 'page' : undefined, rel: link.newTab ? 'noopener noreferrer' : undefined, target: link.newTab ? '_blank' : undefined, className: isCurrent(link)
                             ? 'bg-accent text-accent-foreground focus-visible:border-ring focus-visible:ring-ring rounded-md px-2 py-1.5 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none'
                             : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring rounded-md px-2 py-1.5 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none', children: link.label }, link.href))) })) : null, _jsx(NavbarControls, { product: product, nav: links.map((link) => ({ ...link, current: isCurrent(link) })), navLabel: navLabel, sites: sites, currentSiteId: currentSiteId, sitesLabel: sitesLabel, search: search, theme: theme, mode: mode, mobileLabels: mobileLabels, defaultPack: defaultPack, defaultMode: defaultMode, actions: actions })] }) }));
 }

package/dist/blocks/spec-table-01/index.d.ts

@@ -0,0 +1,3 @@
+export { SpecTable01, default } from './spec-table.js';
+export type { SpecTable01Group, SpecTable01Props, SpecTable01Row, SpecTable01Summary, SpecTableCell, SpecTableColumn, } from './spec-table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/spec-table-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/spec-table-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAKnD,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,eAAe,GAChB,MAAM,cAAc,CAAA"}

package/dist/blocks/spec-table-01/index.js

@@ -0,0 +1 @@
+export { SpecTable01, default } from './spec-table.js';

package/dist/blocks/spec-table-01/spec-table.d.ts

@@ -0,0 +1,293 @@
+import { type ReactNode } from 'react';
+import { type HeadingLevel } from '../../components/ui/section.js';
+/**
+ * The four cells a limit row can draw, and the set is closed.
+ *
+ * A specification row is a measurement, and a measurement has four parts: what was
+ * measured, what it measured, in what unit, and under what conditions. Anything
+ * else is not a fifth cell, it is a fact that belongs in the note. Closing the set
+ * is what lets the Block keep a real table with a real row header while the four
+ * column names stay the caller's, and the cost of the closure is named on
+ * `SpecTableColumn`: a capability whose limits need a fifth column cannot render it
+ * here.
+ */
+export type SpecTableCell = 'label' | 'value' | 'unit' | 'note';
+/**
+ * One column of the table: which cell it draws, and the words above it.
+ *
+ * `header` is a prop and `id` is not, for the reason `ResourceListColumn` states:
+ * what a reader needs a column called varies by product, and "Limit", "Measure" and
+ * "Property" are three names for one column and only the set's owner can say which
+ * is right. `className` is layout, applied to the header cell and to every cell
+ * under it, and it changes where a column sits and never what a cell looks like.
+ */
+export type SpecTableColumn = {
+    /** Which of the four cells this column draws. */
+    id: SpecTableCell;
+    /** The column's name, in the product's own words. */
+    header: ReactNode;
+    /** Layout classes for the column. Alignment and a fixed width are what this is for. */
+    className?: string;
+};
+/**
+ * One limit: what is measured, what it measures, the unit, and the caveat.
+ *
+ * `value` is a `ReactNode` and that is the whole of this Block's contract with the
+ * caller: a number on a specification page is a measurement somebody made, and this
+ * Block cannot see it, cannot check it and must not print it. See the Block's JSDoc
+ * for the three things it therefore refuses to do with a figure.
+ */
+export type SpecTable01Row = {
+    /** The limit's stable key, carried on the markup as `data-row`. */
+    id: string;
+    /**
+     * What is measured, in the product's own words.
+     *
+     * It is the row header, so a screen reader announces it with every cell beneath
+     * it, and it is the sentence a reader checks the value against. It is a `string`
+     * rather than a node because a column of terms is read by scanning the left edge
+     * and a term that wraps costs every other row its alignment.
+     */
+    label: string;
+    /**
+     * The measured value, exactly as the caller composed it.
+     *
+     * A node and not a number, for the reason `Metric` gives for its own `value`: a
+     * caller's figure is very often a value it formatted itself, and a `number` prop
+     * would make it either ship that as a string outside this Block or lose the
+     * precision it belongs to. Prism formats nothing here and rounds nothing here.
+     */
+    value: ReactNode;
+    /**
+     * The unit the value is in, as a string beside it.
+     *
+     * Not part of `value`, and that separation is the decision this type exists to
+     * hold. "12k" and "12 thousand" and "12000" are three renderings of one figure,
+     * and which of them is right is a fact about the measurement and the audience:
+     * a reader checking a bill wants the full number, a reader scanning a column wants
+     * the short one, and a machine reading the export wants neither. So the caller
+     * owns the rendering in `value` and owns the precision in `unit`, and the Block
+     * draws them as two cells rather than concatenating them into one string it could
+     * not take apart again.
+     */
+    unit?: string;
+    /**
+     * The condition the value holds under.
+     *
+     * The sentence that qualifies the number beside it: the measurement window, the
+     * percentile, the region it was taken in, the caveat that matters this month. It
+     * is a node because it is frequently more than a string, and a caller who wants a
+     * `CodeBlock` or a `Status` in it can pass one.
+     */
+    note?: ReactNode;
+    /**
+     * Whether this is the row a reader should land on.
+     *
+     * Optional and a single boolean rather than a `tone`, because a specification has
+     * no urgency axis. What it has is one limit that decides the answer for everybody
+     * else on the page, and this row is the one to read first: the retention window
+     * on a data table, the ceiling on a tier, the region a connector cannot reach
+     * yet. The Block draws it in the foreground ink and at a heavier weight and adds
+     * nothing else, because a reader who has to work out which row matters is doing
+     * the Block's job. The cost is that weight is the only signal, so a caller with
+     * two equally important limits should pass it on one and let the note carry the
+     * other.
+     */
+    emphasis?: boolean;
+};
+/**
+ * One caller-named group of limits, drawn as one body of the table.
+ *
+ * `title` is a string rather than a node because a group name is read down the left
+ * edge of the table and the same alignment argument applies. The groups are the
+ * caller's own taxonomy: "Collection", "Retention", "Regions", "Limits" are four
+ * shapes four products would use and Prism has no opinion on which of them is right.
+ */
+export type SpecTable01Group = {
+    /** The group's own name, in the product's words. */
+    title: string;
+    /** The limits in it, in the order a reader should meet them. */
+    rows: readonly SpecTable01Row[];
+};
+/**
+ * One figure in the summary band under the table, which is where a caller puts the
+ * two or three numbers the whole specification reduces to.
+ *
+ * `value` is a node and `label` is a string, which is the same split every other
+ * figure in this package makes: the label names what is measured and is read down a
+ * column, and the value is whatever the caller composed for it.
+ */
+export type SpecTable01Summary = {
+    /** What the figure measures. */
+    label: string;
+    /** The figure, exactly as the caller composed it. */
+    value: ReactNode;
+};
+/**
+ * The props a SpecTable01 takes.
+ *
+ * Every figure is a prop and the Block ships none. There is no throughput number,
+ * no retention window, no region list and not one column heading: a specification
+ * table is a set of claims about a product's limits, and a Block that shipped a
+ * figure would be publishing a measurement it never made.
+ */
+export type SpecTable01Props = {
+    /** Optional label above the section title. It has no default. */
+    eyebrow?: string;
+    /**
+     * The section title, and required.
+     *
+     * Required for the same reason `ResourceList01`'s is: a table carries no caption
+     * here because the heading above it names it, which `table.tsx` states as the
+     * exception to its own rule. A specification with no heading above it is a table
+     * with no name, and a table with no name is four columns a screen reader user has
+     * to be told about out loud.
+     */
+    title: ReactNode;
+    /** One or two sentences under the title. */
+    description?: ReactNode;
+    /**
+     * The columns, in the order the reader should meet them.
+     *
+     * Order is the caller's because a specification has two plausible orders and each
+     * is a claim: what it handles first for a reader deciding, what it costs first for
+     * a reader already committed. The `label` column has to be among them and the run
+     * fails without it, because the label is the row header every other cell is read
+     * under.
+     */
+    columns: readonly SpecTableColumn[];
+    /**
+     * The groups, in the order a reader should meet them, each with its limits.
+     *
+     * A group with no limits is not drawn. A group name over an empty body is a
+     * heading with nothing under it, which is the defect every list in this package
+     * avoids by rendering nothing rather than rendering a frame. The cost is that a
+     * caller who wants a named empty group has to say so in the `empty` node instead.
+     */
+    groups: readonly SpecTable01Group[];
+    /**
+     * The figures the whole table reduces to, drawn as `Metric` under it.
+     *
+     * Optional, and the Block composes `Metric` rather than drawing its own figure
+     * row, for the reason `ChartCard01` and `Dashboard01` give: a figure has an
+     * arrangement, it has a rule about whether a string is set in the mono face, and
+     * it has one about where the label goes relative to the value. Re-deriving any of
+     * that here would put a second answer to "how does a figure read" in one package.
+     * `label` is a string because `Metric` names the figure with a node and a band of
+     * figures is read down its left edge, and `value` is a node because `Metric` takes
+     * one and this Block formats nothing.
+     */
+    summary?: readonly SpecTable01Summary[];
+    /**
+     * The caller's own sentence for a specification with no rows in it.
+     *
+     * Required, and a node. A specification table with nothing in it means three
+     * different things to three different readers, and only the caller knows which:
+     * the capability publishes no limits, the limits have not loaded, or the capability
+     * is not available in this region. "No limits published" is English and it is the
+     * one sentence on the page a reader is guaranteed to read.
+     */
+    empty: ReactNode;
+    /**
+     * Heading level for the section title.
+     *
+     * Defaults to `h2` because a Block is composed, not a page. See `HeadingLevel`.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Layout only, exactly as on every Block. Changing a Prism-owned visual property
+     * from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * A capability's limits as a real table, grouped, with a summary band underneath.
+ *
+ * **The storefront version of this pattern is a product's specification table, and
+ * the translation is what the numbers are about.** What that table publishes is a
+ * list of attributes for an item for sale: the material, the weight, the dimensions,
+ * the care instructions, in a two-column table under a heading, sometimes grouped
+ * into sections. Every part of the layout and every part of the accessibility work
+ * transfers without a change, because a specification is a table whichever subject it
+ * describes: a screen reader announces the row's name with every cell beneath it in
+ * one, and a table of key and value cells in a grid of `div`s does not. What does not
+ * transfer is the subject. The figures here are a capability's limits: what it
+ * handles, what it costs, what it will not do. A reader arrives at that table to
+ * decide whether the thing can carry their estate, their market or their run, and the
+ * only reason the pattern survives the translation intact is that the access work
+ * was never about the noun.
+ *
+ * **This Block will not derive a value, infer a unit, or round a number, and those
+ * three refusals are the reason it exists rather than a limitation of it.** A
+ * specification table is the one surface in this system where a number a reader
+ * cannot check is a liability rather than a convenience: every figure on it is
+ * something the reader is about to plan against, and a figure this package printed
+ * would be a measurement the product never made. So a throughput number is a node
+ * the caller composed, a unit is a string the caller wrote, and a precision is the
+ * caller's decision made in its own formatter before the value reached this Block.
+ * The alternatives were each rejected for the same reason and are worth naming. A
+ * `format` prop would move the arithmetic into this package and put a locale and a
+ * rounding rule into a Block that has no business choosing either. A `number` value
+ * would make the caller format outside the Block or lose the precision it belongs
+ * to, and a number prop is what produced a bare `12000` on a page that should have
+ * said `12,000`. And a `compact` or `approximate` boolean would be a rounding rule
+ * with no name, applied to a figure this package cannot see the meaning of, and a
+ * rounded retention window is a wrong retention window.
+ *
+ * **`unit` is a string beside the value and not part of it, because "12k", "12
+ * thousand" and "12000" are three renderings and the caller owns the precision as
+ * well as the number.** Which of the three is right is a fact about the measurement
+ * and the audience rather than about the measurement alone: a reader reconciling a
+ * bill wants the full number, a reader scanning a column of twelve wants the short
+ * one, and a machine reading an export wants neither. Concatenating the unit into
+ * the value would also make the unit unaddressable: a screen reader announces a run
+ * of characters, and a column of units aligned under a column of figures is a
+ * comparison a reader can make in a way a run of strings is not. The cost is that a
+ * caller who wants them joined has to join them, which is the right place for the
+ * decision because it is their figure and their audience.
+ *
+ * **A group is a body and not a merged cell, for the reason `ResourceList01` states
+ * in full.** A reader navigates a table by its headers, and a cell spanning every
+ * row of a group is a `<td rowspan="n">`, which is not a header at all. A group named
+ * in one such cell is announced once, to nobody in particular, and every row beneath
+ * it looks to a reader navigating by header like a row of the group above. The same
+ * set rendered as a sequence of bodies inside one table has the group as each body's
+ * own row-group header, and a reader hears the group before the first row of it
+ * every time.
+ *
+ * **It is one `<table>` and not one table per group.** The groups are facets of one
+ * set rather than separate documents, the columns are the same in each, and a reader
+ * who has learned the columns in the first body has learned them for the rest. The
+ * honest cost is that a reader navigating by column header meets the columns before
+ * the group, not after it. A caller whose groups are separate documents wants one
+ * table per group, which is two `SpecTable01`s.
+ *
+ * **The row header is the limit's own label and the note is the cell that
+ * qualifies it.** Neither is shortened here. A specification without its conditions
+ * is a claim about every case rather than about the one it was measured in, which is
+ * a stronger claim than a product can usually support, and this Block does not write
+ * the scope for them.
+ *
+ * **A specification with no rows renders the caller's `empty` sentence and no
+ * table at all**, which is the opposite of what `Compliance01` does with an empty
+ * claims table and the same argument applied to a different surface. A compliance
+ * section wants its heading visible so a reader can see that nothing is published
+ * there; a specification table with a header row and no body is four column names
+ * and nothing else, which tells a reader less than the sentence the caller wrote for
+ * exactly this case. The cost is that a heading can survive on a page whose limits
+ * have all been withdrawn, and a consumer who would rather see nothing should not
+ * render the Block.
+ *
+ * **The heading is aligned left**, because the table is content and it sits under the
+ * heading. `SectionHeading` states the rule and this Block has rows underneath it.
+ *
+ * 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.
+ *
+ * It is a server Component: no hook, no state, no client code and no motion. Every
+ * figure it draws is the caller's node, passed straight through.
+ */
+export declare function SpecTable01({ eyebrow, title, description, columns, groups, summary, empty, headingLevel, className, }: SpecTable01Props): import("react").JSX.Element;
+export default SpecTable01;
+//# sourceMappingURL=spec-table.d.ts.map

package/dist/blocks/spec-table-01/spec-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-table.d.ts","sourceRoot":"","sources":["../../../src/blocks/spec-table-01/spec-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAWxF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/D;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,iDAAiD;IACjD,EAAE,EAAE,aAAa,CAAA;IACjB,qDAAqD;IACrD,MAAM,EAAE,SAAS,CAAA;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAA;IACV;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,IAAI,EAAE,SAAS,cAAc,EAAE,CAAA;CAChC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;;;;OAQG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;;;;;OAQG;IACH,OAAO,EAAE,SAAS,eAAe,EAAE,CAAA;IACnC;;;;;;;OAOG;IACH,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACnC;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACvC;;;;;;;;OAQG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,+BAuMlB;AAyCD,eAAe,WAAW,CAAA"}