@orangecheck/app-design 1.0.0 → 1.1.0

package/dist/components.d.ts

@@ -2,8 +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';
-import { j as ProtocolSlug, S as SiteStatus, b as FamilyGroup, d as FamilySlug } from './index-C6hDqOOS.js';
+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;
@@ -317,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;
@@ -366,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;
@@ -433,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;
@@ -451,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> {
@@ -468,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, }: {
@@ -485,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, }: {
@@ -501,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';
@@ -734,86 +717,13 @@ declare function LegalDocument({ doc, className }: {
     className?: string;
 }): react.JSX.Element;
 
-declare function ProtocolGrid({ protocols, link, className, }: {
-    protocols?: readonly ProtocolSlug[];
-    link?: 'page' | 'tool';
-    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;
-
 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, className, }: {
+declare function VerifyReport({ verdict, title, summary, checks, facts, notChecked, actions, as: Heading, className, }: {
     verdict: Statement;
     title: ReactNode;
     summary?: ReactNode;
@@ -821,6 +731,7 @@ declare function VerifyReport({ verdict, title, summary, checks, facts, notCheck
     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, }: {
@@ -843,4 +754,37 @@ declare function TextLink({ href, children, external, className, }: {
     className?: string;
 }): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, AppCard, type AppCardProps, AppGrid, BrowserFrame, type CheckState, Closing, CodeBlock, type Column, type ComparisonColumn, type ComparisonRow, ComparisonTable, Container, CopyButton, DataTable, Display, type DisplayProps, DocHeader, DocLayout, 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, PageHero, type PageHeroProps, PhoneFrame, type ProgressStep, ProgressSteps, ProofStrip, Prose, ProtocolGrid, ProtocolHero, ProtocolNav, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SpecCard, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TocItem, type TruthRow, type TruthStatus, TruthTable, UsdApprox, VerifyBox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+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 };