@orangecheck/app-design 1.0.0 → 1.1.0

package/dist/docs-DhnstueM.d.ts

@@ -0,0 +1,219 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, TableHTMLAttributes } from 'react';
+import { j as ProtocolSlug, S as SiteStatus, b as FamilyGroup, d as FamilySlug } from './index-C6hDqOOS.js';
+import { a as Status } from './status-badge-BEOxeY9j.js';
+import { T as TocItem } from './hero-Dn37il-9.js';
+
+declare function languageName(lang?: string): string | undefined;
+interface CodeBlockProps {
+    code?: string;
+    html?: string;
+    children?: ReactNode;
+    lang?: string;
+    caption?: ReactNode;
+    copy?: boolean;
+    clearAfter?: number;
+    maxLines?: number;
+    highlight?: string | readonly number[];
+    diff?: boolean;
+    lineNumbers?: boolean;
+    actions?: ReactNode;
+    className?: string;
+}
+declare function CodeBlock({ code, html, children, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, actions, className, }: CodeBlockProps): react.JSX.Element;
+interface CodeTab {
+    label: string;
+    code: string;
+    lang?: string;
+}
+declare function CodeTabs({ items, syncKey, defaultValue, maxLines, className, }: {
+    items: CodeTab[];
+    syncKey?: string;
+    defaultValue?: string;
+    maxLines?: number;
+    className?: string;
+}): react.JSX.Element;
+declare function InstallTabs({ pkg, dev, className }: {
+    pkg: string;
+    dev?: boolean;
+    className?: string;
+}): react.JSX.Element;
+
+declare function ProtocolGrid({ protocols, link, className, }: {
+    protocols?: readonly ProtocolSlug[];
+    link?: 'page' | 'tool' | 'docs';
+    className?: string;
+}): react.JSX.Element;
+interface AppCardProps {
+    name: ReactNode;
+    line: ReactNode;
+    href: string;
+    protocols?: readonly ProtocolSlug[];
+    status?: SiteStatus;
+    className?: string;
+}
+declare function AppCard({ name, line, href, protocols, status, className }: AppCardProps): react.JSX.Element;
+declare function AppGrid({ group, sites, className, }: {
+    group?: Extract<FamilyGroup, 'app' | 'public-good'>;
+    sites?: readonly FamilySlug[];
+    className?: string;
+}): react.JSX.Element;
+
+declare function ProtocolHero({ protocol, title, lead, actions, art, children, className, }: {
+    protocol: ProtocolSlug;
+    title: ReactNode;
+    lead?: ReactNode;
+    actions?: ReactNode;
+    art?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function ProtocolNav({ current, link, className, }: {
+    current?: ProtocolSlug;
+    link?: 'page' | 'tool';
+    className?: string;
+}): react.JSX.Element;
+declare function SpecCard({ protocol, version, license, vectors, size, className, }: {
+    protocol: ProtocolSlug;
+    version: string;
+    license?: string;
+    vectors?: number;
+    size?: 'md' | 'sm';
+    className?: string;
+}): react.JSX.Element;
+declare function VerifyBox({ action, param, title, description, label, placeholder, hint, submitLabel, multiline, onVerify, className, }: {
+    action: string;
+    param?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    label?: ReactNode;
+    placeholder?: string;
+    hint?: ReactNode;
+    submitLabel?: string;
+    multiline?: boolean;
+    onVerify?: (value: string) => void;
+    className?: string;
+}): react.JSX.Element;
+interface ComparisonColumn {
+    key: string;
+    label: ReactNode;
+    highlight?: boolean;
+}
+interface ComparisonRow {
+    label: ReactNode;
+    note?: ReactNode;
+    values: Record<string, ReactNode>;
+}
+declare function ComparisonTable({ columns, rows, label, propertyHeading, className, }: {
+    columns: ComparisonColumn[];
+    rows: ComparisonRow[];
+    label: string;
+    propertyHeading?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
+interface Crumb {
+    label: ReactNode;
+    href?: string;
+}
+declare function Breadcrumbs({ items, action, className }: {
+    items: Crumb[];
+    action?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+interface PagerLink {
+    href: string;
+    label: ReactNode;
+    section?: ReactNode;
+}
+declare function DocsPager({ prev, next, className }: {
+    prev?: PagerLink;
+    next?: PagerLink;
+    className?: string;
+}): react.JSX.Element | null;
+declare function useHeadings(selector?: string, key?: string): {
+    items: TocItem[];
+    activeId?: string;
+};
+declare function OnThisPage({ items, activeId, title, onNavigate, className, }: {
+    items: TocItem[];
+    activeId?: string;
+    title?: ReactNode;
+    onNavigate?: () => void;
+    className?: string;
+}): react.JSX.Element | null;
+declare const CALLOUT_TONE: {
+    readonly note: "neutral";
+    readonly warning: "brand";
+    readonly danger: "danger";
+};
+declare function Callout({ tone, title, children, className, }: {
+    tone?: keyof typeof CALLOUT_TONE;
+    title?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function Step({ title, id, children }: {
+    title: ReactNode;
+    id?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function Steps({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function LinkCard({ href, title, description, icon, meta, className, }: {
+    href: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    meta?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function CardGrid({ columns, children, className }: {
+    columns?: 2 | 3;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function MdxTable({ className, ...props }: TableHTMLAttributes<HTMLTableElement>): react.JSX.Element;
+interface ApiRow {
+    name: string;
+    type?: ReactNode;
+    required?: boolean;
+    default?: ReactNode;
+    description?: ReactNode;
+    deprecated?: boolean;
+    status?: Exclude<Status, 'live' | 'good' | 'caution' | 'refused'>;
+}
+declare function ApiTable({ rows, caption, nameHeader, className, }: {
+    rows: ApiRow[];
+    caption?: string;
+    nameHeader?: string;
+    className?: string;
+}): react.JSX.Element;
+interface MermaidLike {
+    initialize(config: Record<string, unknown>): void;
+    render(id: string, text: string): Promise<{
+        svg: string;
+    }>;
+}
+type MermaidLoader = () => Promise<MermaidLike | {
+    default: MermaidLike;
+}>;
+declare function Diagram({ chart, caption, load, className }: {
+    chart: string;
+    caption?: ReactNode;
+    load: MermaidLoader;
+    className?: string;
+}): react.JSX.Element;
+declare const HEADING: {
+    readonly h1: "oca-display-3 mb-4 text-foreground";
+    readonly h2: "mb-3 mt-12 text-[1.375rem] font-medium leading-tight tracking-[-0.015em] text-foreground md:text-[1.5rem]";
+    readonly h3: "mb-2 mt-9 text-[1.125rem] font-medium leading-snug tracking-[-0.01em] text-foreground";
+    readonly h4: "mb-2 mt-7 text-[1rem] font-medium leading-snug text-foreground";
+};
+declare function DocsHeading({ as: Tag, id, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+    as: keyof typeof HEADING;
+}): react.JSX.Element;
+
+export { type ApiRow as A, Breadcrumbs as B, Callout as C, Diagram as D, InstallTabs as I, LinkCard as L, MdxTable as M, OnThisPage as O, type PagerLink as P, SpecCard as S, VerifyBox as V, ApiTable as a, AppCard as b, type AppCardProps as c, AppGrid as d, CardGrid as e, CodeBlock as f, type CodeBlockProps as g, type CodeTab as h, CodeTabs as i, type ComparisonColumn as j, type ComparisonRow as k, ComparisonTable as l, type Crumb as m, DocsHeading as n, DocsPager as o, type MermaidLike as p, type MermaidLoader as q, ProtocolGrid as r, ProtocolHero as s, ProtocolNav as t, Step as u, Steps as v, languageName as w, useHeadings as x };

package/dist/docs-DiR6s43s.d.mts

@@ -0,0 +1,219 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, TableHTMLAttributes } from 'react';
+import { j as ProtocolSlug, S as SiteStatus, b as FamilyGroup, d as FamilySlug } from './index-C6hDqOOS.mjs';
+import { a as Status } from './status-badge-DRwGhB0h.mjs';
+import { T as TocItem } from './hero-Dn37il-9.mjs';
+
+declare function languageName(lang?: string): string | undefined;
+interface CodeBlockProps {
+    code?: string;
+    html?: string;
+    children?: ReactNode;
+    lang?: string;
+    caption?: ReactNode;
+    copy?: boolean;
+    clearAfter?: number;
+    maxLines?: number;
+    highlight?: string | readonly number[];
+    diff?: boolean;
+    lineNumbers?: boolean;
+    actions?: ReactNode;
+    className?: string;
+}
+declare function CodeBlock({ code, html, children, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, actions, className, }: CodeBlockProps): react.JSX.Element;
+interface CodeTab {
+    label: string;
+    code: string;
+    lang?: string;
+}
+declare function CodeTabs({ items, syncKey, defaultValue, maxLines, className, }: {
+    items: CodeTab[];
+    syncKey?: string;
+    defaultValue?: string;
+    maxLines?: number;
+    className?: string;
+}): react.JSX.Element;
+declare function InstallTabs({ pkg, dev, className }: {
+    pkg: string;
+    dev?: boolean;
+    className?: string;
+}): react.JSX.Element;
+
+declare function ProtocolGrid({ protocols, link, className, }: {
+    protocols?: readonly ProtocolSlug[];
+    link?: 'page' | 'tool' | 'docs';
+    className?: string;
+}): react.JSX.Element;
+interface AppCardProps {
+    name: ReactNode;
+    line: ReactNode;
+    href: string;
+    protocols?: readonly ProtocolSlug[];
+    status?: SiteStatus;
+    className?: string;
+}
+declare function AppCard({ name, line, href, protocols, status, className }: AppCardProps): react.JSX.Element;
+declare function AppGrid({ group, sites, className, }: {
+    group?: Extract<FamilyGroup, 'app' | 'public-good'>;
+    sites?: readonly FamilySlug[];
+    className?: string;
+}): react.JSX.Element;
+
+declare function ProtocolHero({ protocol, title, lead, actions, art, children, className, }: {
+    protocol: ProtocolSlug;
+    title: ReactNode;
+    lead?: ReactNode;
+    actions?: ReactNode;
+    art?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function ProtocolNav({ current, link, className, }: {
+    current?: ProtocolSlug;
+    link?: 'page' | 'tool';
+    className?: string;
+}): react.JSX.Element;
+declare function SpecCard({ protocol, version, license, vectors, size, className, }: {
+    protocol: ProtocolSlug;
+    version: string;
+    license?: string;
+    vectors?: number;
+    size?: 'md' | 'sm';
+    className?: string;
+}): react.JSX.Element;
+declare function VerifyBox({ action, param, title, description, label, placeholder, hint, submitLabel, multiline, onVerify, className, }: {
+    action: string;
+    param?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    label?: ReactNode;
+    placeholder?: string;
+    hint?: ReactNode;
+    submitLabel?: string;
+    multiline?: boolean;
+    onVerify?: (value: string) => void;
+    className?: string;
+}): react.JSX.Element;
+interface ComparisonColumn {
+    key: string;
+    label: ReactNode;
+    highlight?: boolean;
+}
+interface ComparisonRow {
+    label: ReactNode;
+    note?: ReactNode;
+    values: Record<string, ReactNode>;
+}
+declare function ComparisonTable({ columns, rows, label, propertyHeading, className, }: {
+    columns: ComparisonColumn[];
+    rows: ComparisonRow[];
+    label: string;
+    propertyHeading?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
+interface Crumb {
+    label: ReactNode;
+    href?: string;
+}
+declare function Breadcrumbs({ items, action, className }: {
+    items: Crumb[];
+    action?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+interface PagerLink {
+    href: string;
+    label: ReactNode;
+    section?: ReactNode;
+}
+declare function DocsPager({ prev, next, className }: {
+    prev?: PagerLink;
+    next?: PagerLink;
+    className?: string;
+}): react.JSX.Element | null;
+declare function useHeadings(selector?: string, key?: string): {
+    items: TocItem[];
+    activeId?: string;
+};
+declare function OnThisPage({ items, activeId, title, onNavigate, className, }: {
+    items: TocItem[];
+    activeId?: string;
+    title?: ReactNode;
+    onNavigate?: () => void;
+    className?: string;
+}): react.JSX.Element | null;
+declare const CALLOUT_TONE: {
+    readonly note: "neutral";
+    readonly warning: "brand";
+    readonly danger: "danger";
+};
+declare function Callout({ tone, title, children, className, }: {
+    tone?: keyof typeof CALLOUT_TONE;
+    title?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function Step({ title, id, children }: {
+    title: ReactNode;
+    id?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function Steps({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function LinkCard({ href, title, description, icon, meta, className, }: {
+    href: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    meta?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function CardGrid({ columns, children, className }: {
+    columns?: 2 | 3;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function MdxTable({ className, ...props }: TableHTMLAttributes<HTMLTableElement>): react.JSX.Element;
+interface ApiRow {
+    name: string;
+    type?: ReactNode;
+    required?: boolean;
+    default?: ReactNode;
+    description?: ReactNode;
+    deprecated?: boolean;
+    status?: Exclude<Status, 'live' | 'good' | 'caution' | 'refused'>;
+}
+declare function ApiTable({ rows, caption, nameHeader, className, }: {
+    rows: ApiRow[];
+    caption?: string;
+    nameHeader?: string;
+    className?: string;
+}): react.JSX.Element;
+interface MermaidLike {
+    initialize(config: Record<string, unknown>): void;
+    render(id: string, text: string): Promise<{
+        svg: string;
+    }>;
+}
+type MermaidLoader = () => Promise<MermaidLike | {
+    default: MermaidLike;
+}>;
+declare function Diagram({ chart, caption, load, className }: {
+    chart: string;
+    caption?: ReactNode;
+    load: MermaidLoader;
+    className?: string;
+}): react.JSX.Element;
+declare const HEADING: {
+    readonly h1: "oca-display-3 mb-4 text-foreground";
+    readonly h2: "mb-3 mt-12 text-[1.375rem] font-medium leading-tight tracking-[-0.015em] text-foreground md:text-[1.5rem]";
+    readonly h3: "mb-2 mt-9 text-[1.125rem] font-medium leading-snug tracking-[-0.01em] text-foreground";
+    readonly h4: "mb-2 mt-7 text-[1rem] font-medium leading-snug text-foreground";
+};
+declare function DocsHeading({ as: Tag, id, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+    as: keyof typeof HEADING;
+}): react.JSX.Element;
+
+export { type ApiRow as A, Breadcrumbs as B, Callout as C, Diagram as D, InstallTabs as I, LinkCard as L, MdxTable as M, OnThisPage as O, type PagerLink as P, SpecCard as S, VerifyBox as V, ApiTable as a, AppCard as b, type AppCardProps as c, AppGrid as d, CardGrid as e, CodeBlock as f, type CodeBlockProps as g, type CodeTab as h, CodeTabs as i, type ComparisonColumn as j, type ComparisonRow as k, ComparisonTable as l, type Crumb as m, DocsHeading as n, DocsPager as o, type MermaidLike as p, type MermaidLoader as q, ProtocolGrid as r, ProtocolHero as s, ProtocolNav as t, Step as u, Steps as v, languageName as w, useHeadings as x };

package/dist/format.d.mts

@@ -0,0 +1,12 @@
+type Network = 'mainnet' | 'testnet' | 'testnet4' | 'signet';
+type ExplorerKind = 'address' | 'tx' | 'block';
+declare function explorerUrl(kind: ExplorerKind, value: string | number, network?: Network): string;
+declare function shortenMiddle(value: string, head?: number, tail?: number): string;
+declare function formatBlockHeight(height: number): string;
+declare function blocksToDuration(blocks: number, minutesPerBlock?: number): string;
+declare function formatUtc(at: Date | string | number, opts?: {
+    date?: boolean;
+}): string;
+declare function formatBytes(bytes: number): string;
+
+export { type ExplorerKind, type Network, blocksToDuration, explorerUrl, formatBlockHeight, formatBytes, formatUtc, shortenMiddle };

package/dist/format.d.ts

@@ -0,0 +1,12 @@
+type Network = 'mainnet' | 'testnet' | 'testnet4' | 'signet';
+type ExplorerKind = 'address' | 'tx' | 'block';
+declare function explorerUrl(kind: ExplorerKind, value: string | number, network?: Network): string;
+declare function shortenMiddle(value: string, head?: number, tail?: number): string;
+declare function formatBlockHeight(height: number): string;
+declare function blocksToDuration(blocks: number, minutesPerBlock?: number): string;
+declare function formatUtc(at: Date | string | number, opts?: {
+    date?: boolean;
+}): string;
+declare function formatBytes(bytes: number): string;
+
+export { type ExplorerKind, type Network, blocksToDuration, explorerUrl, formatBlockHeight, formatBytes, formatUtc, shortenMiddle };

package/dist/format.js

@@ -0,0 +1,65 @@
+'use strict';
+
+// src/format/index.ts
+var EXPLORER = "https://mempool.space";
+function explorerUrl(kind, value, network = "mainnet") {
+  const net = network === "mainnet" ? "" : `/${network}`;
+  return `${EXPLORER}${net}/${kind}/${encodeURIComponent(String(value))}`;
+}
+function shortenMiddle(value, head = 8, tail = 6) {
+  return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
+}
+function formatBlockHeight(height) {
+  return Math.trunc(height).toLocaleString("en-US");
+}
+function blocksToDuration(blocks, minutesPerBlock = 10) {
+  const minutes = Math.max(0, Math.round(blocks * minutesPerBlock));
+  if (minutes < 60) return `about ${minutes} minute${minutes === 1 ? "" : "s"}`;
+  const units = [
+    [60 * 24 * 7, "week"],
+    [60 * 24, "day"],
+    [60, "hour"],
+    [1, "minute"]
+  ];
+  const parts = [];
+  let rest = minutes;
+  for (const [size, word] of units) {
+    const n = Math.floor(rest / size);
+    if (n > 0 && parts.length < 2) {
+      parts.push(`${n} ${word}${n === 1 ? "" : "s"}`);
+      rest -= n * size;
+    } else if (parts.length > 0) break;
+  }
+  return `about ${parts.join(" ")}`;
+}
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function formatUtc(at, opts = {}) {
+  const d = typeof at === "number" ? new Date(at * 1e3) : new Date(at);
+  if (Number.isNaN(d.getTime())) return "\u2014";
+  const day = `${d.getUTCDate()} ${MONTHS[d.getUTCMonth()]} ${d.getUTCFullYear()}`;
+  if (opts.date) return day;
+  const hh = String(d.getUTCHours()).padStart(2, "0");
+  const mm = String(d.getUTCMinutes()).padStart(2, "0");
+  return `${day}, ${hh}:${mm} UTC`;
+}
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let v = bytes / 1024;
+  let u = 0;
+  while (v >= 1024 && u < units.length - 1) {
+    v /= 1024;
+    u++;
+  }
+  return `${v < 10 ? v.toFixed(1).replace(/\.0$/, "") : Math.round(v)} ${units[u]}`;
+}
+
+exports.blocksToDuration = blocksToDuration;
+exports.explorerUrl = explorerUrl;
+exports.formatBlockHeight = formatBlockHeight;
+exports.formatBytes = formatBytes;
+exports.formatUtc = formatUtc;
+exports.shortenMiddle = shortenMiddle;
+//# sourceMappingURL=format.js.map
+//# sourceMappingURL=format.js.map

package/dist/format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/format/index.ts"],"names":[],"mappings":"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","file":"format.js","sourcesContent":["/*\n * Formatting for the things the family shows over and over: Bitcoin\n * explorer links, shortened ids, block heights, the time to a block. No\n * React, so server code and OG renderers import it too.\n */\n\nexport type Network = 'mainnet' | 'testnet' | 'testnet4' | 'signet';\nexport type ExplorerKind = 'address' | 'tx' | 'block';\n\nconst EXPLORER = 'https://mempool.space';\n\n/** A mempool.space link for an address, a transaction, or a block (by height or hash). */\nexport function explorerUrl(kind: ExplorerKind, value: string | number, network: Network = 'mainnet'): string {\n    const net = network === 'mainnet' ? '' : `/${network}`;\n    return `${EXPLORER}${net}/${kind}/${encodeURIComponent(String(value))}`;\n}\n\n/** head…tail, leaving short values whole. */\nexport function shortenMiddle(value: string, head = 8, tail = 6): string {\n    return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}…${value.slice(-tail)}`;\n}\n\n/** 971632 → \"971,632\". */\nexport function formatBlockHeight(height: number): string {\n    return Math.trunc(height).toLocaleString('en-US');\n}\n\n/**\n * How long a number of blocks takes at ten minutes each, in the largest two\n * units: \"about 40 minutes\", \"about 2 days 13 hours\". Blocks come when they\n * come, so it is always \"about\".\n */\nexport function blocksToDuration(blocks: number, minutesPerBlock = 10): string {\n    const minutes = Math.max(0, Math.round(blocks * minutesPerBlock));\n    if (minutes < 60) return `about ${minutes} minute${minutes === 1 ? '' : 's'}`;\n    const units: [number, string][] = [\n        [60 * 24 * 7, 'week'],\n        [60 * 24, 'day'],\n        [60, 'hour'],\n        [1, 'minute'],\n    ];\n    const parts: string[] = [];\n    let rest = minutes;\n    for (const [size, word] of units) {\n        const n = Math.floor(rest / size);\n        if (n > 0 && parts.length < 2) {\n            parts.push(`${n} ${word}${n === 1 ? '' : 's'}`);\n            rest -= n * size;\n        } else if (parts.length > 0) break;\n    }\n    return `about ${parts.join(' ')}`;\n}\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/**\n * A moment in UTC, the same for every reader: \"20 Oct 2026, 09:14 UTC\".\n * Takes a Date, an ISO string, or unix seconds. `date: true` drops the time.\n */\nexport function formatUtc(at: Date | string | number, opts: { date?: boolean } = {}): string {\n    const d = typeof at === 'number' ? new Date(at * 1000) : new Date(at);\n    if (Number.isNaN(d.getTime())) return '—';\n    const day = `${d.getUTCDate()} ${MONTHS[d.getUTCMonth()]} ${d.getUTCFullYear()}`;\n    if (opts.date) return day;\n    const hh = String(d.getUTCHours()).padStart(2, '0');\n    const mm = String(d.getUTCMinutes()).padStart(2, '0');\n    return `${day}, ${hh}:${mm} UTC`;\n}\n\n/** 482113 → \"471 KB\"; 1288490 → \"1.2 MB\". Binary steps, the way a file dialog counts. */\nexport function formatBytes(bytes: number): string {\n    if (!Number.isFinite(bytes) || bytes < 0) return '—';\n    if (bytes < 1024) return `${bytes} B`;\n    const units = ['KB', 'MB', 'GB', 'TB'];\n    let v = bytes / 1024;\n    let u = 0;\n    while (v >= 1024 && u < units.length - 1) {\n        v /= 1024;\n        u++;\n    }\n    return `${v < 10 ? v.toFixed(1).replace(/\\.0$/, '') : Math.round(v)} ${units[u]}`;\n}\n"]}

package/dist/format.mjs

@@ -0,0 +1,58 @@
+// src/format/index.ts
+var EXPLORER = "https://mempool.space";
+function explorerUrl(kind, value, network = "mainnet") {
+  const net = network === "mainnet" ? "" : `/${network}`;
+  return `${EXPLORER}${net}/${kind}/${encodeURIComponent(String(value))}`;
+}
+function shortenMiddle(value, head = 8, tail = 6) {
+  return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
+}
+function formatBlockHeight(height) {
+  return Math.trunc(height).toLocaleString("en-US");
+}
+function blocksToDuration(blocks, minutesPerBlock = 10) {
+  const minutes = Math.max(0, Math.round(blocks * minutesPerBlock));
+  if (minutes < 60) return `about ${minutes} minute${minutes === 1 ? "" : "s"}`;
+  const units = [
+    [60 * 24 * 7, "week"],
+    [60 * 24, "day"],
+    [60, "hour"],
+    [1, "minute"]
+  ];
+  const parts = [];
+  let rest = minutes;
+  for (const [size, word] of units) {
+    const n = Math.floor(rest / size);
+    if (n > 0 && parts.length < 2) {
+      parts.push(`${n} ${word}${n === 1 ? "" : "s"}`);
+      rest -= n * size;
+    } else if (parts.length > 0) break;
+  }
+  return `about ${parts.join(" ")}`;
+}
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function formatUtc(at, opts = {}) {
+  const d = typeof at === "number" ? new Date(at * 1e3) : new Date(at);
+  if (Number.isNaN(d.getTime())) return "\u2014";
+  const day = `${d.getUTCDate()} ${MONTHS[d.getUTCMonth()]} ${d.getUTCFullYear()}`;
+  if (opts.date) return day;
+  const hh = String(d.getUTCHours()).padStart(2, "0");
+  const mm = String(d.getUTCMinutes()).padStart(2, "0");
+  return `${day}, ${hh}:${mm} UTC`;
+}
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let v = bytes / 1024;
+  let u = 0;
+  while (v >= 1024 && u < units.length - 1) {
+    v /= 1024;
+    u++;
+  }
+  return `${v < 10 ? v.toFixed(1).replace(/\.0$/, "") : Math.round(v)} ${units[u]}`;
+}
+
+export { blocksToDuration, explorerUrl, formatBlockHeight, formatBytes, formatUtc, shortenMiddle };
+//# sourceMappingURL=format.mjs.map
+//# sourceMappingURL=format.mjs.map

package/dist/format.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/format/index.ts"],"names":[],"mappings":"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","file":"format.mjs","sourcesContent":["/*\n * Formatting for the things the family shows over and over: Bitcoin\n * explorer links, shortened ids, block heights, the time to a block. No\n * React, so server code and OG renderers import it too.\n */\n\nexport type Network = 'mainnet' | 'testnet' | 'testnet4' | 'signet';\nexport type ExplorerKind = 'address' | 'tx' | 'block';\n\nconst EXPLORER = 'https://mempool.space';\n\n/** A mempool.space link for an address, a transaction, or a block (by height or hash). */\nexport function explorerUrl(kind: ExplorerKind, value: string | number, network: Network = 'mainnet'): string {\n    const net = network === 'mainnet' ? '' : `/${network}`;\n    return `${EXPLORER}${net}/${kind}/${encodeURIComponent(String(value))}`;\n}\n\n/** head…tail, leaving short values whole. */\nexport function shortenMiddle(value: string, head = 8, tail = 6): string {\n    return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}…${value.slice(-tail)}`;\n}\n\n/** 971632 → \"971,632\". */\nexport function formatBlockHeight(height: number): string {\n    return Math.trunc(height).toLocaleString('en-US');\n}\n\n/**\n * How long a number of blocks takes at ten minutes each, in the largest two\n * units: \"about 40 minutes\", \"about 2 days 13 hours\". Blocks come when they\n * come, so it is always \"about\".\n */\nexport function blocksToDuration(blocks: number, minutesPerBlock = 10): string {\n    const minutes = Math.max(0, Math.round(blocks * minutesPerBlock));\n    if (minutes < 60) return `about ${minutes} minute${minutes === 1 ? '' : 's'}`;\n    const units: [number, string][] = [\n        [60 * 24 * 7, 'week'],\n        [60 * 24, 'day'],\n        [60, 'hour'],\n        [1, 'minute'],\n    ];\n    const parts: string[] = [];\n    let rest = minutes;\n    for (const [size, word] of units) {\n        const n = Math.floor(rest / size);\n        if (n > 0 && parts.length < 2) {\n            parts.push(`${n} ${word}${n === 1 ? '' : 's'}`);\n            rest -= n * size;\n        } else if (parts.length > 0) break;\n    }\n    return `about ${parts.join(' ')}`;\n}\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/**\n * A moment in UTC, the same for every reader: \"20 Oct 2026, 09:14 UTC\".\n * Takes a Date, an ISO string, or unix seconds. `date: true` drops the time.\n */\nexport function formatUtc(at: Date | string | number, opts: { date?: boolean } = {}): string {\n    const d = typeof at === 'number' ? new Date(at * 1000) : new Date(at);\n    if (Number.isNaN(d.getTime())) return '—';\n    const day = `${d.getUTCDate()} ${MONTHS[d.getUTCMonth()]} ${d.getUTCFullYear()}`;\n    if (opts.date) return day;\n    const hh = String(d.getUTCHours()).padStart(2, '0');\n    const mm = String(d.getUTCMinutes()).padStart(2, '0');\n    return `${day}, ${hh}:${mm} UTC`;\n}\n\n/** 482113 → \"471 KB\"; 1288490 → \"1.2 MB\". Binary steps, the way a file dialog counts. */\nexport function formatBytes(bytes: number): string {\n    if (!Number.isFinite(bytes) || bytes < 0) return '—';\n    if (bytes < 1024) return `${bytes} B`;\n    const units = ['KB', 'MB', 'GB', 'TB'];\n    let v = bytes / 1024;\n    let u = 0;\n    while (v >= 1024 && u < units.length - 1) {\n        v /= 1024;\n        u++;\n    }\n    return `${v < 10 ? v.toFixed(1).replace(/\\.0$/, '') : Math.round(v)} ${units[u]}`;\n}\n"]}

package/dist/hero-Dn37il-9.d.mts

@@ -0,0 +1,31 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface PageHeroProps {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    lead?: ReactNode;
+    actions?: ReactNode;
+    art?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+    variant?: 'page' | 'document';
+    size?: 'lg' | 'xl';
+    className?: string;
+}
+declare function PageHero({ eyebrow, title, lead, actions, art, meta, children, variant, size, className, }: PageHeroProps): react.JSX.Element;
+declare function DocHeader({ eyebrow, title, lead, meta, actions, children, className, }: Pick<PageHeroProps, 'eyebrow' | 'title' | 'lead' | 'meta' | 'actions' | 'children' | 'className'>): react.JSX.Element;
+interface TocItem {
+    id: string;
+    label: ReactNode;
+    level?: 2 | 3;
+}
+declare function useActiveHeading(ids: string[]): string | undefined;
+declare function DocLayout({ toc, header, children, className, }: {
+    toc?: TocItem[];
+    header?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
+export { DocHeader as D, PageHero as P, type TocItem as T, DocLayout as a, type PageHeroProps as b, useActiveHeading as u };