@orangecheck/app-design 0.6.1 → 1.1.0

package/dist/components.d.ts

@@ -2,6 +2,12 @@ import * as react from 'react';
 import { ReactNode, HTMLAttributes, ElementType, CSSProperties, Component, ErrorInfo } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+export { D as DocHeader, a as DocLayout, P as PageHero, b as PageHeroProps, T as TocItem, u as useActiveHeading } from './hero-Dn37il-9.js';
+export { A as ApiRow, a as ApiTable, b as AppCard, c as AppCardProps, d as AppGrid, B as Breadcrumbs, C as Callout, e as CardGrid, f as CodeBlock, g as CodeBlockProps, h as CodeTab, i as CodeTabs, j as ComparisonColumn, k as ComparisonRow, l as ComparisonTable, m as Crumb, D as Diagram, n as DocsHeading, o as DocsPager, I as InstallTabs, L as LinkCard, M as MdxTable, p as MermaidLike, q as MermaidLoader, O as OnThisPage, P as PagerLink, r as ProtocolGrid, s as ProtocolHero, t as ProtocolNav, S as SpecCard, u as Step, v as Steps, V as VerifyBox, w as languageName, x as useHeadings } from './docs-DhnstueM.js';
+import { ExplorerKind, Network } from './format.js';
+import { S as Statement } from './status-badge-BEOxeY9j.js';
+export { A as AnchorState, a as AnchorStatus, b as ArtifactView, B as BlockCountdown, c as BlockHeight, C as ChosenFile, D as DropZone, F as FilterChips, d as FilterOption, e as FormSection, M as Meter, S as SectionStatus, f as StateBadge, g as StateDef, h as StateTone, T as ToolGrid, i as ToolItem, j as createStateBadge } from './tools-BggNN5DV.js';
+import './index-C6hDqOOS.js';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -315,31 +321,6 @@ declare function SectionIntro({ className, align, reveal, children, style, }: Pi
     reveal?: boolean;
 }): react.JSX.Element;
 
