@hanzo/ui 8.29.21 → 8.29.22

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.21</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.22</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *

package/dist/marketing/heat.cjs

@@ -0,0 +1,159 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shade = void 0;
+exports.span = span;
+exports.cuts = cuts;
+exports.weeks = weeks;
+exports.monthLabels = monthLabels;
+exports.Heatmap = Heatmap;
+exports.Sparkline = Sparkline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * A year of days as one grid, and a run of values as one line of bars.
+ *
+ *   Heatmap    a count a day over a window, a week a column, four shades; the
+ *              day under the pointer is named in the line beneath
+ *   Sparkline  a run of values as bars, tallest to the height given
+ *
+ * Both take their data as props and fetch nothing: a figure the caller does not
+ * hold is not passed, and a grid with no count in it draws nothing. The shades
+ * are the ink at a share of its strength, so the grid retunes with the theme,
+ * and four of them are cut at the quartiles of the days that had any count, so
+ * it reads the same in a quiet year and a loud one. The grid is wiped into place
+ * once, the first time it is seen, and stands drawn for a reader who wants no
+ * motion (`reveal`).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("../backends/gui/slot.cjs");
+const DAY = 86_400_000;
+const WEEK = 7;
+/** The day, UTC, as `YYYY-MM-DD`. */
+const key = (t) => new Date(t).toISOString().slice(0, 10);
+/** The days of a window, oldest first, `from` and `to` included. */
+function span(from, to) {
+    const out = [];
+    for (let t = Date.parse(`${from}T00:00:00Z`); t <= Date.parse(`${to}T00:00:00Z`); t += DAY)
+        out.push(key(t));
+    return out;
+}
+/**
+ * The three cuts between four shades: the quartiles of the days that had any
+ * count. A year with none has nothing to cut.
+ */
+function cuts(days) {
+    const counts = Object.values(days)
+        .filter((n) => n > 0)
+        .sort((a, b) => a - b);
+    const at = (q) => counts[Math.min(counts.length - 1, Math.floor(q * counts.length))] ?? 0;
+    return [at(0.25), at(0.5), at(0.75)];
+}
+/** The shade a count earns: 0 for none, then 1 to 4 up the quartiles. */
+const shade = (n, cut) => n <= 0 ? 0 : n <= cut[0] ? 1 : n <= cut[1] ? 2 : n <= cut[2] ? 3 : 4;
+exports.shade = shade;
+/** A fill the colour table does not name: a page's own CSS value, which gui emits as written. */
+const fill = (c) => ({ backgroundColor: c });
+/** The ink of each shade, from the page's own so the grid follows the theme. */
+const INK = [
+    'var(--muted)',
+    'color-mix(in srgb, var(--foreground) 22%, transparent)',
+    'color-mix(in srgb, var(--foreground) 42%, transparent)',
+    'color-mix(in srgb, var(--foreground) 68%, transparent)',
+    'var(--foreground)',
+];
+/** The weeks of a window, Sunday first, with the days outside it kept as unseen cells so the columns stay whole. */
+function weeks(days, from, to) {
+    const first = Date.parse(`${from}T00:00:00Z`);
+    const last = Date.parse(`${to}T00:00:00Z`);
+    const cut = cuts(days);
+    const start = first - new Date(first).getUTCDay() * DAY;
+    const out = [];
+    for (let t = start; t <= last; t += WEEK * DAY) {
+        out.push(Array.from({ length: WEEK }, (_, d) => {
+            const at = t + d * DAY;
+            const count = days[key(at)] ?? 0;
+            return {
+                day: key(at),
+                count,
+                level: (0, exports.shade)(count, cut),
+                shown: at >= first && at <= last,
+            };
+        }));
+    }
+    return out;
+}
+/**
+ * Each week's month label: a month is named over the first week that holds its
+ * first seven days, and the window's first column is named too, unless the next
+ * month is named within two columns of it and the two would run together.
+ */
+function monthLabels(grid, from, locale) {
+    const name = (day) => new Date(`${day}T00:00:00Z`).toLocaleDateString(locale, {
+        timeZone: 'UTC',
+        month: 'short',
+    });
+    const labels = grid.map((w, i) => {
+        const first = w.find((c) => c.shown)?.day ?? from;
+        return i === 0 || Number(first.slice(8, 10)) <= 7 ? name(first) : '';
+    });
+    const next = labels.findIndex((l, i) => i > 0 && l);
+    if (labels[0] && next > 0 && next < 3)
+        labels[0] = '';
+    return labels;
+}
+/** The least width a week's column may be drawn at: a cell is nine pixels and a gap three. */
+const CELL = 12;
+const still = () => typeof matchMedia === 'function' &&
+    matchMedia('(prefers-reduced-motion: reduce)').matches;
+function Heatmap({ days, from, to, label, line, rest, legend, locale, reveal = true, }) {
+    const grid = (0, react_1.useMemo)(() => weeks(days, from, to), [days, from, to]);
+    const [at, setAt] = (0, react_1.useState)(null);
+    // The container is watched and the grid inside it is wiped: a grid clipped to nothing is never seen to intersect.
+    const box = (0, react_1.useRef)(null);
+    const wipe = (0, react_1.useRef)(null);
+    // A narrow screen scrolls the year sideways, and starts at its newest week.
+    (0, react_1.useEffect)(() => {
+        const el = wipe.current;
+        if (el)
+            el.scrollLeft = el.scrollWidth;
+    }, [days, from, to]);
+    // The grid waits fully clipped from its first frame, so it needs no style of its own to hide it,
+    // and plays when it is first seen. Where animation or observation is missing it stays drawn.
+    (0, react_1.useEffect)(() => {
+        const el = wipe.current;
+        const watched = box.current;
+        if (!reveal ||
+            !el ||
+            !watched ||
+            typeof el.animate !== 'function' ||
+            typeof IntersectionObserver === 'undefined' ||
+            still())
+            return;
+        const a = el.animate([{ clipPath: 'inset(0 100% 0 0)' }, { clipPath: 'inset(0 0 0 0)' }], { duration: 1100, easing: 'cubic-bezier(0.2, 0.7, 0.2, 1)', fill: 'both' });
+        a.pause();
+        const io = new IntersectionObserver(([e]) => {
+            if (!e?.isIntersecting)
+                return;
+            a.play();
+            io.disconnect();
+        }, { threshold: 0.3 });
+        io.observe(watched);
+        return () => {
+            io.disconnect();
+            a.cancel();
+        };
+    }, [reveal]);
+    if (!Object.values(days).some((n) => n > 0))
+        return null;
+    const columns = `repeat(${grid.length}, minmax(0, 1fr))`;
+    const named = at && at >= from && at <= to ? at : null;
+    const months = monthLabels(grid, from, locale);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: 14, ...(0, slot_1.slot)('heatmap'), children: [(0, jsx_runtime_1.jsx)(gui_1.View, { ref: box, children: (0, jsx_runtime_1.jsx)(gui_1.View, { ref: wipe, overflowX: "auto", children: (0, jsx_runtime_1.jsxs)(gui_1.View, { minW: grid.length * CELL, children: [(0, jsx_runtime_1.jsx)(gui_1.View, { display: "grid", gridTemplateColumns: columns, gap: 3, pb: 6, "aria-hidden": true, children: months.map((m, i) => ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", lineHeight: "$1", color: "var(--muted-foreground)", whiteSpace: "nowrap", overflow: "visible", children: m }, i))) }), (0, jsx_runtime_1.jsx)(gui_1.View, { role: "img", "aria-label": label, display: "grid", gridTemplateColumns: columns, gridTemplateRows: "repeat(7, auto)", gap: 3, gridAutoFlow: "column", onPointerMove: (e) => setAt(e.target.dataset?.day ?? null), onPointerLeave: () => setAt(null), children: grid.flat().map((c) => ((0, jsx_runtime_1.jsx)(gui_1.View, { "data-day": c.shown ? c.day : undefined, aspectRatio: 1, rounded: 2, opacity: c.shown ? 1 : 0, ...fill(INK[c.level]) }, c.day))) })] }) }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "center", flexWrap: "wrap", gap: 12, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", lineHeight: "$1", color: "var(--muted-foreground)", "aria-live": "polite", ...(0, slot_1.slot)('heatmap-line'), children: named && line ? line(named, days[named] ?? 0) : rest }), legend ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: 6, "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: legend.less }), INK.map((s) => ((0, jsx_runtime_1.jsx)(gui_1.View, { width: 11, height: 11, rounded: 2, ...fill(s) }, s))), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: legend.more })] })) : null] })] }));
+}
+function Sparkline({ values, label, height = 40 }) {
+    const top = Math.max(0, ...values);
+    if (!values.length || top <= 0)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "img", "aria-label": label, items: "flex-end", gap: 2, height: height, ...(0, slot_1.slot)('sparkline'), children: values.map((v, i) => ((0, jsx_runtime_1.jsx)(gui_1.View, { flex: 1, minW: 1, height: (v > 0 ? `${Math.max(4, (100 * v) / top)}%` : 1), rounded: 1, ...fill(v > 0 ? 'var(--foreground)' : 'var(--muted)') }, i))) }));
+}

package/dist/marketing/heat.d.ts

@@ -0,0 +1,73 @@
+/**
+ * A year of days as one grid, and a run of values as one line of bars.
+ *
+ *   Heatmap    a count a day over a window, a week a column, four shades; the
+ *              day under the pointer is named in the line beneath
+ *   Sparkline  a run of values as bars, tallest to the height given
+ *
+ * Both take their data as props and fetch nothing: a figure the caller does not
+ * hold is not passed, and a grid with no count in it draws nothing. The shades
+ * are the ink at a share of its strength, so the grid retunes with the theme,
+ * and four of them are cut at the quartiles of the days that had any count, so
+ * it reads the same in a quiet year and a loud one. The grid is wiped into place
+ * once, the first time it is seen, and stands drawn for a reader who wants no
+ * motion (`reveal`).
+ */
+import { type ReactNode } from 'react';
+/** The days of a window, oldest first, `from` and `to` included. */
+export declare function span(from: string, to: string): string[];
+/**
+ * The three cuts between four shades: the quartiles of the days that had any
+ * count. A year with none has nothing to cut.
+ */
+export declare function cuts(days: Record<string, number>): [number, number, number];
+/** The shade a count earns: 0 for none, then 1 to 4 up the quartiles. */
+export declare const shade: (n: number, cut: readonly [number, number, number]) => 0 | 1 | 2 | 3 | 4;
+type Cell = {
+    day: string;
+    count: number;
+    level: number;
+    shown: boolean;
+};
+/** The weeks of a window, Sunday first, with the days outside it kept as unseen cells so the columns stay whole. */
+export declare function weeks(days: Record<string, number>, from: string, to: string): Cell[][];
+/**
+ * Each week's month label: a month is named over the first week that holds its
+ * first seven days, and the window's first column is named too, unless the next
+ * month is named within two columns of it and the two would run together.
+ */
+export declare function monthLabels(grid: Cell[][], from: string, locale?: string): string[];
+export type HeatmapProps = {
+    /** The count of each day, keyed `YYYY-MM-DD`; a day not named had none. */
+    days: Record<string, number>;
+    /** The first and last day shown, inclusive. */
+    from: string;
+    to: string;
+    /** What the grid says to a reader who cannot see it. */
+    label: string;
+    /** The line for the day under the pointer. */
+    line?: (day: string, count: number) => ReactNode;
+    /** The line when no day is under the pointer. */
+    rest?: ReactNode;
+    /** The two ends of the legend; with none the legend is not drawn. */
+    legend?: {
+        less: ReactNode;
+        more: ReactNode;
+    };
+    /** The language month names are written in; the reader's by default. */
+    locale?: string;
+    /** Wipe the grid in the first time it is seen. */
+    reveal?: boolean;
+};
+export declare function Heatmap({ days, from, to, label, line, rest, legend, locale, reveal, }: HeatmapProps): import("react").JSX.Element | null;
+export type SparklineProps = {
+    /** The values, oldest first. */
+    values: readonly number[];
+    /** What the bars say to a reader who cannot see them. */
+    label: string;
+    /** The height of the tallest bar, in px. */
+    height?: number;
+};
+export declare function Sparkline({ values, label, height }: SparklineProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=heat.d.ts.map

package/dist/marketing/heat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat.d.ts","sourceRoot":"","sources":["../../src/marketing/heat.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAW5E,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,CASvD;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAO3E;AAED,yEAAyE;AACzE,eAAO,MAAM,KAAK,MAAO,MAAM,OAAO,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,sBACD,CAAA;AActE,KAAK,IAAI,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAA;AAEzE,oHAAoH;AACpH,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,IAAI,EAAE,EAAE,CAqBV;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EAAE,EAAE,EACd,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,EAAE,CAaV;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5B,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAChD,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qEAAqE;IACrE,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,CAAA;IAC7C,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AASD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAa,GACd,EAAE,YAAY,sCA4Id;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,gCAAgC;IAChC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAW,EAAE,EAAE,cAAc,sCAwBvE"}

package/dist/marketing/heat.js

@@ -0,0 +1,150 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A year of days as one grid, and a run of values as one line of bars.
+ *
+ *   Heatmap    a count a day over a window, a week a column, four shades; the
+ *              day under the pointer is named in the line beneath
+ *   Sparkline  a run of values as bars, tallest to the height given
+ *
+ * Both take their data as props and fetch nothing: a figure the caller does not
+ * hold is not passed, and a grid with no count in it draws nothing. The shades
+ * are the ink at a share of its strength, so the grid retunes with the theme,
+ * and four of them are cut at the quartiles of the days that had any count, so
+ * it reads the same in a quiet year and a loud one. The grid is wiped into place
+ * once, the first time it is seen, and stands drawn for a reader who wants no
+ * motion (`reveal`).
+ */
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Text, View, XStack, YStack } from '@hanzo/gui';
+import { slot } from '../backends/gui/slot.js';
+const DAY = 86_400_000;
+const WEEK = 7;
+/** The day, UTC, as `YYYY-MM-DD`. */
+const key = (t) => new Date(t).toISOString().slice(0, 10);
+/** The days of a window, oldest first, `from` and `to` included. */
+export function span(from, to) {
+    const out = [];
+    for (let t = Date.parse(`${from}T00:00:00Z`); t <= Date.parse(`${to}T00:00:00Z`); t += DAY)
+        out.push(key(t));
+    return out;
+}
+/**
+ * The three cuts between four shades: the quartiles of the days that had any
+ * count. A year with none has nothing to cut.
+ */
+export function cuts(days) {
+    const counts = Object.values(days)
+        .filter((n) => n > 0)
+        .sort((a, b) => a - b);
+    const at = (q) => counts[Math.min(counts.length - 1, Math.floor(q * counts.length))] ?? 0;
+    return [at(0.25), at(0.5), at(0.75)];
+}
+/** The shade a count earns: 0 for none, then 1 to 4 up the quartiles. */
+export const shade = (n, cut) => n <= 0 ? 0 : n <= cut[0] ? 1 : n <= cut[1] ? 2 : n <= cut[2] ? 3 : 4;
+/** A fill the colour table does not name: a page's own CSS value, which gui emits as written. */
+const fill = (c) => ({ backgroundColor: c });
+/** The ink of each shade, from the page's own so the grid follows the theme. */
+const INK = [
+    'var(--muted)',
+    'color-mix(in srgb, var(--foreground) 22%, transparent)',
+    'color-mix(in srgb, var(--foreground) 42%, transparent)',
+    'color-mix(in srgb, var(--foreground) 68%, transparent)',
+    'var(--foreground)',
+];
+/** The weeks of a window, Sunday first, with the days outside it kept as unseen cells so the columns stay whole. */
+export function weeks(days, from, to) {
+    const first = Date.parse(`${from}T00:00:00Z`);
+    const last = Date.parse(`${to}T00:00:00Z`);
+    const cut = cuts(days);
+    const start = first - new Date(first).getUTCDay() * DAY;
+    const out = [];
+    for (let t = start; t <= last; t += WEEK * DAY) {
+        out.push(Array.from({ length: WEEK }, (_, d) => {
+            const at = t + d * DAY;
+            const count = days[key(at)] ?? 0;
+            return {
+                day: key(at),
+                count,
+                level: shade(count, cut),
+                shown: at >= first && at <= last,
+            };
+        }));
+    }
+    return out;
+}
+/**
+ * Each week's month label: a month is named over the first week that holds its
+ * first seven days, and the window's first column is named too, unless the next
+ * month is named within two columns of it and the two would run together.
+ */
+export function monthLabels(grid, from, locale) {
+    const name = (day) => new Date(`${day}T00:00:00Z`).toLocaleDateString(locale, {
+        timeZone: 'UTC',
+        month: 'short',
+    });
+    const labels = grid.map((w, i) => {
+        const first = w.find((c) => c.shown)?.day ?? from;
+        return i === 0 || Number(first.slice(8, 10)) <= 7 ? name(first) : '';
+    });
+    const next = labels.findIndex((l, i) => i > 0 && l);
+    if (labels[0] && next > 0 && next < 3)
+        labels[0] = '';
+    return labels;
+}
+/** The least width a week's column may be drawn at: a cell is nine pixels and a gap three. */
+const CELL = 12;
+const still = () => typeof matchMedia === 'function' &&
+    matchMedia('(prefers-reduced-motion: reduce)').matches;
+export function Heatmap({ days, from, to, label, line, rest, legend, locale, reveal = true, }) {
+    const grid = useMemo(() => weeks(days, from, to), [days, from, to]);
+    const [at, setAt] = useState(null);
+    // The container is watched and the grid inside it is wiped: a grid clipped to nothing is never seen to intersect.
+    const box = useRef(null);
+    const wipe = useRef(null);
+    // A narrow screen scrolls the year sideways, and starts at its newest week.
+    useEffect(() => {
+        const el = wipe.current;
+        if (el)
+            el.scrollLeft = el.scrollWidth;
+    }, [days, from, to]);
+    // The grid waits fully clipped from its first frame, so it needs no style of its own to hide it,
+    // and plays when it is first seen. Where animation or observation is missing it stays drawn.
+    useEffect(() => {
+        const el = wipe.current;
+        const watched = box.current;
+        if (!reveal ||
+            !el ||
+            !watched ||
+            typeof el.animate !== 'function' ||
+            typeof IntersectionObserver === 'undefined' ||
+            still())
+            return;
+        const a = el.animate([{ clipPath: 'inset(0 100% 0 0)' }, { clipPath: 'inset(0 0 0 0)' }], { duration: 1100, easing: 'cubic-bezier(0.2, 0.7, 0.2, 1)', fill: 'both' });
+        a.pause();
+        const io = new IntersectionObserver(([e]) => {
+            if (!e?.isIntersecting)
+                return;
+            a.play();
+            io.disconnect();
+        }, { threshold: 0.3 });
+        io.observe(watched);
+        return () => {
+            io.disconnect();
+            a.cancel();
+        };
+    }, [reveal]);
+    if (!Object.values(days).some((n) => n > 0))
+        return null;
+    const columns = `repeat(${grid.length}, minmax(0, 1fr))`;
+    const named = at && at >= from && at <= to ? at : null;
+    const months = monthLabels(grid, from, locale);
+    return (_jsxs(YStack, { gap: 14, ...slot('heatmap'), children: [_jsx(View, { ref: box, children: _jsx(View, { ref: wipe, overflowX: "auto", children: _jsxs(View, { minW: grid.length * CELL, children: [_jsx(View, { display: "grid", gridTemplateColumns: columns, gap: 3, pb: 6, "aria-hidden": true, children: months.map((m, i) => (_jsx(Text, { fontFamily: "$mono", fontSize: "$1", lineHeight: "$1", color: "var(--muted-foreground)", whiteSpace: "nowrap", overflow: "visible", children: m }, i))) }), _jsx(View, { role: "img", "aria-label": label, display: "grid", gridTemplateColumns: columns, gridTemplateRows: "repeat(7, auto)", gap: 3, gridAutoFlow: "column", onPointerMove: (e) => setAt(e.target.dataset?.day ?? null), onPointerLeave: () => setAt(null), children: grid.flat().map((c) => (_jsx(View, { "data-day": c.shown ? c.day : undefined, aspectRatio: 1, rounded: 2, opacity: c.shown ? 1 : 0, ...fill(INK[c.level]) }, c.day))) })] }) }) }), _jsxs(XStack, { justify: "space-between", items: "center", flexWrap: "wrap", gap: 12, children: [_jsx(Text, { fontFamily: "$mono", fontSize: "$1", lineHeight: "$1", color: "var(--muted-foreground)", "aria-live": "polite", ...slot('heatmap-line'), children: named && line ? line(named, days[named] ?? 0) : rest }), legend ? (_jsxs(XStack, { items: "center", gap: 6, "aria-hidden": true, children: [_jsx(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: legend.less }), INK.map((s) => (_jsx(View, { width: 11, height: 11, rounded: 2, ...fill(s) }, s))), _jsx(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: legend.more })] })) : null] })] }));
+}
+export function Sparkline({ values, label, height = 40 }) {
+    const top = Math.max(0, ...values);
+    if (!values.length || top <= 0)
+        return null;
+    return (_jsx(XStack, { role: "img", "aria-label": label, items: "flex-end", gap: 2, height: height, ...slot('sparkline'), children: values.map((v, i) => (_jsx(View, { flex: 1, minW: 1, height: (v > 0 ? `${Math.max(4, (100 * v) / top)}%` : 1), rounded: 1, ...fill(v > 0 ? 'var(--foreground)' : 'var(--muted)') }, i))) }));
+}
+//# sourceMappingURL=heat.js.map

package/dist/marketing/heat.js.map

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

package/dist/marketing/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogoRow = exports.Quote = exports.Steps = exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = exports.Run = exports.Document = exports.Pager = exports.Pair = exports.Lattice = exports.Reveal = exports.Lift = exports.Cell = exports.Leaf = exports.More = exports.Chip = exports.Action = exports.Claim = exports.Lede = exports.Eyebrow = exports.Title = exports.Display = exports.Line = exports.TextLink = exports.Cta = exports.ClosingCta = exports.Faq = exports.Footer = exports.way = exports.termOf = exports.seats = exports.saving = exports.money = exports.merged = exports.charge = exports.audience = exports.Plans = exports.Media = exports.Hero = exports.PageLoading = void 0;
+exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = exports.initials = exports.Repo = exports.Languages = exports.Faces = exports.Counts = exports.weeks = exports.span = exports.shade = exports.cuts = exports.Sparkline = exports.Heatmap = exports.Run = exports.Document = exports.Pager = exports.Pair = exports.Lattice = exports.Reveal = exports.Lift = exports.Cell = exports.Leaf = exports.More = exports.Chip = exports.Action = exports.Claim = exports.Lede = exports.Eyebrow = exports.Title = exports.Display = exports.Line = exports.TextLink = exports.Cta = exports.ClosingCta = exports.Faq = exports.Footer = exports.way = exports.termOf = exports.seats = exports.saving = exports.money = exports.merged = exports.charge = exports.audience = exports.Plans = exports.Media = exports.Hero = exports.PageLoading = void 0;
+exports.LogoRow = exports.Quote = exports.Steps = void 0;
 /**
  * The marketing surface every Hanzo, Lux and Zoo site shares: the first screen,
  * the plans, the questions, the closing call and the blocks a feature page is
@@ -57,6 +58,19 @@ var document_1 = require("./document.cjs");
 Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return document_1.Document; } });
 var run_1 = require("./run.cjs");
 Object.defineProperty(exports, "Run", { enumerable: true, get: function () { return run_1.Run; } });
+var heat_1 = require("./heat.cjs");
+Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return heat_1.Heatmap; } });
+Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return heat_1.Sparkline; } });
+Object.defineProperty(exports, "cuts", { enumerable: true, get: function () { return heat_1.cuts; } });
+Object.defineProperty(exports, "shade", { enumerable: true, get: function () { return heat_1.shade; } });
+Object.defineProperty(exports, "span", { enumerable: true, get: function () { return heat_1.span; } });
+Object.defineProperty(exports, "weeks", { enumerable: true, get: function () { return heat_1.weeks; } });
+var repo_1 = require("./repo.cjs");
+Object.defineProperty(exports, "Counts", { enumerable: true, get: function () { return repo_1.Counts; } });
+Object.defineProperty(exports, "Faces", { enumerable: true, get: function () { return repo_1.Faces; } });
+Object.defineProperty(exports, "Languages", { enumerable: true, get: function () { return repo_1.Languages; } });
+Object.defineProperty(exports, "Repo", { enumerable: true, get: function () { return repo_1.Repo; } });
+Object.defineProperty(exports, "initials", { enumerable: true, get: function () { return repo_1.initials; } });
 var blocks_1 = require("./blocks.cjs");
 Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return blocks_1.PageHeader; } });
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return blocks_1.Section; } });

package/dist/marketing/index.d.ts

@@ -19,5 +19,7 @@ export { Pair, type PairProps } from './pair.js';
 export { Pager, type PagerProps } from './pager.js';
 export { Document, type DocumentProps } from './document.js';
 export { Run, type RunProps } from './run.js';
+export { Heatmap, Sparkline, cuts, shade, span, weeks, type HeatmapProps, type SparklineProps } from './heat.js';
+export { Counts, Faces, Languages, Repo, initials, type CountsProps, type FacesProps, type LanguagesProps, type RepoProps } from './repo.js';
 export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow, type Step, type Logo, type PageHeaderProps, type SectionProps, type FeatureProps, type QuoteProps, } from './blocks.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AACjI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AACjI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC7G,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AACzI,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAA"}

package/dist/marketing/index.js

@@ -19,5 +19,7 @@ export { Pair } from './pair.js';
 export { Pager } from './pager.js';
 export { Document } from './document.js';
 export { Run } from './run.js';
+export { Heatmap, Sparkline, cuts, shade, span, weeks } from './heat.js';
+export { Counts, Faces, Languages, Repo, initials } from './repo.js';
 export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow, } from './blocks.js';
 //# sourceMappingURL=index.js.map

package/dist/marketing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAoC,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAwD,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAwD,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAqC,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgE,MAAM,QAAQ,CAAA;AACjI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAwC,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAA;AAC1C,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAOR,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAoC,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAwD,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAwD,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAqC,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgE,MAAM,QAAQ,CAAA;AACjI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAwC,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAA0C,MAAM,QAAQ,CAAA;AAC7G,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAA0E,MAAM,QAAQ,CAAA;AACzI,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAOR,MAAM,UAAU,CAAA"}

package/dist/marketing/repo.cjs

@@ -0,0 +1,72 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initials = void 0;
+exports.Counts = Counts;
+exports.Repo = Repo;
+exports.Languages = Languages;
+exports.Faces = Faces;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const slot_1 = require("../backends/gui/slot.cjs");
+/** A fill the colour table does not name: a page's own CSS value, which gui emits as written. */
+const fill = (c) => ({ backgroundColor: c });
+const group = (n) => n.toLocaleString('en-US');
+const real = (n) => typeof n === 'number' && Number.isFinite(n) && n >= 0;
+function Counts({ stars, forks, size = 'md' }) {
+    const icon = size === 'sm' ? 12 : 14;
+    const one = (n, mark, name) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: 4, ...(0, slot_1.slot)(`count-${name}`), children: [mark, (0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: size === 'sm' ? '$1' : '$2', color: "var(--muted-foreground)", fontVariant: ['tabular-nums'], "aria-label": `${group(n)} ${name}`, children: group(n) })] }, name));
+    const shown = [
+        real(stars)
+            ? one(stars, (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Star, { size: icon, color: "var(--muted-foreground)", "aria-hidden": true }), 'stars')
+            : null,
+        real(forks)
+            ? one(forks, (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GitFork, { size: icon, color: "var(--muted-foreground)", "aria-hidden": true }), 'forks')
+            : null,
+    ].filter(Boolean);
+    if (!shown.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: 12, ...(0, slot_1.slot)('counts'), children: shown }));
+}
+function Repo({ name, description, href, target, rel, language, tag, stars, forks, actions, }) {
+    const linked = href != null;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('repo'), gap: 10, p: 16, rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "var(--border)", ...fill('var(--surface-card)'), ...(linked
+            ? { hoverStyle: { borderColor: 'var(--border-strong)' } }
+            : null), minW: 0, children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: 6, grow: 1, shrink: 0, ...(linked
+                    ? {
+                        render: (0, jsx_runtime_1.jsx)("a", { href: href, target: target, rel: rel }),
+                        textDecorationLine: 'none',
+                    }
+                    : null), children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$2", fontWeight: "600", color: "var(--foreground)", numberOfLines: 1, "data-i18n-ltr": "", children: name }), description ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", lineHeight: "$3", color: "var(--muted-foreground)", numberOfLines: 2, minH: 38, children: description })) : null] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: 8, flexWrap: "wrap", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: 12, children: [language ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: language })) : null, tag ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", px: 6, py: 1, rounded: 4, borderWidth: 1, borderColor: "var(--border)", children: tag })) : null, (0, jsx_runtime_1.jsx)(Counts, { stars: stars, forks: forks, size: "sm" })] }), actions] })] }));
+}
+/** Four inks cycle down the shares, so neighbours differ in the page's own monochrome. */
+const SHARE = [
+    'var(--foreground)',
+    'color-mix(in srgb, var(--foreground) 62%, transparent)',
+    'color-mix(in srgb, var(--foreground) 36%, transparent)',
+    'color-mix(in srgb, var(--foreground) 18%, transparent)',
+];
+function Languages({ share, label }) {
+    const rows = share.filter((s) => s.share > 0);
+    const total = rows.reduce((n, s) => n + s.share, 0);
+    if (!total)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: 8, ...(0, slot_1.slot)('languages'), children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "img", "aria-label": label, height: 8, rounded: 9999, overflow: "hidden", gap: 2, children: rows.map((s, i) => ((0, jsx_runtime_1.jsx)(gui_1.View, { height: "100%", width: `${((100 * s.share) / total).toFixed(2)}%`, ...fill(SHARE[i % SHARE.length]) }, s.name))) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: 14, flexWrap: "wrap", children: rows.map((s, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: 6, children: [(0, jsx_runtime_1.jsx)(gui_1.View, { width: 8, height: 8, rounded: 9999, ...fill(SHARE[i % SHARE.length]) }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: [s.name, " ", ((100 * s.share) / total).toFixed(1), "%"] })] }, s.name))) })] }));
+}
+/** Up to two initials of a name. */
+const initials = (name) => name
+    .trim()
+    .split(/\s+/)
+    .slice(0, 2)
+    .map((w) => Array.from(w)[0] ?? '')
+    .join('')
+    .toUpperCase();
+exports.initials = initials;
+function Faces({ people, max = 5 }) {
+    if (!people.length)
+        return null;
+    const shown = people.slice(0, max);
+    const more = people.length - shown.length;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", ...(0, slot_1.slot)('faces'), children: [shown.map((p, i) => ((0, jsx_runtime_1.jsx)(gui_1.View, { width: 28, height: 28, rounded: 9999, items: "center", justify: "center", borderWidth: 2, borderColor: "var(--background)", ...fill('var(--secondary)'), marginInlineStart: i ? -8 : 0, title: p.name, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", fontWeight: "600", color: "var(--foreground)", children: (0, exports.initials)(p.name) }) }, `${p.name}-${i}`))), more > 0 ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", marginInlineStart: 8, children: ["+", group(more)] })) : null] }));
+}

package/dist/marketing/repo.d.ts

@@ -0,0 +1,61 @@
+/**
+ * A repository, and the small counts that describe it.
+ *
+ *   Repo       a card: its name, a line on it, its counts and language, and the
+ *              actions the caller puts at its foot; the whole card is a link when
+ *              it is given an `href`
+ *   Counts     stars and forks, each with its mark; a count the caller does not
+ *              hold is not drawn
+ *   Languages  the share of each language as one bar and a legend
+ *   Faces      people as overlapping initials, with the rest counted
+ *
+ * Each takes its data as props and fetches nothing, draws from tokens, and is a
+ * gui element, so one import serves web, native and desktop.
+ */
+import type { ReactNode } from 'react';
+export type CountsProps = {
+    stars?: number;
+    forks?: number;
+    /** The size of the marks and figures. */
+    size?: 'sm' | 'md';
+};
+export declare function Counts({ stars, forks, size }: CountsProps): import("react").JSX.Element | null;
+export type RepoProps = {
+    /** `owner/name`. */
+    name: string;
+    description?: ReactNode;
+    /** Where the card goes; with none the card is not a link. */
+    href?: string;
+    target?: string;
+    rel?: string;
+    language?: ReactNode;
+    /** A word that files the repository, in an outline beside the counts. */
+    tag?: ReactNode;
+    stars?: number;
+    forks?: number;
+    /** What sits at the card's foot: a star button, a link. */
+    actions?: ReactNode;
+};
+export declare function Repo({ name, description, href, target, rel, language, tag, stars, forks, actions, }: RepoProps): import("react").JSX.Element;
+export type LanguagesProps = {
+    /** Each language and its share, any scale: the bar is each over the sum. */
+    share: readonly {
+        name: string;
+        share: number;
+    }[];
+    /** What the bar says to a reader who cannot see it. */
+    label: string;
+};
+export declare function Languages({ share, label }: LanguagesProps): import("react").JSX.Element | null;
+export type FacesProps = {
+    /** Each person by the name their initials are read from. */
+    people: readonly {
+        name: string;
+    }[];
+    /** How many are drawn; the rest are counted. */
+    max?: number;
+};
+/** Up to two initials of a name. */
+export declare const initials: (name: string) => string;
+export declare function Faces({ people, max }: FacesProps): import("react").JSX.Element | null;
+//# sourceMappingURL=repo.d.ts.map

