@orangecheck/app-design 0.6.1 → 1.0.0

package/dist/components.d.mts

@@ -2,6 +2,8 @@ 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.mjs';
+import { S as Statement } from './status-badge-DRwGhB0h.mjs';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -613,4 +615,232 @@ 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;
+
+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, }: {
+    verdict: Statement;
+    title: ReactNode;
+    summary?: ReactNode;
+    checks: VerifyCheck[];
+    facts?: KeyValueItem[];
+    notChecked?: ReactNode[];
+    actions?: ReactNode;
+    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;
+
+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 };

package/dist/components.d.ts

@@ -2,6 +2,8 @@ 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';
+import { S as Statement } from './status-badge-BEOxeY9j.js';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -613,4 +615,232 @@ 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;
+
+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, }: {
+    verdict: Statement;
+    title: ReactNode;
+    summary?: ReactNode;
+    checks: VerifyCheck[];
+    facts?: KeyValueItem[];
+    notChecked?: ReactNode[];
+    actions?: ReactNode;
+    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;
+
+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 };