-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;
-}
-declare function DocLayout({ toc, header, children, className, }: {
-    toc?: TocItem[];
-    header?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}): react.JSX.Element;
-
 interface StepItem {
     title: ReactNode;
     body: ReactNode;
@@ -364,13 +345,6 @@ declare function PackageCard({ items, className }: {
     items: PackageItem[];
     className?: string;
 }): react.JSX.Element;
-declare function CodeBlock({ code, caption, copy, maxLines, className, }: {
-    code: string;
-    caption?: ReactNode;
-    copy?: boolean;
-    maxLines?: number;
-    className?: string;
-}): react.JSX.Element;
 
 interface SplitSegment {
     pct: number;
@@ -431,9 +405,10 @@ interface StatCardProps {
     value: ReactNode;
     hint?: ReactNode;
     raw?: number | null;
+    size?: 'md' | 'sm';
     className?: string;
 }
-declare function StatCard({ label, value, hint, className }: StatCardProps): react.JSX.Element;
+declare function StatCard({ label, value, hint, size, className }: StatCardProps): react.JSX.Element;
 declare function EmptyLine({ children, className }: {
     children: ReactNode;
     className?: string;
@@ -449,8 +424,9 @@ interface KeyValueItem {
     value: ReactNode;
     mono?: boolean;
 }
-declare function KeyValueList({ items, className }: {
+declare function KeyValueList({ items, dense, className, }: {
     items: KeyValueItem[];
+    dense?: boolean;
     className?: string;
 }): react.JSX.Element;
 interface Column<T> {
@@ -466,13 +442,14 @@ interface Column<T> {
     primary?: boolean;
     hideOnPhone?: boolean;
 }
-declare function DataTable<T>({ columns, rows, rowKey, empty, caption, phone, className, }: {
+declare function DataTable<T>({ columns, rows, rowKey, empty, caption, phone, dense, className, }: {
     columns: Column<T>[];
     rows: T[];
     rowKey: (row: T, i: number) => string;
     empty?: ReactNode;
     caption?: string;
     phone?: 'cards' | 'scroll';
+    dense?: boolean;
     className?: string;
 }): react.JSX.Element;
 declare function EmptyState({ title, children, action, icon, className, }: {
@@ -483,11 +460,12 @@ declare function EmptyState({ title, children, action, icon, className, }: {
     className?: string;
 }): react.JSX.Element;
 type NoticeTone = 'neutral' | 'brand' | 'danger' | 'info' | 'success' | 'warning';
-declare function Notice({ tone, title, children, action, className, }: {
+declare function Notice({ tone, title, children, action, role, className, }: {
     tone?: NoticeTone;
     title?: ReactNode;
     children?: ReactNode;
     action?: ReactNode;
+    role?: 'alert' | 'status' | 'note';
     className?: string;
 }): react.JSX.Element;
 declare function LoadingBlock({ rows, timeoutMs, onRetry, label, className, }: {
@@ -499,19 +477,26 @@ declare function LoadingBlock({ rows, timeoutMs, onRetry, label, className, }: {
 }): react.JSX.Element;
 declare function useCopy(timeoutMs?: number): {
     copied: boolean;
-    copy: (text: string) => Promise<void>;
+    copy: (text: string, opts?: {
+        clearAfter?: number;
+    }) => Promise<boolean>;
 };
-declare function CopyButton({ value, label, className }: {
-    value: string;
+interface CopyButtonProps {
+    value: string | (() => string);
     label?: string;
+    clearAfter?: number;
+    onCopied?: () => void;
     className?: string;
-}): react.JSX.Element;
-declare function HashChip({ value, head, tail, copy, href, className, }: {
+}
+declare function CopyButton({ value, label, clearAfter, onCopied, className }: CopyButtonProps): react.JSX.Element;
+declare function HashChip({ value, head, tail, copy, href, explorer, network, className, }: {
     value: string;
     head?: number;
     tail?: number;
     copy?: boolean;
     href?: string;
+    explorer?: ExplorerKind;
+    network?: Network;
     className?: string;
 }): react.JSX.Element;
 type StepState = 'done' | 'current' | 'upcoming' | 'blocked';
@@ -613,4 +598,193 @@ declare class ErrorBoundary extends Component<Props, State> {
     render(): ReactNode;
 }
 
-export { Accent, type ActivityItem, ActivityList, BrowserFrame, CodeBlock, type Column, Container, CopyButton, DataTable, Display, type DisplayProps, DocHeader, DocLayout, EmptyLine, EmptyState, ErrorBoundary, Eyebrow, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, LoadingBlock, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PageHero, type PageHeroProps, PhoneFrame, type ProgressStep, ProgressSteps, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, Section, SectionIntro, type SectionProps, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, Ticker, type TocItem, type TruthRow, type TruthStatus, TruthTable, UsdApprox, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+declare function ErrorPage({ code, title, detail, actions, home, art, className, }: {
+    code?: number;
+    title?: ReactNode;
+    detail?: ReactNode;
+    actions?: ReactNode;
+    home?: string;
+    art?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
+declare function SectionHeading({ eyebrow, title, lead, id, onInk, level, as, align, reveal, className, }: {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    lead?: ReactNode;
+    id?: string;
+    onInk?: boolean;
+    level?: 2 | 3;
+    as?: 'h2' | 'h3';
+    align?: 'start' | 'center';
+    reveal?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function FactBlock({ id, title, description, aside, children, className, }: {
+    id?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    aside?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+interface FactRow {
+    key: string;
+    title: ReactNode;
+    figure?: ReactNode;
+    fields: {
+        label: ReactNode;
+        value: ReactNode;
+    }[];
+}
+declare function FactRows({ rows, columns, label, className, }: {
+    rows: FactRow[];
+    columns?: 1 | 2;
+    label: string;
+    className?: string;
+}): react.JSX.Element;
+interface Endpoint {
+    href: string;
+    description: ReactNode;
+    label?: string;
+}
+declare function EndpointList({ items, label, className }: {
+    items: Endpoint[];
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
+declare function ProofStrip({ items, className }: {
+    items: {
+        icon?: ReactNode;
+        label: ReactNode;
+    }[];
+    className?: string;
+}): react.JSX.Element;
+declare function Closing({ title, lead, actions, art, className, }: {
+    title: ReactNode;
+    lead?: ReactNode;
+    actions?: ReactNode;
+    art?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function Faq({ items, className, }: {
+    items: {
+        q: ReactNode;
+        a: ReactNode;
+        id?: string;
+    }[];
+    className?: string;
+}): react.JSX.Element;
+
+type LegalBlock = {
+    kind: 'para';
+    text: string;
+} | {
+    kind: 'subhead';
+    text: string;
+} | {
+    kind: 'bullets';
+    items: (string | {
+        k: string;
+        v: string;
+    })[];
+} | {
+    kind: 'callout';
+    text: string;
+    emphatic?: boolean;
+} | {
+    kind: 'stub';
+    text: string;
+};
+interface LegalSource {
+    eyebrow: string;
+    title: string;
+    description: string;
+    effective: string;
+    updated: string;
+    preamble?: LegalBlock[];
+    sections: {
+        id: string;
+        num?: string;
+        heading: string;
+        hint?: string;
+        blocks: LegalBlock[];
+    }[];
+    summary?: string;
+}
+declare function LegalDocument({ doc, className }: {
+    doc: LegalSource;
+    className?: string;
+}): react.JSX.Element;
+
+type CheckState = 'ok' | 'fail' | 'pending' | 'skipped' | 'unchecked';
+interface VerifyCheck {
+    label: ReactNode;
+    state: CheckState;
+    note?: ReactNode;
+}
+declare function VerifyReport({ verdict, title, summary, checks, facts, notChecked, actions, as: Heading, className, }: {
+    verdict: Statement;
+    title: ReactNode;
+    summary?: ReactNode;
+    checks: VerifyCheck[];
+    facts?: KeyValueItem[];
+    notChecked?: ReactNode[];
+    actions?: ReactNode;
+    as?: 'h2' | 'h3';
+    className?: string;
+}): react.JSX.Element;
+declare function SignMessage({ lead, address, message, wallets, busy, error, submitLabel, secondary, onSignature, className, }: {
+    lead?: ReactNode;
+    address: string;
+    message: string;
+    wallets?: ReactNode;
+    busy?: boolean;
+    error?: ReactNode;
+    submitLabel?: string;
+    secondary?: ReactNode;
+    onSignature: (signature: string) => void;
+    className?: string;
+}): react.JSX.Element;
+
+declare function TextLink({ href, children, external, className, }: {
+    href: string;
+    children: ReactNode;
+    external?: boolean;
+    className?: string;
+}): react.JSX.Element;
+
+interface SearchResult {
+    id: string;
+    href: string;
+    title: ReactNode;
+    section?: ReactNode;
+    excerpt?: ReactNode;
+    excerptHtml?: string;
+}
+interface SearchGroup {
+    label: ReactNode;
+    results: SearchResult[];
+}
+type SearchQuery = (query: string, signal: AbortSignal) => Promise<SearchGroup[]> | SearchGroup[];
+declare const SearchButton: react.ForwardRefExoticComponent<{
+    label?: string;
+    onClick?: () => void;
+    className?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, className, }: {
+    onQuery: SearchQuery;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (result: SearchResult) => void;
+    button?: boolean;
+    hotkey?: boolean;
+    label?: string;
+    placeholder?: string;
+    idle?: ReactNode;
+    defaultQuery?: string;
+    debounceMs?: number;
+    className?: string;
+}): react.JSX.Element;
+
+export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, Container, CopyButton, type CopyButtonProps, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, LoadingBlock, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };