@appinternalleads/ui 0.2.0

package/dist/esm/ds/blockDisplay.d.ts

@@ -0,0 +1,180 @@
+import { type ReactNode } from 'react';
+import { type Status } from '../tokens';
+/**
+ * **Solarium Building Blocks — display.** S2 Header meta · D2 Dot · D3 Progress bar · D5 Avatar
+ * group · D7 Check item · D8 Code block · D10 Media slot. (D1, D6, D9 are in `blocks.tsx`; D4 Stat
+ * is `StatCard`/`StatTile`.) Colour reads `useDs()`; nothing here names a hex.
+ */
+/**
+ * **Count, chip or timestamp, at meta size — tabular, never wraps.** A string is drawn as meta
+ * text; anything else (a `MetaChip`) is placed as-is. `BlockCard`'s `meta` slot renders through this.
+ */
+export declare function HeaderMeta({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * **A number that changes by cross-fading — M5 (Solarium 0.2.0).** The old value fades out while the
+ * new one fades in, both in the same cell, at `--motion-state`; nothing travels (the Building Blocks
+ * handoff's ±100% slide was retired by 0.2.0). Reduced motion: it simply changes. Only the current
+ * value is in the accessibility tree — the leaving layer is `aria-hidden`.
+ */
+export declare function TickNumber({ value, format, fontSize, label, tone, }: {
+    value: number;
+    format?: (n: number) => string;
+    fontSize?: number;
+    /** What the number counts, for a screen reader: "API calls". */
+    label?: string;
+    /** Ink. Default the primary text colour. */
+    tone?: 'default' | 'apricot';
+}): import("react").JSX.Element;
+/**
+ * **A skeleton pill** — `--line-soft`, no shimmer. Solarium 0.2.0's M11: *"follows existing
+ * Skeleton; no added shimmer"* — the bars inside a white shell already say "loading", and a moving
+ * band is exactly the kind of decoration 0.2.0 removed.
+ */
+export declare function SkeletonBar({ width, height }: {
+    width?: `${number}%` | number;
+    height?: number;
+}): import("react").JSX.Element;
+export type DotTone = Status | 'unread' | 'bullet';
+/**
+ * **Status, unread, bullet — always paired with a label.** The label is required by the type:
+ * a dot on its own is colour carrying meaning, which the handoff's own rule forbids.
+ */
+export declare function Dot({ tone, label, size }: {
+    tone: DotTone;
+    label: string;
+    size?: number;
+}): import("react").JSX.Element;
+/** At or past this fraction the bar turns apricot and says so in words. */
+export declare const NEAR_LIMIT = 0.8;
+/**
+ * The fill's meaning. `limit` (default) is the Building Blocks bar: mint, apricot at `NEAR_LIMIT` with
+ * copy. The rest are the onboarding handoff's fixed tones (B5): `accent` — a task in flight (upload,
+ * import; coral, 6px); `neutral` — a share of a whole (muted ink, 4px); `ink` / `success` /
+ * `attention` — a total under / exactly at / over its budget. Every tone keeps its words in
+ * `aria-valuetext`: colour never carries the state alone.
+ */
+export type ProgressTone = 'limit' | 'accent' | 'neutral' | 'ink' | 'success' | 'attention';
+/**
+ * **A track and a fill — D3.** The fill tweens at `--motion-state` (M6); under reduced motion it
+ * jumps. `bare` drops the label row (the caller draws its own text beside it) but keeps the
+ * `progressbar` role and its name.
+ *
+ * The handoff says "<50% mint" and "≥80% apricot" and names nothing between; `limit` keeps mint up
+ * to the limit rather than inventing a third band (HANDOFF §6).
+ */
+export declare function ProgressBar({ label, value, max, format, tone, height, bare, track, }: {
+    label: string;
+    value: number;
+    max?: number;
+    /** The value in words. Default `n%`. */
+    format?: (value: number, max: number) => string;
+    tone?: ProgressTone;
+    /** Track height. Default by tone: 8, or 6 (`accent`), or 4 (`neutral`). */
+    height?: number;
+    /** No label row — the caller shows the figures itself. */
+    bare?: boolean;
+    /** `surface` puts the track in white — for a bar inside a well. */
+    track?: 'band' | 'surface';
+}): import("react").JSX.Element;
+/** Where a total stands against its budget. */
+export type Allocation = 'under' | 'exact' | 'over';
+export declare function allocationOf(value: number, total: number): Allocation;
+/**
+ * **A value against a fixed total, in a well — D4 as the onboarding handoff draws it (B9).**
+ * "Allocated" and a unit hint; the value at 24/600 cross-fading on change (M5) followed by
+ * "of $25,000"; an 8px bar on a white track, ink under the total, mint exactly at it, apricot over
+ * it. The bar is a `progressbar` whose value is the percentage and whose text says the state.
+ */
+export declare function StatWell({ label, hint, value, total, format, }: {
+    label: string;
+    hint?: string;
+    value: number;
+    total: number;
+    format?: (n: number) => string;
+}): import("react").JSX.Element;
+export type StateChipTone = 'neutral' | 'success' | 'attention';
+/**
+ * **A header status chip whose label cross-fades when it changes — M9 (onboarding B8).** Neutral is
+ * a count ("2 selected"); success is mint with a dot ("Saved"); attention is apricot with a dot
+ * ("Needs attention"). The word carries the state; the colour repeats it.
+ */
+export declare function StateChip({ tone, children, dot }: {
+    tone?: StateChipTone;
+    children: string;
+    /**
+     * The 6px dot. Default: on for success and attention, off for neutral — as before. Batch 3 turns
+     * it on for a neutral state that is live ("Now", "1 pending") and off for a quiet success ("All read").
+     */
+    dot?: boolean;
+}): import("react").JSX.Element;
+export type AvatarPerson = {
+    id: string;
+    name: string;
+    initials: string;
+};
+/**
+ * **32px circles, −8px overlap, a 2px ring, "+n" after `max`.** One image with one name for a
+ * screen reader — "Maya K., Jon L., Ana R. and 2 more" — rather than five unlabelled circles.
+ * Avatars are people, not categories, so they take the neutral well rather than a hue.
+ */
+export declare function AvatarGroup({ people, max, size, total, fill }: {
+    people: AvatarPerson[];
+    max?: number;
+    size?: number;
+    /** How many people there are in all, when `people` lists only some — "+117" of 120 registrants. */
+    total?: number;
+    /** `band`: the line-soft ground with ink initials (batch 3's Event Reminder). Default: the well. */
+    fill?: 'well' | 'band';
+}): import("react").JSX.Element;
+export type CheckItemState = 'pass' | 'pending' | 'fail';
+/**
+ * **A requirement and whether it is met — pass, pending, fail.** An 18px circle: pass is mint with
+ * a tick, pending is a hollow `controlBorder` ring, fail is apricot with a cross. The glyph carries
+ * its word for a screen reader. "Fail only after submit" is the caller's rule: show `pending`
+ * until the user has tried, so a form does not open covered in failures.
+ */
+export declare function CheckItem({ state, children }: {
+    state: CheckItemState;
+    children: string;
+}): import("react").JSX.Element;
+/** A list of `CheckItem`s — the list semantics a screen reader needs to count them. */
+export declare function CheckList({ label, children }: {
+    label: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** How long "Copied" stays before the button returns to "Copy". */
+export declare const COPIED_MS = 1600;
+/**
+ * **Mono 12/1.6 in a well, with Copy.** Long lines scroll horizontally inside the well rather than
+ * wrap (wrapping JSON changes what it looks like it says) or push the page wider.
+ *
+ * `onCopy` is the host's clipboard — React Native has none built in. Omitted on the web, the
+ * browser clipboard is used when it exists. The confirmation swaps in (M4) and is announced.
+ */
+export declare function CodeBlock({ code, label, onCopy, bare, minHeight, }: {
+    code: string;
+    label?: string;
+    onCopy?: (code: string) => void | Promise<void>;
+    /**
+     * Just the code: white, a 1px line-soft edge, padding 12, no header and no Copy — for a preview
+     * well that owns its own label and Copy (the onboarding Export Format).
+     */
+    bare?: boolean;
+    minHeight?: number;
+}): import("react").JSX.Element;
+/**
+ * **A fixed-ratio frame: the space is reserved before the media arrives, so nothing shifts.**
+ * Empty, it is the well with its label. `caption` is the text form of what the media shows —
+ * a QR code's setup key — because an image of a code is useless to anyone who cannot scan it.
+ */
+export declare function MediaSlot({ ratio, label, caption, children, maxWidth, }: {
+    /** width / height. */
+    ratio?: number;
+    label: string;
+    caption?: ReactNode;
+    children?: ReactNode;
+    maxWidth?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=blockDisplay.d.ts.map

package/dist/esm/ds/blockDisplay.d.ts.map

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

package/dist/esm/ds/blockDisplay.js

@@ -0,0 +1,221 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Box, Icon, MotionView, Pressable, Scroll, Text, useSwap, useTick, useTween, } from '../core';
+import { blockRadii, useDs } from '../tokens';
+import { MetaChip } from './blocks';
+/**
+ * **Solarium Building Blocks — display.** S2 Header meta · D2 Dot · D3 Progress bar · D5 Avatar
+ * group · D7 Check item · D8 Code block · D10 Media slot. (D1, D6, D9 are in `blocks.tsx`; D4 Stat
+ * is `StatCard`/`StatTile`.) Colour reads `useDs()`; nothing here names a hex.
+ */
+/* ── S2 · Header meta ────────────────────────────────────────────────────── */
+/**
+ * **Count, chip or timestamp, at meta size — tabular, never wraps.** A string is drawn as meta
+ * text; anything else (a `MetaChip`) is placed as-is. `BlockCard`'s `meta` slot renders through this.
+ */
+export function HeaderMeta({ children }) {
+    if (typeof children !== 'string')
+        return _jsx(Box, { style: { flexShrink: 0 }, children: children });
+    return (_jsx(Text, { variant: "caption", color: "textSecondary", numeric: true, numberOfLines: 1, style: { fontSize: 12, flexShrink: 0 }, children: children }));
+}
+/* ── M5 · Tick number ─────────────────────────────────────────────────────── */
+/**
+ * **A number that changes by cross-fading — M5 (Solarium 0.2.0).** The old value fades out while the
+ * new one fades in, both in the same cell, at `--motion-state`; nothing travels (the Building Blocks
+ * handoff's ±100% slide was retired by 0.2.0). Reduced motion: it simply changes. Only the current
+ * value is in the accessibility tree — the leaving layer is `aria-hidden`.
+ */
+export function TickNumber({ value, format = n => n.toLocaleString('en-US'), fontSize = 30, label, tone, }) {
+    const { colors } = useDs();
+    const { previous, progress } = useTick(value);
+    const style = {
+        fontSize, lineHeight: Math.round(fontSize * 1.2), fontWeight: '600',
+        color: tone === 'apricot' ? colors.status.needsUser : colors.textPrimary,
+    };
+    return (_jsxs(Box, { style: { alignSelf: 'flex-start' }, "aria-label": label ? `${label}: ${format(value)}` : undefined, role: label ? 'img' : undefined, children: [_jsx(MotionView, { style: { opacity: progress }, children: _jsx(Text, { numeric: true, style: style, children: format(value) }) }), previous !== null ? (_jsx(MotionView, { "aria-hidden": true, style: { position: 'absolute', left: 0, top: 0, opacity: progress.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }) }, children: _jsx(Text, { numeric: true, style: style, children: format(previous) }) })) : null] }));
+}
+/* ── M11 · Skeleton ──────────────────────────────────────────────────────── */
+/**
+ * **A skeleton pill** — `--line-soft`, no shimmer. Solarium 0.2.0's M11: *"follows existing
+ * Skeleton; no added shimmer"* — the bars inside a white shell already say "loading", and a moving
+ * band is exactly the kind of decoration 0.2.0 removed.
+ */
+export function SkeletonBar({ width = '100%', height = 14 }) {
+    const { colors } = useDs();
+    return _jsx(Box, { height: height, radius: "pill", width: width, style: { backgroundColor: colors.band } });
+}
+/**
+ * **Status, unread, bullet — always paired with a label.** The label is required by the type:
+ * a dot on its own is colour carrying meaning, which the handoff's own rule forbids.
+ */
+export function Dot({ tone, label, size = 8 }) {
+    const { colors } = useDs();
+    const fill = tone === 'unread' ? colors.accentFill
+        : tone === 'bullet' ? colors.textTertiary
+            : colors.status[tone];
+    return (_jsxs(Box, { row: true, align: "center", gap: "s2", children: [_jsx(Box, { width: size, height: size, radius: "pill", style: { backgroundColor: fill } }), _jsx(Text, { variant: "caption", color: "textPrimary", children: label })] }));
+}
+/* ── D3 · Progress bar ───────────────────────────────────────────────────── */
+/** At or past this fraction the bar turns apricot and says so in words. */
+export const NEAR_LIMIT = 0.8;
+const TONE_HEIGHT = { limit: 8, accent: 6, neutral: 4, ink: 8, success: 8, attention: 8 };
+/**
+ * **A track and a fill — D3.** The fill tweens at `--motion-state` (M6); under reduced motion it
+ * jumps. `bare` drops the label row (the caller draws its own text beside it) but keeps the
+ * `progressbar` role and its name.
+ *
+ * The handoff says "<50% mint" and "≥80% apricot" and names nothing between; `limit` keeps mint up
+ * to the limit rather than inventing a third band (HANDOFF §6).
+ */
+export function ProgressBar({ label, value, max = 100, format, tone = 'limit', height, bare = false, track = 'band', }) {
+    const { colors } = useDs();
+    const fraction = max > 0 ? Math.min(1, Math.max(0, value / max)) : 0;
+    const near = tone === 'limit' && fraction >= NEAR_LIMIT;
+    const base = format ? format(value, max) : `${Math.round(fraction * 100)}%`;
+    const text = near ? `${base} · near limit` : base;
+    const width = useTween(fraction);
+    const h = height ?? TONE_HEIGHT[tone];
+    const fill = tone === 'limit' ? (near ? colors.status.needsUser : colors.status.executed)
+        : tone === 'accent' ? colors.accentFill
+            : tone === 'neutral' ? colors.textSecondary
+                : tone === 'ink' ? colors.textPrimary
+                    : tone === 'success' ? colors.status.executed
+                        : colors.status.needsUser;
+    const bar = (_jsx(Box, { height: h, radius: "pill", role: "progressbar", "aria-label": label, "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": max, "aria-valuetext": text, style: { backgroundColor: track === 'surface' ? colors.surface1 : colors.band, overflow: 'hidden' }, children: _jsx(MotionView, { style: {
+                height: h,
+                borderRadius: h / 2,
+                backgroundColor: fill,
+                width: width.interpolate({ inputRange: [0, 1], outputRange: ['0%', '100%'] }),
+            } }) }));
+    if (bare)
+        return bar;
+    return (_jsxs(Box, { gap: "s1", children: [_jsxs(Box, { row: true, justify: "space-between", gap: "s2", children: [_jsx(Text, { variant: "caption", color: "textPrimary", numberOfLines: 1, style: { flexShrink: 1 }, children: label }), _jsx(Text, { variant: "caption", numeric: true, numberOfLines: 1, style: { fontSize: 12, color: near ? colors.status.needsUser : colors.textSecondary, fontWeight: near ? '600' : '400' }, children: text })] }), bar] }));
+}
+export function allocationOf(value, total) {
+    return value === total ? 'exact' : value > total ? 'over' : 'under';
+}
+/**
+ * **A value against a fixed total, in a well — D4 as the onboarding handoff draws it (B9).**
+ * "Allocated" and a unit hint; the value at 24/600 cross-fading on change (M5) followed by
+ * "of $25,000"; an 8px bar on a white track, ink under the total, mint exactly at it, apricot over
+ * it. The bar is a `progressbar` whose value is the percentage and whose text says the state.
+ */
+export function StatWell({ label, hint, value, total, format = n => n.toLocaleString('en-US'), }) {
+    const { colors } = useDs();
+    const state = allocationOf(value, total);
+    const pct = total > 0 ? Math.round((value / total) * 100) : 0;
+    const words = state === 'exact' ? 'fully allocated' : state === 'over' ? `over by ${format(value - total)}` : `${format(total - value)} remaining`;
+    return (_jsxs(Box, { gap: "s2", style: { borderRadius: blockRadii.mid, backgroundColor: colors.surfaceSunken, paddingVertical: 14, paddingHorizontal: 16 }, children: [_jsxs(Box, { row: true, justify: "space-between", gap: "s2", children: [_jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: label }), hint ? _jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, numberOfLines: 1, children: hint }) : null] }), _jsxs(Box, { row: true, align: "flex-end", gap: "s2", wrap: true, children: [_jsx(TickNumber, { value: value, format: format, fontSize: 24, tone: state === 'over' ? 'apricot' : 'default', label: label }), _jsx(Text, { variant: "caption", color: "textSecondary", numeric: true, style: { fontSize: 13, paddingBottom: 4 }, children: `of ${format(total)}` })] }), _jsx(ProgressBar, { bare: true, track: "surface", label: `${label}: ${pct}% of ${format(total)}`, value: Math.min(value, total), max: total, format: () => `${pct}% · ${words}`, tone: state === 'exact' ? 'success' : state === 'over' ? 'attention' : 'ink' })] }));
+}
+/**
+ * **A header status chip whose label cross-fades when it changes — M9 (onboarding B8).** Neutral is
+ * a count ("2 selected"); success is mint with a dot ("Saved"); attention is apricot with a dot
+ * ("Needs attention"). The word carries the state; the colour repeats it.
+ */
+export function StateChip({ tone = 'neutral', children, dot }) {
+    const { colors } = useDs();
+    const fade = useSwap(`${tone}:${children}:${dot}`);
+    const withDot = dot ?? tone !== 'neutral';
+    const custom = tone === 'neutral' ? withDot : !withDot;
+    const ground = tone === 'neutral' ? colors.band : tone === 'success' ? colors.statusBg.executed : colors.statusBg.needsUser;
+    const ink = tone === 'neutral' ? colors.textSecondary : tone === 'success' ? colors.status.executed : colors.status.needsUser;
+    return (_jsx(MotionView, { style: { opacity: fade }, children: custom ? (_jsxs(Box, { row: true, align: "center", alignSelf: "flex-start", gap: "s1", height: 24, radius: "pill", style: { paddingHorizontal: 10, backgroundColor: ground }, children: [withDot ? _jsx(Box, { width: 6, height: 6, radius: "pill", style: { backgroundColor: ink } }) : null, _jsx(Text, { variant: "caption", numeric: true, numberOfLines: 1, style: { color: ink, fontSize: 12, lineHeight: 16, fontWeight: '600' }, children: children })] })) : tone === 'neutral'
+            ? _jsx(MetaChip, { kind: "count", hue: "neutral", children: children })
+            : _jsx(MetaChip, { kind: "status", status: tone === 'success' ? 'executed' : 'needsUser', children: children }) }));
+}
+/**
+ * **32px circles, −8px overlap, a 2px ring, "+n" after `max`.** One image with one name for a
+ * screen reader — "Maya K., Jon L., Ana R. and 2 more" — rather than five unlabelled circles.
+ * Avatars are people, not categories, so they take the neutral well rather than a hue.
+ */
+export function AvatarGroup({ people, max = 3, size = 32, total, fill = 'well' }) {
+    const { colors } = useDs();
+    const shown = people.slice(0, max);
+    const rest = Math.max(total ?? people.length, people.length) - shown.length;
+    const name = rest > 0
+        ? `${shown.map(p => p.name).join(', ')} and ${rest} more`
+        : shown.map(p => p.name).join(', ');
+    const circle = (key, text, i) => (_jsx(Box, { width: size, height: size, align: "center", justify: "center", radius: "pill", style: {
+            marginLeft: i === 0 ? 0 : -8,
+            backgroundColor: fill === 'band' ? colors.band : colors.surfaceSunken,
+            borderWidth: 2,
+            borderColor: colors.surface1,
+        }, children: _jsx(Text, { variant: "caption", numeric: true, style: { fontSize: 11, fontWeight: '600', color: fill === 'band' ? colors.textPrimary : colors.textSecondary }, children: text }) }, key));
+    return (_jsxs(Box, { row: true, align: "center", role: "img", "aria-label": name, alignSelf: "flex-start", children: [shown.map((p, i) => circle(p.id, p.initials, i)), rest > 0 ? circle('rest', `+${rest}`, shown.length) : null] }));
+}
+const CHECK_WORD = { pass: 'Met', pending: 'Not yet', fail: 'Not met' };
+/**
+ * **A requirement and whether it is met — pass, pending, fail.** An 18px circle: pass is mint with
+ * a tick, pending is a hollow `controlBorder` ring, fail is apricot with a cross. The glyph carries
+ * its word for a screen reader. "Fail only after submit" is the caller's rule: show `pending`
+ * until the user has tried, so a form does not open covered in failures.
+ */
+export function CheckItem({ state, children }) {
+    const { colors } = useDs();
+    const skin = state === 'pass'
+        ? { bg: colors.statusBg.executed, ink: colors.status.executed, border: colors.statusBg.executed }
+        : state === 'fail'
+            ? { bg: colors.statusBg.needsUser, ink: colors.status.needsUser, border: colors.statusBg.needsUser }
+            : { bg: colors.surface1, ink: colors.textSecondary, border: colors.controlBorder };
+    return (_jsxs(Box, { row: true, align: "center", gap: "s2", role: "listitem", children: [_jsxs(Box, { width: 18, height: 18, align: "center", justify: "center", radius: "pill", style: { backgroundColor: skin.bg, borderWidth: 1.5, borderColor: skin.border }, children: [state === 'pass' ? _jsx(Icon, { name: "check", size: 11, color: skin.ink, label: CHECK_WORD.pass }) : null, state === 'fail' ? _jsx(Icon, { name: "close", size: 11, color: skin.ink, label: CHECK_WORD.fail }) : null, state === 'pending' ? _jsx(Box, { "aria-label": CHECK_WORD.pending, role: "img" }) : null] }), _jsx(Text, { variant: "caption", color: state === 'pending' ? 'textSecondary' : 'textPrimary', style: { flexShrink: 1 }, children: children })] }));
+}
+/** A list of `CheckItem`s — the list semantics a screen reader needs to count them. */
+export function CheckList({ label, children }) {
+    return _jsx(Box, { role: "list", "aria-label": label, gap: "s2", children: children });
+}
+/* ── D8 · Code block ─────────────────────────────────────────────────────── */
+/** How long "Copied" stays before the button returns to "Copy". */
+export const COPIED_MS = 1600;
+/**
+ * **Mono 12/1.6 in a well, with Copy.** Long lines scroll horizontally inside the well rather than
+ * wrap (wrapping JSON changes what it looks like it says) or push the page wider.
+ *
+ * `onCopy` is the host's clipboard — React Native has none built in. Omitted on the web, the
+ * browser clipboard is used when it exists. The confirmation swaps in (M4) and is announced.
+ */
+export function CodeBlock({ code, label = 'Code', onCopy, bare = false, minHeight, }) {
+    const { colors, fonts } = useDs();
+    if (bare) {
+        return (_jsx(Box, { style: { borderRadius: blockRadii.inset, backgroundColor: colors.surface1, borderWidth: 1, borderColor: colors.hairline, minHeight }, children: _jsx(Scroll, { horizontal: true, indicator: true, p: "s3", children: _jsx(Text, { style: { fontFamily: fonts.mono, fontSize: 12, lineHeight: 19, color: colors.textPrimary }, children: code }) }) }));
+    }
+    return _jsx(CodeBlockWithCopy, { code: code, label: label, onCopy: onCopy });
+}
+function CodeBlockWithCopy({ code, label, onCopy }) {
+    const { colors, fonts } = useDs();
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(null);
+    useEffect(() => () => { if (timer.current)
+        clearTimeout(timer.current); }, []);
+    const fade = useSwap(copied ? 'copied' : 'copy');
+    const copy = async () => {
+        const clip = globalThis.navigator?.clipboard;
+        try {
+            if (onCopy)
+                await onCopy(code);
+            else
+                await clip?.writeText(code);
+        }
+        catch {
+            return; // a refused clipboard is not "Copied"
+        }
+        setCopied(true);
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), COPIED_MS);
+    };
+    return (_jsxs(Box, { style: { borderRadius: blockRadii.inset, backgroundColor: colors.surfaceSunken }, children: [_jsxs(Box, { row: true, justify: "space-between", align: "center", px: "s3", pt: "s2", children: [_jsx(Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: label }), _jsx(Pressable, { onPress: copy, "aria-label": copied ? 'Copied' : `Copy ${label.toLowerCase()}`, px: "s2", py: "s1", radius: "field", children: _jsxs(MotionView, { style: { opacity: fade, flexDirection: 'row', alignItems: 'center', gap: 4 }, children: [copied ? _jsx(Icon, { name: "check", size: 12, color: colors.status.executed }) : null, _jsx(Text, { variant: "caption", style: { fontSize: 12, fontWeight: '600', color: copied ? colors.status.executed : colors.textPrimary }, children: copied ? 'Copied' : 'Copy' })] }) })] }), _jsx(Box, { role: "status", "aria-live": "polite", style: { position: 'absolute', width: 1, height: 1, overflow: 'hidden', opacity: 0 }, children: _jsx(Text, { children: copied ? `${label} copied` : '' }) }), _jsx(Scroll, { horizontal: true, indicator: true, px: "s3", py: "s2", children: _jsx(Text, { style: { fontFamily: fonts.mono, fontSize: 12, lineHeight: 19, color: colors.textPrimary }, children: code }) })] }));
+}
+/* ── D10 · Media slot ────────────────────────────────────────────────────── */
+/**
+ * **A fixed-ratio frame: the space is reserved before the media arrives, so nothing shifts.**
+ * Empty, it is the well with its label. `caption` is the text form of what the media shows —
+ * a QR code's setup key — because an image of a code is useless to anyone who cannot scan it.
+ */
+export function MediaSlot({ ratio = 1, label, caption, children, maxWidth = 200, }) {
+    const { colors } = useDs();
+    return (_jsxs(Box, { gap: "s2", style: { width: '100%', maxWidth }, children: [_jsx(Box, { role: "img", "aria-label": label, align: "center", justify: "center", style: { width: '100%', aspectRatio: ratio, borderRadius: blockRadii.inset, backgroundColor: colors.surfaceSunken, overflow: 'hidden' }, children: children ?? _jsx(Text, { variant: "caption", color: "textSecondary", children: label }) }), caption !== undefined ? (typeof caption === 'string'
+                ? _jsx(Text, { variant: "caption", mono: true, color: "textPrimary", style: { fontSize: 12 }, children: caption })
+                : caption) : null] }));
+}
+//# sourceMappingURL=blockDisplay.js.map