package/dist/marketing/repo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repo.d.ts","sourceRoot":"","sources":["../../src/marketing/repo.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAatC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAW,EAAE,EAAE,WAAW,sCAsChE;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yEAAyE;IACzE,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,SAAS,+BAgFX;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,4EAA4E;IAC5E,KAAK,EAAE,SAAS;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACjD,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAUD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,sCA4CzD;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,MAAM,EAAE,SAAS;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACnC,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,oCAAoC;AACpC,eAAO,MAAM,QAAQ,SAAU,MAAM,WAOnB,CAAA;AAElB,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,GAAO,EAAE,EAAE,UAAU,sCA0CpD"}

package/dist/marketing/repo.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View, XStack, YStack } from '@hanzo/gui';
+import { GitFork, Star } from '@hanzogui/lucide-icons-2';
+import { slot } from '../backends/gui/slot.js';
+/** A fill the colour table does not name: a page's own CSS value, which gui emits as written. */
+const fill = (c) => ({ backgroundColor: c });
+const group = (n) => n.toLocaleString('en-US');
+const real = (n) => typeof n === 'number' && Number.isFinite(n) && n >= 0;
+export function Counts({ stars, forks, size = 'md' }) {
+    const icon = size === 'sm' ? 12 : 14;
+    const one = (n, mark, name) => (_jsxs(XStack, { items: "center", gap: 4, ...slot(`count-${name}`), children: [mark, _jsx(Text, { fontFamily: "$mono", fontSize: size === 'sm' ? '$1' : '$2', color: "var(--muted-foreground)", fontVariant: ['tabular-nums'], "aria-label": `${group(n)} ${name}`, children: group(n) })] }, name));
+    const shown = [
+        real(stars)
+            ? one(stars, _jsx(Star, { size: icon, color: "var(--muted-foreground)", "aria-hidden": true }), 'stars')
+            : null,
+        real(forks)
+            ? one(forks, _jsx(GitFork, { size: icon, color: "var(--muted-foreground)", "aria-hidden": true }), 'forks')
+            : null,
+    ].filter(Boolean);
+    if (!shown.length)
+        return null;
+    return (_jsx(XStack, { items: "center", gap: 12, ...slot('counts'), children: shown }));
+}
+export function Repo({ name, description, href, target, rel, language, tag, stars, forks, actions, }) {
+    const linked = href != null;
+    return (_jsxs(YStack, { ...slot('repo'), gap: 10, p: 16, rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "var(--border)", ...fill('var(--surface-card)'), ...(linked
+            ? { hoverStyle: { borderColor: 'var(--border-strong)' } }
+            : null), minW: 0, children: [_jsxs(YStack, { gap: 6, grow: 1, shrink: 0, ...(linked
+                    ? {
+                        render: _jsx("a", { href: href, target: target, rel: rel }),
+                        textDecorationLine: 'none',
+                    }
+                    : null), children: [_jsx(Text, { fontFamily: "$mono", fontSize: "$2", fontWeight: "600", color: "var(--foreground)", numberOfLines: 1, "data-i18n-ltr": "", children: name }), description ? (_jsx(Text, { fontSize: "$2", lineHeight: "$3", color: "var(--muted-foreground)", numberOfLines: 2, minH: 38, children: description })) : null] }), _jsxs(XStack, { items: "center", justify: "space-between", gap: 8, flexWrap: "wrap", children: [_jsxs(XStack, { items: "center", gap: 12, children: [language ? (_jsx(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: language })) : null, tag ? (_jsx(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", px: 6, py: 1, rounded: 4, borderWidth: 1, borderColor: "var(--border)", children: tag })) : null, _jsx(Counts, { stars: stars, forks: forks, size: "sm" })] }), actions] })] }));
+}
+/** Four inks cycle down the shares, so neighbours differ in the page's own monochrome. */
+const SHARE = [
+    'var(--foreground)',
+    'color-mix(in srgb, var(--foreground) 62%, transparent)',
+    'color-mix(in srgb, var(--foreground) 36%, transparent)',
+    'color-mix(in srgb, var(--foreground) 18%, transparent)',
+];
+export function Languages({ share, label }) {
+    const rows = share.filter((s) => s.share > 0);
+    const total = rows.reduce((n, s) => n + s.share, 0);
+    if (!total)
+        return null;
+    return (_jsxs(YStack, { gap: 8, ...slot('languages'), children: [_jsx(XStack, { role: "img", "aria-label": label, height: 8, rounded: 9999, overflow: "hidden", gap: 2, children: rows.map((s, i) => (_jsx(View, { height: "100%", width: `${((100 * s.share) / total).toFixed(2)}%`, ...fill(SHARE[i % SHARE.length]) }, s.name))) }), _jsx(XStack, { gap: 14, flexWrap: "wrap", children: rows.map((s, i) => (_jsxs(XStack, { items: "center", gap: 6, children: [_jsx(View, { width: 8, height: 8, rounded: 9999, ...fill(SHARE[i % SHARE.length]) }), _jsxs(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", children: [s.name, " ", ((100 * s.share) / total).toFixed(1), "%"] })] }, s.name))) })] }));
+}
+/** Up to two initials of a name. */
+export const initials = (name) => name
+    .trim()
+    .split(/\s+/)
+    .slice(0, 2)
+    .map((w) => Array.from(w)[0] ?? '')
+    .join('')
+    .toUpperCase();
+export function Faces({ people, max = 5 }) {
+    if (!people.length)
+        return null;
+    const shown = people.slice(0, max);
+    const more = people.length - shown.length;
+    return (_jsxs(XStack, { items: "center", ...slot('faces'), children: [shown.map((p, i) => (_jsx(View, { width: 28, height: 28, rounded: 9999, items: "center", justify: "center", borderWidth: 2, borderColor: "var(--background)", ...fill('var(--secondary)'), marginInlineStart: i ? -8 : 0, title: p.name, children: _jsx(Text, { fontFamily: "$mono", fontSize: "$1", fontWeight: "600", color: "var(--foreground)", children: initials(p.name) }) }, `${p.name}-${i}`))), more > 0 ? (_jsxs(Text, { fontFamily: "$mono", fontSize: "$1", color: "var(--muted-foreground)", marginInlineStart: 8, children: ["+", group(more)] })) : null] }));
+}
+//# sourceMappingURL=repo.js.map

package/dist/marketing/repo.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.29.21",
+  "version": "8.29.22",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {