@cloudgrid-io/ui 0.40.0 → 0.41.0

package/dist/blocks/ranked-list.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/cloudgrid-cn.js";
 import { Avatar } from "./avatar.js";
@@ -10,10 +10,22 @@ import { Skeleton } from "../ui/skeleton.js";
 const ANONYMOUS_LABEL = "Anonymous visitors";
 /** The frames' avatar size. */
 const AVATAR_SIZE = 32;
-function RankedRow({ avatar, name, count, max, formatCount, anonymous, }) {
-    return (_jsxs("li", { "data-slot": "ranked-list-row", "data-anonymous": anonymous ? "" : undefined, className: "flex min-w-0 items-center gap-4", children: [avatar, _jsxs("div", { className: "grid min-w-0 flex-1 gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-baseline justify-between gap-3 text-body-sm leading-none", children: [_jsx("span", { "data-slot": "ranked-list-name", className: "min-w-0 truncate font-medium", children: name }), _jsx("span", { "data-slot": "ranked-list-count", className: "shrink-0 tabular-nums", children: formatCount(count) })] }), _jsx(Meter, { "aria-hidden": "true", size: "sm", value: count, max: max })] })] }));
+function RankedRow({ avatar, name, count, max, formatCount, anonymous, bottom, href, linkComponent, tone, }) {
+    const content = (_jsxs(_Fragment, { children: [avatar, _jsxs("div", { className: "grid min-w-0 flex-1 gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-baseline justify-between gap-3 text-body-sm leading-none", children: [_jsx("span", { "data-slot": "ranked-list-name", className: "min-w-0 truncate font-medium", children: name }), _jsx("span", { "data-slot": "ranked-list-count", className: "shrink-0 tabular-nums", children: formatCount(count) })] }), _jsx(Meter, { "aria-hidden": "true", size: "sm", tone: tone, value: count, max: max })] })] }));
+    const align = bottom ? "items-end" : "items-center";
+    if (href === undefined) {
+        return (_jsx("li", { "data-slot": "ranked-list-row", "data-anonymous": anonymous ? "" : undefined, className: bottom ? "flex min-w-0 items-end gap-4" : "flex min-w-0 items-center gap-4", children: content }));
+    }
+    // A row that opens something (#382): the whole row's content is the link,
+    // inside the list item, so the list keeps its list semantics.
+    const Link = linkComponent ?? "a";
+    return (_jsx("li", { "data-slot": "ranked-list-row", className: cn("flex min-w-0", align), children: _jsx(Link, { href: href, "data-slot": "ranked-list-link", className: cn("flex min-w-0 flex-1 gap-4 rounded-xs text-ink no-underline outline-none hover:bg-(--cg-hover) focus-visible:ring-3 focus-visible:ring-ring", align), children: content }) }));
+}
+/** A creation's 64x37 thumbnail at radius 8 (#382, Figma 11323:8966). */
+function RankedThumbnail({ src }) {
+    return (_jsx("span", { "data-slot": "ranked-list-thumbnail", className: "block h-[37px] w-16 shrink-0 overflow-hidden rounded-xs bg-raised", children: _jsx("img", { src: src, alt: "", decoding: "async", draggable: false, className: "block size-full object-cover" }) }));
 }
-function RankedList({ items, anonymous, anonymousLabel = ANONYMOUS_LABEL, max, formatCount = formatChartNumber, emptyLabel = "Nothing in this window.", pending = false, pendingRows = 4, className, ...props }) {
+function RankedList({ items, anonymous, anonymousLabel = ANONYMOUS_LABEL, max, formatCount = formatChartNumber, emptyLabel = "Nothing in this window.", pending = false, pendingRows = 4, tone, linkComponent, className, ...props }) {
     if (pending) {
         return (_jsxs("div", { "data-slot": "ranked-list", "data-pending": "", "aria-busy": "true", className: cn("grid gap-5", className), children: [_jsx("span", { className: "sr-only", children: CHART_LOADING_TEXT }), Array.from({ length: pendingRows }, (_, i) => (_jsxs("div", { "aria-hidden": "true", className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "size-8 shrink-0 rounded-pill" }), _jsxs("div", { className: "grid flex-1 gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-1/3" }), _jsx(Skeleton, { className: "h-1 w-full" })] })] }, i)))] }));
     }