package/dist/esm/ds/blockDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockDisplay.js","sourceRoot":"","sources":["../../../src/ds/blockDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EACL,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,GAC3E,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,KAAK,EAAe,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;GAIG;AAEH,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAA2B;IAC9D,IAAI,OAAO,QAAQ,KAAK,QAAQ;QAAE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,CAAC;IACzF,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,QAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAC3G,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,GAS3E;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG;QACZ,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAE,UAAU,EAAE,KAAc;QAC5E,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW;KACzE,CAAC;IACF,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAc,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,aACpI,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YACtC,KAAC,IAAI,IAAC,OAAO,QAAC,KAAK,EAAE,KAAK,YAAG,MAAM,CAAC,KAAK,CAAC,GAAQ,GACvC,EACZ,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,UAAU,yBAAa,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,YAClJ,KAAC,IAAI,IAAC,OAAO,QAAC,KAAK,EAAE,KAAK,YAAG,MAAM,CAAC,QAAQ,CAAC,GAAQ,GAC1C,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAEhF;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,EAAE,EAAsD;IAC7G,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,OAAO,KAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,GAAI,CAAC;AACtG,CAAC;AAMD;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,EAAmD;IAC5F,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU;QAChD,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY;YACzC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,GAAI,EAClF,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,YAAE,KAAK,GAAQ,IACtD,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAEhF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;AAW9B,MAAM,WAAW,GAAiC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAExH;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,MAAM,GActF;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC;IACxD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC;IAC5E,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;QACvF,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU;YACvC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa;gBAC3C,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW;oBACrC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ;wBAC7C,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAE5B,MAAM,GAAG,GAAG,CACV,KAAC,GAAG,IACF,MAAM,EAAE,CAAC,EACT,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,aAAa,gBACN,KAAK,mBACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,mBACjB,CAAC,mBACD,GAAG,oBACF,IAAI,EACpB,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACnG,KAAC,UAAU,IACT,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC,GAAG,CAAC;gBACnB,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC;aAC9E,GACD,GACE,CACP,CAAC;IACF,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAErB,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,aACX,MAAC,GAAG,IAAC,GAAG,QAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACvC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,EAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,KAAK,GAAQ,EACtG,KAAC,IAAI,IACH,OAAO,EAAC,SAAS,EACjB,OAAO,QACP,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,YACtH,IAAI,GACA,IACH,EACL,GAAG,IACA,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,KAAa;IACvD,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtE,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,GAOnE;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC;IACnJ,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,GAAG,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,aACtI,MAAC,GAAG,IAAC,GAAG,QAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACvC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,KAAK,GAAQ,EACpF,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACjH,EACN,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,mBACrC,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,EACxH,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,YAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,GAAQ,IAC3H,EACN,KAAC,WAAW,IACV,IAAI,QACJ,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,GAAG,KAAK,KAAK,GAAG,QAAQ,MAAM,CAAC,KAAK,CAAC,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,EAC7B,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,OAAO,KAAK,EAAE,EAClC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,GAC5E,IACE,CACP,CAAC;AACJ,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,EAQ1D;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,GAAG,IAAI,IAAI,KAAK,SAAS,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACvD,MAAM,MAAM,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;IAC5H,MAAM,GAAG,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAC9H,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YACjC,MAAM,CAAC,CAAC,CAAC,CACR,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,aACxI,OAAO,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7F,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,QAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,QAAQ,GAAQ,IACvI,CACP,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS;YACpB,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,YAAE,QAAQ,GAAY;YAC5D,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,YAAG,QAAQ,GAAY,GAC7F,CACd,CAAC;AACJ,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,EAQ7E;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5E,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC;QACnB,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,OAAO;QACzD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,CAAS,EAAE,EAAE,CAAC,CACvD,KAAC,GAAG,IAEF,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE;YACL,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,eAAe,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa;YACrE,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,QAAQ;SAC7B,YACD,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,YAAG,IAAI,GAAQ,IAZxJ,GAAG,CAaJ,CACP,CAAC;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,gBAAa,IAAI,EAAE,SAAS,EAAC,YAAY,aACxE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAChD,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACvD,CACP,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,GAAmC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAExG;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA+C;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM;QAC3B,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;QACjG,CAAC,CAAC,KAAK,KAAK,MAAM;YAChB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE;YACpG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC;IACvF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,aAC9C,MAAC,GAAG,IACF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,aAC9E,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAClG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAClG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,GAAG,kBAAa,UAAU,CAAC,OAAO,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,IAC5E,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAC3G,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC;AAED,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0C;IACnF,OAAO,KAAC,GAAG,IAAC,IAAI,EAAC,MAAM,gBAAa,KAAK,EAAE,GAAG,EAAC,IAAI,YAAE,QAAQ,GAAO,CAAC;AACvE,CAAC;AAED,gFAAgF;AAEhF,mEAAmE;AACnE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;AAE9B;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,GAWtD;IACC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC;IAClC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,YACvI,KAAC,MAAM,IAAC,UAAU,QAAC,SAAS,QAAC,CAAC,EAAC,IAAI,YACjC,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,YAAG,IAAI,GAAQ,GACxG,GACL,CACP,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzE,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAoF;IAClI,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACjE,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,KAAK,CAAC,OAAO;QAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/E,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACtB,MAAM,IAAI,GAAI,UAA0F,CAAC,SAAS,EAAE,SAAS,CAAC;QAC9H,IAAI,CAAC;YACH,IAAI,MAAM;gBAAE,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC;;gBAC1B,MAAM,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,CAAC,sCAAsC;QAChD,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,IAAI,KAAK,CAAC,OAAO;YAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/C,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,aACnF,MAAC,GAAG,IAAC,GAAG,QAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,aAC7D,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,KAAK,GAAQ,EACrF,KAAC,SAAS,IAAC,OAAO,EAAE,IAAI,gBAAc,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,YACrH,MAAC,UAAU,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACrF,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,YAC5H,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACtB,IACI,GACH,IACR,EACN,KAAC,GAAG,IAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,YACxH,KAAC,IAAI,cAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAQ,GAC1C,EACN,KAAC,MAAM,IAAC,UAAU,QAAC,SAAS,QAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAC1C,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,YAAG,IAAI,GAAQ,GACxG,IACL,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAEhF;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG,GAQpD;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAC9C,KAAC,GAAG,IACF,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACtI,QAAQ,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,YAAE,KAAK,GAAQ,GACrE,EACL,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,OAAO,OAAO,KAAK,QAAQ;gBACzB,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,QAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,OAAO,GAAQ;gBAC5F,CAAC,CAAC,OAAO,CACZ,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/ds/blockLayout.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from 'react';
+/**
+ * **Solarium Building Blocks — layout.** S4 Card grid · S5 Two-panel.
+ *
+ * Structure only. Neither draws a card: the grid places whatever cards it is given (normally
+ * `BlockCard`s) and the two-panel places a sidebar beside a list. Both measure their OWN width
+ * rather than the viewport's, because a block embedded in a 400px side panel on a desktop is a
+ * phone-width block — the container-query rule `OutputWidgetShell` already follows.
+ */
+/** Columns for a container `width` wide: as many `minItem`-wide columns as fit, 1..`max`. Pure. */
+export declare function gridColumns(width: number, minItem: number, max: number, gap: number): number;
+/**
+ * **1–3 columns, each at least 160px; an odd last tile never stretches.** Every tile is exactly one
+ * column wide — a flex-grow grid would stretch a lone last tile across the row and make it read as
+ * the most important card on the page.
+ */
+export declare function CardGrid({ children, minItemWidth, maxColumns, gap, label, }: {
+    children: ReactNode;
+    minItemWidth?: number;
+    maxColumns?: 1 | 2 | 3;
+    gap?: 's2' | 's3' | 's4';
+    /** A name when the grid is a meaningful group ("Dashboards"). Rendered as a list. */
+    label?: string;
+}): import("react").JSX.Element;
+/** Below this container width the sidebar stacks above the list. */
+export declare const TWO_PANEL_STACK = 560;
+/** The sidebar's width for a container: 28% of it, clamped to 112–240. Pure. */
+export declare function sidebarWidth(width: number): number;
+/**
+ * **A sidebar (112–240px) beside a list; stacked below 560px.** The sidebar is a navigation
+ * region named by `label`; the list is whatever `children` is. Stacked, the sidebar becomes a
+ * wrapping row of the same items above the list, so no filter is ever hidden behind a toggle.
+ */
+export declare function TwoPanel({ label, sidebar, children, }: {
+    /** The sidebar's name — "Filters", "Folders". */
+    label: string;
+    sidebar: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * **One sidebar item: 26px, radius 6; the selected one is white with ink text.** `aria-current`
+ * marks it, because in a sidebar the selection is *where you are*, not a toggle.
+ */
+export declare function PanelItem({ label, count, selected, onPress, }: {
+    label: string;
+    /** Right-aligned, tabular — the number of results this item holds. */
+    count?: number;
+    selected: boolean;
+    onPress: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=blockLayout.d.ts.map

package/dist/esm/ds/blockLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockLayout.d.ts","sourceRoot":"","sources":["../../../src/ds/blockLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D;;;;;;;GAOG;AAIH,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5F;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EAAE,YAAkB,EAAE,UAAc,EAAE,GAAU,EAAE,KAAK,GAChE,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAoBA;AAMD,oEAAoE;AACpE,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,OAAO,EAAE,QAAQ,GACzB,EAAE;IACD,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA4BA;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAChC,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqBA"}

package/dist/esm/ds/blockLayout.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, useState } from 'react';
+import { Box, Pressable, Text } from '../core';
+import { blockRadii, space, useDs } from '../tokens';
+/**
+ * **Solarium Building Blocks — layout.** S4 Card grid · S5 Two-panel.
+ *
+ * Structure only. Neither draws a card: the grid places whatever cards it is given (normally
+ * `BlockCard`s) and the two-panel places a sidebar beside a list. Both measure their OWN width
+ * rather than the viewport's, because a block embedded in a 400px side panel on a desktop is a
+ * phone-width block — the container-query rule `OutputWidgetShell` already follows.
+ */
+/* ── S4 · Card grid ──────────────────────────────────────────────────────── */
+/** Columns for a container `width` wide: as many `minItem`-wide columns as fit, 1..`max`. Pure. */
+export function gridColumns(width, minItem, max, gap) {
+    if (width <= 0)
+        return 1;
+    return Math.max(1, Math.min(max, Math.floor((width + gap) / (minItem + gap))));
+}
+/**
+ * **1–3 columns, each at least 160px; an odd last tile never stretches.** Every tile is exactly one
+ * column wide — a flex-grow grid would stretch a lone last tile across the row and make it read as
+ * the most important card on the page.
+ */
+export function CardGrid({ children, minItemWidth = 160, maxColumns = 3, gap = 's3', label, }) {
+    const [width, setWidth] = useState(0);
+    const g = GAP[gap];
+    const cols = gridColumns(width, minItemWidth, maxColumns, g);
+    const tile = width > 0 ? (width - g * (cols - 1)) / cols : undefined;
+    return (_jsx(Box, { row: true, wrap: true, role: label ? 'list' : undefined, "aria-label": label, onLayout: e => setWidth(e.nativeEvent.layout.width), style: { gap: g, width: '100%' }, children: Children.toArray(children).map((child, i) => (_jsx(Box, { role: label ? 'listitem' : undefined, style: { width: tile ?? '100%', minWidth: 0 }, children: child }, i))) }));
+}
+const GAP = { s2: space.s2, s3: space.s3, s4: space.s4 };
+/* ── S5 · Two-panel ──────────────────────────────────────────────────────── */
+/** Below this container width the sidebar stacks above the list. */
+export const TWO_PANEL_STACK = 560;
+/** The sidebar's width for a container: 28% of it, clamped to 112–240. Pure. */
+export function sidebarWidth(width) {
+    return Math.round(Math.min(240, Math.max(112, width * 0.28)));
+}
+/**
+ * **A sidebar (112–240px) beside a list; stacked below 560px.** The sidebar is a navigation
+ * region named by `label`; the list is whatever `children` is. Stacked, the sidebar becomes a
+ * wrapping row of the same items above the list, so no filter is ever hidden behind a toggle.
+ */
+export function TwoPanel({ label, sidebar, children, }) {
+    const { colors } = useDs();
+    const [width, setWidth] = useState(0);
+    const stacked = width > 0 && width < TWO_PANEL_STACK;
+    return (_jsxs(Box, { row: !stacked, gap: "s3", onLayout: e => setWidth(e.nativeEvent.layout.width), style: { width: '100%' }, children: [_jsx(Box, { role: "navigation", "aria-label": label, p: "s1", gap: "s1", row: stacked, wrap: stacked, style: {
+                    width: stacked ? '100%' : sidebarWidth(width || TWO_PANEL_STACK),
+                    borderRadius: blockRadii.inset,
+                    backgroundColor: colors.surfaceSunken,
+                    alignSelf: stacked ? 'stretch' : 'flex-start',
+                }, children: sidebar }), _jsx(Box, { flex: stacked ? undefined : 1, style: { minWidth: 0 }, children: children })] }));
+}
+/**
+ * **One sidebar item: 26px, radius 6; the selected one is white with ink text.** `aria-current`
+ * marks it, because in a sidebar the selection is *where you are*, not a toggle.
+ */
+export function PanelItem({ label, count, selected, onPress, }) {
+    const { colors } = useDs();
+    return (_jsxs(Pressable, { onPress: onPress, "aria-current": selected ? 'page' : undefined, "aria-label": count === undefined ? label : `${label}, ${count}`, row: true, justify: "space-between", gap: "s2", px: "s2", minHeight: 26, style: {
+            borderRadius: blockRadii.tile,
+            backgroundColor: selected ? colors.surface1 : undefined,
+            boxShadow: selected ? `0 1px 2px ${colors.hairlineStrong}` : undefined,
+        }, children: [_jsx(Text, { variant: "caption", color: selected ? 'textPrimary' : 'textSecondary', numberOfLines: 1, style: { fontSize: 12, fontWeight: selected ? '600' : '400' }, children: label }), count !== undefined ? _jsx(Text, { variant: "caption", color: "textSecondary", numeric: true, style: { fontSize: 11 }, children: String(count) }) : null] }));
+}
+//# sourceMappingURL=blockLayout.js.map

package/dist/esm/ds/blockLayout.js.map

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