@@ -26,7 +38,8 @@ function RankedList({ items, anonymous, anonymousLabel = ANONYMOUS_LABEL, max, f
     const scale = max && max > 0 ? max : Math.max(1, ...counts, anonymousCount);
     return (_jsxs("ol", { "data-slot": "ranked-list", 
         // text-ink on the root, because text does not flip by inheritance (rule 3).
-        className: cn("m-0 grid list-none gap-5 p-0 text-ink", className), ...props, children: [items.map((it, i) => (_jsx(RankedRow, { avatar: _jsx(Avatar, { name: it.name, seed: it.id, src: it.avatarSrc, size: AVATAR_SIZE }), name: it.name, count: counts[i], max: scale, formatCount: formatCount }, it.id ?? `${it.name}-${i}`))), hasAnonymous ? (_jsx(RankedRow, { anonymous: true, avatar: _jsx("span", { "data-slot": "ranked-list-anonymous-avatar", "aria-hidden": "true", className: "inline-flex size-8 shrink-0 items-center justify-center rounded-pill bg-hairline text-faint-strong", children: _jsx(PersonIcon, { className: "size-4" }) }), name: anonymousLabel, count: anonymousCount, max: scale, formatCount: formatCount })) : null] }));
+        className: cn("m-0 grid list-none gap-5 p-0 text-ink", className), ...props, children: [items.map((it, i) => (_jsx(RankedRow, { avatar: it.leading ??
+                    (it.thumbnailSrc !== undefined ? (_jsx(RankedThumbnail, { src: it.thumbnailSrc })) : (_jsx(Avatar, { name: it.name, seed: it.id, src: it.avatarSrc, size: AVATAR_SIZE }))), bottom: it.leading !== undefined || it.thumbnailSrc !== undefined, href: it.href, linkComponent: linkComponent, tone: tone, name: it.name, count: counts[i], max: scale, formatCount: formatCount }, it.id ?? `${it.name}-${i}`))), hasAnonymous ? (_jsx(RankedRow, { anonymous: true, avatar: _jsx("span", { "data-slot": "ranked-list-anonymous-avatar", "aria-hidden": "true", className: "inline-flex size-8 shrink-0 items-center justify-center rounded-pill bg-hairline text-faint-strong", children: _jsx(PersonIcon, { className: "size-4" }) }), tone: tone, name: anonymousLabel, count: anonymousCount, max: scale, formatCount: formatCount })) : null] }));
 }
 export { RankedList };
 //# sourceMappingURL=ranked-list.js.map

package/dist/blocks/ranked-list.js.map

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

package/dist/blocks/scroll-rail.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+declare function ScrollRail({ children, label, gap, previousLabel, nextLabel, className, style, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+    /** Each child becomes one list item. */
+    children: React.ReactNode;
+    /** Names the scroll region, e.g. "On the Grid". */
+    label: string;
+    /** Pixels between items. Default 20. */
+    gap?: number;
+    /** The previous button's accessible name. */
+    previousLabel?: string;
+    /** The next button's accessible name. */
+    nextLabel?: string;
+}): React.JSX.Element;
+export { ScrollRail };
+//# sourceMappingURL=scroll-rail.d.ts.map

package/dist/blocks/scroll-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-rail.d.ts","sourceRoot":"","sources":["../../src/blocks/scroll-rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwD9B,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,GAAQ,EACR,aAA6B,EAC7B,SAA4B,EAC5B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,qBA8IA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/blocks/scroll-rail.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { RailNextIcon, RailPreviousIcon } from "./icons.js";
+/**
+ * A horizontal row that scrolls: Home's My Creations and On the Grid rails
+ * (#382, spec §4.4 and §4.8, Figma scroll button `11355:10564`).
+ *
+ * ## What it draws
+ *
+ * Any nodes, one list item each, `gap` apart (default 20, the frames'), in a
+ * viewport that scrolls sideways and snaps each item's start edge. At either
+ * side that has more, a 64px fade into the rail's fade colour (the page colour
+ * by default, spec §8.6: the frames fade into pure white on a page-coloured
+ * page) and a 48px square button (white, radius 16, a 1px `--cg-tertiary-dark`
+ * line, a 20px arrow in the same teal), at the edge and vertically centred. At
+ * an end the button is disabled and invisible and its fade is gone, so a rail
+ * that fits draws neither.
+ *
+ * ## Measured, so the server draws no controls
+ *
+ * Which side has more is a measurement, and the server has no layout. The
+ * first paint shows the row alone; the browser measures on mount, on scroll and
+ * whenever the viewport or the list changes size (a `ResizeObserver`), so a
+ * window resized from overflowing to fitting drops its controls.
+ *
+ * ## A press
+ *
+ * Moves by the viewport's width less one fade, so the item that was half under
+ * the fade becomes the first one shown; the snap then settles it on its edge.
+ * Smooth, or instant under `prefers-reduced-motion: reduce`.
+ *
+ * ## Keyboard and touch
+ *
+ * The viewport is a named, focusable region, so the arrow keys scroll it even
+ * when the items hold nothing focusable; a focused card inside it is scrolled
+ * into view by the browser. A button that reaches its end hands focus to the
+ * other one, so pressing Enter through the row never drops focus to the page. On a coarse pointer the buttons are not drawn
+ * (`pointer-coarse:hidden`): the row scrolls under a finger, and the fades stay
+ * to say there is more.
+ *
+ * The line and the arrow are `--cg-tertiary-dark` (ui#381), the frames'
+ * Tertiary Dark.
+ */
+/** The fade's width, and how much of the viewport a press does not travel. */
+const FADE = 64;
+/** How long a press counts for the focus hand-off: longer than a smooth scroll. */
+const PRESS_WINDOW = 1000;
+const useIsoLayoutEffect = typeof document === "undefined" ? React.useEffect : React.useLayoutEffect;
+function ScrollRail({ children, label, gap = 20, previousLabel = "Scroll back", nextLabel = "Scroll forward", className, style, ...props }) {
+    const id = React.useId();
+    const viewport = React.useRef(null);
+    const list = React.useRef(null);
+    const startButton = React.useRef(null);
+    const endButton = React.useRef(null);
+    // Both "at the end" until measured: the server draws no controls.
+    const [edges, setEdges] = React.useState({ start: true, end: true });
+    const measure = React.useCallback(() => {
+        const el = viewport.current;
+        if (!el)
+            return;
+        const start = el.scrollLeft <= 1;
+        const end = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;
+        setEdges((prev) => (prev.start === start && prev.end === end ? prev : { start, end }));
+    }, []);
+    useIsoLayoutEffect(() => {
+        const el = viewport.current;
+        if (!el)
+            return;
+        measure();
+        el.addEventListener("scroll", measure, { passive: true });
+        const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+        observer?.observe(el);
+        if (list.current)
+            observer?.observe(list.current);
+        return () => {
+            el.removeEventListener("scroll", measure);
+            observer?.disconnect();
+        };
+    }, [measure]);
+    // A button disables itself at its end, and a disabled button loses focus to
+    // the page. When that happens to the focused one, hand focus to the other
+    // button, or to the region when the row fits, so a keyboard reader stays here.
+    //
+    // The browser has already moved focus to the body by the time this runs, so
+    // what is tracked is the button last pressed while it held focus. A press
+    // only counts for the scroll it starts: it is forgotten after PRESS_WINDOW,
+    // so reaching the end later by wheel or trackpad never pulls focus in.
+    const pressed = React.useRef(null);
+    const pressedTimer = React.useRef(undefined);
+    React.useEffect(() => () => clearTimeout(pressedTimer.current), []);
+    React.useEffect(() => {
+        const side = pressed.current;
+        if (!side || !edges[side])
+            return;
+        pressed.current = null;
+        const active = document.activeElement;
+        const own = side === "start" ? startButton.current : endButton.current;
+        if (active !== own && active !== document.body && active !== null)
+            return;
+        const other = side === "start" ? (edges.end ? null : endButton.current) : edges.start ? null : startButton.current;
+        (other ?? viewport.current)?.focus();
+    }, [edges]);
+    const scroll = (direction) => {
+        const el = viewport.current;
+        if (!el)
+            return;
+        const reduce = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        el.scrollBy({ left: direction * Math.max(el.clientWidth - FADE, el.clientWidth / 2), behavior: reduce ? "auto" : "smooth" });
+    };
+    const items = React.Children.toArray(children);
+    const sideButton = (side) => {
+        const atEnd = side === "start" ? edges.start : edges.end;
+        const Icon = side === "start" ? RailPreviousIcon : RailNextIcon;
+        return (_jsx("button", { ref: side === "start" ? startButton : endButton, type: "button", "data-slot": "scroll-rail-button", "data-side": side, "aria-label": side === "start" ? previousLabel : nextLabel, "aria-controls": id, disabled: atEnd, onClick: (event) => {
+                pressed.current = event.currentTarget === document.activeElement ? side : null;
+                clearTimeout(pressedTimer.current);
+                pressedTimer.current = setTimeout(() => {
+                    pressed.current = null;
+                }, PRESS_WINDOW);
+                scroll(side === "start" ? -1 : 1);
+            }, className: cn("absolute top-1/2 z-10 inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-xl border border-(--cg-tertiary-dark) bg-card text-(--cg-tertiary-dark) outline-none", "hover:[background-image:linear-gradient(var(--cg-hover),var(--cg-hover))] focus-visible:ring-3 focus-visible:ring-ring", "pointer-coarse:hidden", side === "start" ? "left-0" : "right-0", atEnd && "invisible"), children: _jsx(Icon, { className: "size-5" }) }));
+    };
+    const sideFade = (side) => {
+        const atEnd = side === "start" ? edges.start : edges.end;
+        return (_jsx("span", { "data-slot": "scroll-rail-fade", "data-side": side, "aria-hidden": "true", className: cn("pointer-events-none absolute inset-y-0 z-[1] w-16 from-(--scroll-rail-fade) to-transparent", side === "start" ? "left-0 bg-linear-to-r" : "right-0 bg-linear-to-l", atEnd && "hidden") }));
+    };
+    return (_jsxs("div", { "data-slot": "scroll-rail", className: cn("relative min-w-0", className), style: { "--scroll-rail-fade": "var(--cg-surface-page)", ...style }, ...props, children: [_jsx("div", { ref: viewport, id: id, role: "region", "aria-label": label, 
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a scroll region must be reachable by keyboard even when its items hold nothing focusable (WCAG 2.1.1; axe's scrollable-region-focusable)
+                tabIndex: 0, "data-slot": "scroll-rail-viewport", className: "snap-x snap-mandatory overflow-x-auto overscroll-x-contain outline-none [scrollbar-width:none] focus-visible:ring-3 focus-visible:ring-ring [&::-webkit-scrollbar]:hidden", children: _jsx("ul", { ref: list, "data-slot": "scroll-rail-list", className: "m-0 flex w-max list-none p-0", style: { gap }, children: items.map((child, i) => (_jsx("li", { "data-slot": "scroll-rail-item", className: "shrink-0 snap-start", children: child }, React.isValidElement(child) && child.key != null ? child.key : i))) }) }), sideFade("start"), sideFade("end"), sideButton("start"), sideButton("end")] }));
+}
+export { ScrollRail };
+//# sourceMappingURL=scroll-rail.js.map

package/dist/blocks/scroll-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-rail.js","sourceRoot":"","sources":["../../src/blocks/scroll-rail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,8EAA8E;AAC9E,MAAM,IAAI,GAAG,EAAE,CAAA;AAEf,mFAAmF;AACnF,MAAM,YAAY,GAAG,IAAI,CAAA;AAEzB,MAAM,kBAAkB,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAA;AAIpG,SAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,GAAG,GAAG,EAAE,EACR,aAAa,GAAG,aAAa,EAC7B,SAAS,GAAG,gBAAgB,EAC5B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAYT;IACC,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAA;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAA2B,IAAI,CAAC,CAAA;IAChE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAA2B,IAAI,CAAC,CAAA;IAC9D,kEAAkE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAA;IAE3E,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC3B,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU,IAAI,CAAC,CAAA;QAChC,MAAM,GAAG,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,WAAW,GAAG,CAAC,CAAA;QAChE,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACxF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,kBAAkB,CAAC,GAAG,EAAE;QACtB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC3B,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,OAAO,EAAE,CAAA;QACT,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACzD,MAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;QAC3F,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;QACrB,IAAI,IAAI,CAAC,OAAO;YAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YACzC,QAAQ,EAAE,UAAU,EAAE,CAAA;QACxB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,4EAA4E;IAC5E,0EAA0E;IAC1E,+EAA+E;IAC/E,EAAE;IACF,4EAA4E;IAC5E,0EAA0E;IAC1E,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAA;IAC1D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAA4C,SAAS,CAAC,CAAA;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IACnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,OAAM;QACjC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAA;QACrC,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAA;QACtE,IAAI,MAAM,KAAK,GAAG,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI;YAAE,OAAM;QACzE,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CACjH;QAAA,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,MAAM,GAAG,CAAC,SAAiB,EAAE,EAAE;QACnC,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC3B,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAA;QACvH,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,GAAG,IAAI,EAAE,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC9H,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,UAAU,GAAG,CAAC,IAAqB,EAAE,EAAE;QAC3C,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAA;QACxD,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAA;QAC/D,OAAO,CACL,iBACE,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC/C,IAAI,EAAC,QAAQ,eACH,oBAAoB,eACnB,IAAI,gBACH,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,mBACzC,EAAE,EACjB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC9E,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;gBAClC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACrC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;gBACxB,CAAC,EAAE,YAAY,CAAC,CAAA;gBAChB,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACnC,CAAC,EACD,SAAS,EAAE,EAAE,CACX,qLAAqL,EACrL,wHAAwH,EACxH,uBAAuB,EACvB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvC,KAAK,IAAI,WAAW,CACrB,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,GACpB,CACV,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,IAAqB,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAA;QACxD,OAAO,CACL,4BACY,kBAAkB,eACjB,IAAI,iBACH,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,EACrE,KAAK,IAAI,QAAQ,CAClB,GACD,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,4BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,GAAG,KAAK,EAAyB,KACtF,KAAK,aAET,cACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,gBACD,KAAK;gBACjB,2MAA2M;gBAC3M,QAAQ,EAAE,CAAC,eACD,sBAAsB,EAChC,SAAS,EAAC,2KAA2K,YAErL,aAAI,GAAG,EAAE,IAAI,eAAY,kBAAkB,EAAC,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,YAChG,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,0BAAqF,kBAAkB,EAAC,SAAS,EAAC,qBAAqB,YACpI,KAAK,IADC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAEpE,CACN,CAAC,GACC,GACD,EACL,QAAQ,CAAC,OAAO,CAAC,EACjB,QAAQ,CAAC,KAAK,CAAC,EACf,UAAU,CAAC,OAAO,CAAC,EACnB,UAAU,CAAC,KAAK,CAAC,IACd,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/blocks/section-heading.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+/**
+ * A section's heading row on the 2026 Home (#382, spec §4.4, §4.6 to §4.8).
+ *
+ * The title at the frames' H4 (`text-heading-lg`, 22 / 1.2, Medium) in Ink, not
+ * the `#000000` two of the frames paint (spec §8.3). `inline` sits 24 to its
+ * right: My Creations' filter tabs. `action` sits at the far end: On the Grid's
+ * "Explore All". The heading level is the caller's, because the page decides
+ * the outline.
+ */
+declare function SectionHeading({ title, level, inline, action, className, ...props }: Omit<React.ComponentProps<"div">, "title" | "children"> & {
+    title: React.ReactNode;
+    /** The heading element. Default 2. */
+    level?: 2 | 3 | 4;
+    /** 24px after the title: the filter tabs. */
+    inline?: React.ReactNode;
+    /** At the far end: "Explore All". */
+    action?: React.ReactNode;
+}): React.JSX.Element;
+export { SectionHeading };
+//# sourceMappingURL=section-heading.d.ts.map

package/dist/blocks/section-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.d.ts","sourceRoot":"","sources":["../../src/blocks/section-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAS,EACT,MAAM,EACN,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC3D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACjB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,qBA0BA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/blocks/section-heading.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+/**
+ * A section's heading row on the 2026 Home (#382, spec §4.4, §4.6 to §4.8).
+ *
+ * The title at the frames' H4 (`text-heading-lg`, 22 / 1.2, Medium) in Ink, not
+ * the `#000000` two of the frames paint (spec §8.3). `inline` sits 24 to its
+ * right: My Creations' filter tabs. `action` sits at the far end: On the Grid's
+ * "Explore All". The heading level is the caller's, because the page decides
+ * the outline.
+ */
+function SectionHeading({ title, level = 2, inline, action, className, ...props }) {
+    const Heading = `h${level}`;
+    return (_jsxs("div", { "data-slot": "section-heading", className: cn("flex min-w-0 items-center justify-between gap-6 text-ink", className), ...props, children: [_jsxs("div", { "data-slot": "section-heading-start", className: "flex min-w-0 items-center gap-6", children: [_jsx(Heading, { "data-slot": "section-heading-title", className: "m-0 shrink-0 text-heading-lg font-medium text-ink", children: title }), inline ? (_jsx("div", { "data-slot": "section-heading-inline", className: "min-w-0", children: inline })) : null] }), action ? (_jsx("div", { "data-slot": "section-heading-action", className: "shrink-0", children: action })) : null] }));
+}
+export { SectionHeading };
+//# sourceMappingURL=section-heading.js.map

package/dist/blocks/section-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.js","sourceRoot":"","sources":["../../src/blocks/section-heading.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,GAAG,CAAC,EACT,MAAM,EACN,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EAST;IACC,MAAM,OAAO,GAAG,IAAI,KAAK,EAAwB,CAAA;IAEjD,OAAO,CACL,4BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,KAChF,KAAK,aAET,4BAAe,uBAAuB,EAAC,SAAS,EAAC,iCAAiC,aAChF,KAAC,OAAO,iBAAW,uBAAuB,EAAC,SAAS,EAAC,mDAAmD,YACrG,KAAK,GACE,EACT,MAAM,CAAC,CAAC,CAAC,CACR,2BAAe,wBAAwB,EAAC,SAAS,EAAC,SAAS,YACxD,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,CAAC,CAAC,CAAC,CACR,2BAAe,wBAAwB,EAAC,SAAS,EAAC,UAAU,YACzD,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/blocks/stat-tile.d.ts

@@ -88,7 +88,25 @@ export type StatHintTone = "neutral" | "positive";
 type StatTileIcon = React.ComponentType<{
     className?: string;
 }>;
-declare function StatTile({ label, value, hint, hintTone, pending, icon: Icon, valueFirst, example, className, ...props }: Omit<React.ComponentProps<"div">, "ref" | "children"> & {
+/**
+ * ## `tone`, the Home tile (#382, spec §4.2, Figma 4964:4905)
+ *
+ * The App page's KPI tile puts a purple mark on a violet square. The 2026 Home
+ * draws the same arrangement in neutrals: a slate glyph on a page-coloured
+ * square, the number in Manrope Medium 24 (not the display face), the card
+ * rounded at 12 rather than 16, and 16 by 24 of padding with the hairline drawn
+ * inside it, so the tile is the frame's 79 tall.
+ *
+ * `brand` is the default and is the 0.39 tile exactly. `tone` only changes a
+ * tile that has an `icon`: without one there is no square to retone.
+ *
+ * The label stays on `--cg-text-muted-strong`, not the frame's slate-500:
+ * #828C98 is 3.41:1 on white, and a label is content (#232). So the neutral tile
+ * does not take the brand tile's ink label either; it reads muted, as drawn,
+ * at the rung that clears AA.
+ */
+export type StatTileTone = "brand" | "neutral";
+declare function StatTile({ label, value, hint, hintTone, pending, icon: Icon, valueFirst, example, tone, className, ...props }: Omit<React.ComponentProps<"div">, "ref" | "children"> & {
     /** Names the metric. Small and muted, above the value. */
     label: React.ReactNode;
     /** The measurement. Ignored when `pending`. */
@@ -104,6 +122,8 @@ declare function StatTile({ label, value, hint, hintTone, pending, icon: Icon, v
     valueFirst?: boolean;
     /** The values are illustrative: set them muted. Pair with a ComingSoonTag on the card. */
     example?: boolean;
+    /** The icon square's palette: the App page's brand violet, or Home's neutrals. */
+    tone?: StatTileTone;
 }): React.JSX.Element;
 declare function StatTileRow({ className, children, ...props }: Omit<React.ComponentProps<"div">, "ref">): React.JSX.Element;
 export { StatTile, StatTileRow };

package/dist/blocks/stat-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-tile.d.ts","sourceRoot":"","sources":["../../src/blocks/stat-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAEH,iGAAiG;AACjG,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,CAAA;AAWjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/D,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAoB,EACpB,OAAO,EACP,IAAI,EAAE,IAAI,EACV,UAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACzD,0DAA0D;IAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kFAAkF;IAClF,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,qBAsFA;AAsBD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAiB1C;AAcD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"stat-tile.d.ts","sourceRoot":"","sources":["../../src/blocks/stat-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAEH,iGAAiG;AACjG,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,CAAA;AAWjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9C,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAoB,EACpB,OAAO,EACP,IAAI,EAAE,IAAI,EACV,UAAU,EACV,OAAO,EACP,IAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACzD,0DAA0D;IAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kFAAkF;IAClF,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kFAAkF;IAClF,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,qBA+FA;AAsBD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAiB1C;AAcD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/stat-tile.js

@@ -9,21 +9,24 @@ const HINT_TONE = {
     neutral: "text-faint-strong",
     positive: "text-online-strong",
 };
-function StatTile({ label, value, hint, hintTone = "neutral", pending, icon: Icon, valueFirst, example, className, ...props }) {
+function StatTile({ label, value, hint, hintTone = "neutral", pending, icon: Icon, valueFirst, example, tone = "brand", className, ...props }) {
     const muted = example && !pending;
     const kpi = Icon !== undefined;
+    const neutral = kpi && tone === "neutral";
     const order = kpi || valueFirst ? "value-first" : undefined;
     const labelNode = (_jsx("span", { "data-slot": "stat-tile-label", className: "text-caption text-faint-strong", children: label }));
     const valueNode = (_jsx("span", { "data-slot": "stat-tile-value", "data-pending": pending ? "" : undefined, className: cn(
         // The KPI tile's value is the 24px title rung, whose own leading is
         // tight; spelled as a separate string rather than an override, so no
         // merge has to decide between two leadings.
-        kpi
-            ? "font-display text-title-24 font-medium tabular-nums"
-            : "font-display text-display-sm leading-display font-medium tabular-nums", pending && "text-faint", muted && "text-faint-strong"), children: pending ? "Coming soon" : value }));
+        neutral
+            ? "font-ui text-title-24 leading-none font-medium tabular-nums"
+            : kpi
+                ? "font-display text-title-24 font-medium tabular-nums"
+                : "font-display text-display-sm leading-display font-medium tabular-nums", pending && "text-faint", muted && "text-faint-strong"), children: pending ? "Coming soon" : value }));
     const hintNode = hint ? (_jsx("span", { "data-slot": "stat-tile-hint", "data-tone": hintTone, className: cn("text-caption", HINT_TONE[hintTone]), children: hint })) : null;
     const lines = order ? (_jsxs(_Fragment, { children: [valueNode, labelNode, hintNode] })) : (_jsxs(_Fragment, { children: [labelNode, valueNode, hintNode] }));
-    return (_jsx("div", { "data-slot": "stat-tile", "data-pending": pending ? "" : undefined, "data-example": muted ? "" : undefined, "data-order": order, "data-icon": kpi ? "" : undefined, 
+    return (_jsx("div", { "data-slot": "stat-tile", "data-pending": pending ? "" : undefined, "data-example": muted ? "" : undefined, "data-order": order, "data-icon": kpi ? "" : undefined, "data-tone": neutral ? "neutral" : undefined, 
         // text-ink on the root, because text does not flip by inheritance
         // (rule 3): without it a tile inside a panel inherits the page's dark ink
         // and its value stays dark on purple.
@@ -33,7 +36,9 @@ function StatTile({ label, value, hint, hintTone = "neutral", pending, icon: Ico
         // In the KPI tile the label captions a value that leads: ink, as drawn.
         // Set from the root so the label keeps its one class string (#232's
         // guardrail pins it).
-        kpi && !muted && "**:data-[slot=stat-tile-label]:text-ink", className), ...props, children: kpi ? (_jsxs(_Fragment, { children: [_jsx("span", { "data-slot": "stat-tile-icon", "aria-hidden": "true", className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-brand-100 text-brand", children: _jsx(Icon, { className: "size-6" }) }), _jsx("div", { className: "flex min-w-0 flex-col gap-1", children: lines })] })) : (lines) }));
+        kpi && !neutral && !muted && "**:data-[slot=stat-tile-label]:text-ink", 
+        // Home's tile: radius 12, and 16 by 24 less the hairline it draws inside.
+        neutral && "rounded-md px-[23px] py-[15px]", className), ...props, children: kpi ? (_jsxs(_Fragment, { children: [_jsx("span", { "data-slot": "stat-tile-icon", "aria-hidden": "true", className: cn("flex size-10 shrink-0 items-center justify-center", neutral ? "rounded-md bg-page text-steel" : "rounded-xl bg-brand-100 text-brand"), children: _jsx(Icon, { className: "size-6" }) }), _jsx("div", { className: "flex min-w-0 flex-col gap-1", children: lines })] })) : (lines) }));
 }
 /**
  * A row of tiles: two, three or four, side by side, stacking as the column

package/dist/blocks/stat-tile.js.map

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

package/dist/index.d.ts

@@ -26,9 +26,16 @@ export * from "./ui/table.js";
 export * from "./ui/tabs.js";
 export * from "./ui/textarea.js";
 export * from "./ui/tooltip.js";
+export * from "./blocks/action-link.js";
+export * from "./blocks/activity-row.js";
+export * from "./blocks/add-tile.js";
 export * from "./blocks/agent-prompt.js";
 export * from "./blocks/avatar.js";
 export * from "./blocks/avatar-picker.js";
+export * from "./blocks/avatar-stack.js";
+export * from "./blocks/menu-trigger.js";
+export * from "./blocks/header-menu.js";
+export * from "./blocks/header-pill.js";
 export * from "./blocks/bar-chart.js";
 export * from "./blocks/card-grid.js";
 export * from "./blocks/celebration.js";
@@ -38,8 +45,11 @@ export * from "./blocks/coming-soon-tag.js";
 export * from "./blocks/command-field.js";
 export * from "./blocks/compare-table.js";
 export * from "./blocks/confirm-delete-dialog.js";
+export * from "./blocks/copy-button.js";
 export * from "./blocks/creation-tile.js";
 export * from "./blocks/cta-banner.js";
+export * from "./blocks/dashed-banner.js";
+export * from "./blocks/dashed-line.js";
 export * from "./blocks/disabled-button.js";
 export * from "./blocks/drop-zone.js";
 export * from "./blocks/empty-creations.js";
@@ -50,6 +60,7 @@ export * from "./blocks/eyebrow.js";
 export * from "./blocks/expiry-notice.js";
 export * from "./blocks/feature-cells.js";
 export * from "./blocks/feed-post.js";
+export * from "./blocks/filter-tabs.js";
 export * from "./blocks/full-screen-button.js";
 export * from "./blocks/hub-index.js";
 export * from "./blocks/install-content.js";
@@ -72,6 +83,8 @@ export * from "./blocks/prompt-block.js";
 export * from "./blocks/quote.js";
 export * from "./blocks/ranked-list.js";
 export * from "./blocks/rich-text.js";
+export * from "./blocks/scroll-rail.js";
+export * from "./blocks/section-heading.js";
 export * from "./blocks/shelf.js";
 export * from "./blocks/showcase-scroll.js";
 export * from "./blocks/side-nav.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -43,9 +43,16 @@ export * from "./ui/tabs.js";
 export * from "./ui/textarea.js";
 export * from "./ui/tooltip.js";
 // Composed blocks.
+export * from "./blocks/action-link.js";
+export * from "./blocks/activity-row.js";
+export * from "./blocks/add-tile.js";
 export * from "./blocks/agent-prompt.js";
 export * from "./blocks/avatar.js";
 export * from "./blocks/avatar-picker.js";
+export * from "./blocks/avatar-stack.js";
+export * from "./blocks/menu-trigger.js";
+export * from "./blocks/header-menu.js";
+export * from "./blocks/header-pill.js";
 export * from "./blocks/bar-chart.js";
 export * from "./blocks/card-grid.js";
 export * from "./blocks/celebration.js";
@@ -55,8 +62,11 @@ export * from "./blocks/coming-soon-tag.js";
 export * from "./blocks/command-field.js";
 export * from "./blocks/compare-table.js";
 export * from "./blocks/confirm-delete-dialog.js";
+export * from "./blocks/copy-button.js";
 export * from "./blocks/creation-tile.js";
 export * from "./blocks/cta-banner.js";
+export * from "./blocks/dashed-banner.js";
+export * from "./blocks/dashed-line.js";
 export * from "./blocks/disabled-button.js";
 export * from "./blocks/drop-zone.js";
 export * from "./blocks/empty-creations.js";
@@ -67,6 +77,7 @@ export * from "./blocks/eyebrow.js";
 export * from "./blocks/expiry-notice.js";
 export * from "./blocks/feature-cells.js";
 export * from "./blocks/feed-post.js";
+export * from "./blocks/filter-tabs.js";
 export * from "./blocks/full-screen-button.js";
 export * from "./blocks/hub-index.js";
 export * from "./blocks/install-content.js";
@@ -89,6 +100,8 @@ export * from "./blocks/prompt-block.js";
 export * from "./blocks/quote.js";
 export * from "./blocks/ranked-list.js";
 export * from "./blocks/rich-text.js";
+export * from "./blocks/scroll-rail.js";
+export * from "./blocks/section-heading.js";
 export * from "./blocks/shelf.js";
 export * from "./blocks/showcase-scroll.js";
 export * from "./blocks/side-nav.js";

package/dist/index.js.map

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

package/dist/theme.css

@@ -131,6 +131,8 @@
   --color-cyan-tint: var(--cg-cyan-200);
   --color-cyan-wash: var(--cg-cyan-300);
   --color-cyan-fill: var(--cg-cyan-400);
+  /* #381 — Figma "Tertiary Dark": teal text links and the rail button line. */
+  --color-cyan-dark: var(--cg-tertiary-dark);
   --color-lime-tint: var(--cg-lime-200);
   --color-lime-wash: var(--cg-lime-600);
   --color-lime-edge: var(--cg-lime-700);

package/dist/tokens/base.json

@@ -297,6 +297,16 @@
         }
       }
     },
+    "tertiary-dark": {
+      "$value": "#45cdd4",
+      "$type": "color",
+      "$description": "Figma \"Tertiary Dark\" (CloudGrid-2026; the header menus' \"+ New\", node 11324:90629).\n\nTeal text links (\"+ New\", \"Explore All\", \"Open\", \"Dismiss\") and the line of the rail's scroll button.\n\nMeasures 1.92:1 on white and 1.70:1 on the page ground: under AA, used knowingly as a design decision (Gilad, 2026-11-01). Every link drawn in it also carries an accessible name.\n\nNot --cg-tertiary-press (#4dd8e0), which is the cta's pressed fill.",
+      "$extensions": {
+        "io.cloudgrid": {
+          "css": "--cg-tertiary-dark"
+        }
+      }
+    },
     "accent-press": {
       "$value": "#0052da",
       "$type": "color",
@@ -2002,9 +2012,9 @@
   "kind": {
     "$description": "kind: what an entity IS, as a ground for its 20px badge (#196).\n\nDeclared at :root ONLY, like the identity tile and unlike everything else in\nthis file. The badge sits on a screenshot, and a picture does not flip: half of\na mark flipping is a light disc with a white glyph on the ink surface, which\nrenders perfectly and shows nothing. --cg-text-on-accent is the glyph on all\nthree, and it measures 12.74:1, 14.65:1 and 10.24:1 on them.",
     "kind-inspiration": {
-      "$value": "#fae4b3",
+      "$value": "#f0f8e1",
       "$type": "color",
-      "$description": "SOURCE: the founder's draft, the Inspiration badge.",
+      "$description": "SOURCE: the 2026 Figma (CloudGrid-2026, the Tile's Inspiration badge, node I11324:91033), paint style \"Secondary 20\" (#382). It was #fae4b3, the founder's 2025 draft; the Gilad-approved 2026 frames put the lightbulb on lime. Ink on it measures 14.56:1.",
       "$extensions": {
         "io.cloudgrid": {
           "css": "--cg-kind-inspiration"
@@ -2044,5 +2054,35 @@
         }
       }
     }
+  },
+  "avatar": {
+    "$description": "The grid avatar grounds, raw hex in the CloudGrid-2026 frames (11323:8600, 11324:90635, 11324:90641). Letters are --cg-ink: 12.02:1, 10.74:1 and 11.43:1. An identity colour, so it does not flip on the panel or ink surfaces.",
+    "avatar-pastel-1": {
+      "$value": "#dce4bc",
+      "$type": "color",
+      "$extensions": {
+        "io.cloudgrid": {
+          "css": "--cg-avatar-pastel-1"
+        }
+      }
+    },
+    "avatar-pastel-2": {
+      "$value": "#bcd9e4",
+      "$type": "color",
+      "$extensions": {
+        "io.cloudgrid": {
+          "css": "--cg-avatar-pastel-2"
+        }
+      }
+    },
+    "avatar-pastel-3": {
+      "$value": "#bce4ca",
+      "$type": "color",
+      "$extensions": {
+        "io.cloudgrid": {
+          "css": "--cg-avatar-pastel-3"
+        }
+      }
+    }
   }
 }