@orangecheck/app-design 1.4.0 → 1.5.0

package/dist/components.d.mts

@@ -3,11 +3,11 @@ import { ReactNode, HTMLAttributes, ElementType, CSSProperties, Component, Error
 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.mjs';
-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 SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-D-T-nHiu.mjs';
+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 SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-CFE5mU_6.mjs';
 import { ExplorerKind, Network } from './format.mjs';
+import { j as ProtocolSlug } from './index-DmfyPYe5.mjs';
 import { S as Statement } from './status-badge-BJ9Sdsx8.mjs';
-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-DFIxIj5p.mjs';
-import './index-DmfyPYe5.mjs';
+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-Bg1gi2HO.mjs';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -598,16 +598,46 @@ declare class ErrorBoundary extends Component<Props, State> {
     render(): ReactNode;
 }
 
-declare function ErrorPage({ code, title, detail, actions, home, art, className, }: {
+declare function ErrorPage({ code, title, detail, actions, home, protocol, art, className, }: {
     code?: number;
     title?: ReactNode;
     detail?: ReactNode;
     actions?: ReactNode;
     home?: string;
+    protocol?: ProtocolSlug;
     art?: ReactNode;
     className?: string;
 }): react.JSX.Element;
 
+declare function CountdownRing({ period, remaining, warnAt, size, showSeconds, className, }: {
+    period: number;
+    remaining?: number;
+    warnAt?: number;
+    size?: number;
+    showSeconds?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function PlanCard({ name, subtitle, price, period, footnote, features, action, badge, badgeTone, highlight, className, }: {
+    name: ReactNode;
+    subtitle?: ReactNode;
+    price: ReactNode;
+    period?: ReactNode;
+    footnote?: ReactNode;
+    features?: ReactNode[];
+    action?: ReactNode;
+    badge?: ReactNode;
+    badgeTone?: 'neutral' | 'brand' | 'success' | 'muted';
+    highlight?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function LockedPreview({ title, description, action, children, className, }: {
+    title: ReactNode;
+    description?: ReactNode;
+    action: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
 declare function SectionHeading({ eyebrow, title, lead, id, onInk, level, as, align, reveal, className, }: {
     eyebrow?: ReactNode;
     title: ReactNode;
@@ -734,7 +764,7 @@ declare function VerifyReport({ verdict, title, summary, checks, facts, notCheck
     as?: 'h2' | 'h3';
     className?: string;
 }): react.JSX.Element;
-declare function SignMessage({ lead, address, message, wallets, busy, error, submitLabel, secondary, onSignature, className, }: {
+declare function SignMessage({ lead, address, message, wallets, busy, error, submitLabel, secondary, scheme, onSignature, className, }: {
     lead?: ReactNode;
     address: string;
     message: string;
@@ -743,6 +773,7 @@ declare function SignMessage({ lead, address, message, wallets, busy, error, sub
     error?: ReactNode;
     submitLabel?: string;
     secondary?: ReactNode;
+    scheme?: 'bip322' | 'legacy';
     onSignature: (signature: string) => void;
     className?: string;
 }): react.JSX.Element;
@@ -756,7 +787,10 @@ declare function TextLink({ href: written, children, external, className, }: {
 
 interface SearchResult {
     id: string;
-    href: string;
+    href?: string;
+    run?: () => void;
+    icon?: ReactNode;
+    meta?: ReactNode;
     title: ReactNode;
     section?: ReactNode;
     excerpt?: ReactNode;
@@ -772,7 +806,7 @@ declare const SearchButton: react.ForwardRefExoticComponent<{
     onClick?: () => void;
     className?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
-declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, className, }: {
+interface SearchDialogProps {
     onQuery: SearchQuery;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -785,6 +819,9 @@ declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect,
     defaultQuery?: string;
     debounceMs?: number;
     className?: string;
-}): react.JSX.Element;
+    browse?: boolean;
+}
+declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
+declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): 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 };
+export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, 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, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, 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 };

package/dist/components.d.ts

@@ -3,11 +3,11 @@ import { ReactNode, HTMLAttributes, ElementType, CSSProperties, Component, Error
 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 SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-BB9gK4KF.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 SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-ByUx4t-D.js';
 import { ExplorerKind, Network } from './format.js';
+import { j as ProtocolSlug } from './index-DmfyPYe5.js';
 import { S as Statement } from './status-badge-Bt8x3RhO.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-DmfyPYe5.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-Bw7RhO92.js';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -598,16 +598,46 @@ declare class ErrorBoundary extends Component<Props, State> {
     render(): ReactNode;
 }
 
-declare function ErrorPage({ code, title, detail, actions, home, art, className, }: {
+declare function ErrorPage({ code, title, detail, actions, home, protocol, art, className, }: {
     code?: number;
     title?: ReactNode;
     detail?: ReactNode;
     actions?: ReactNode;
     home?: string;
+    protocol?: ProtocolSlug;
     art?: ReactNode;
     className?: string;
 }): react.JSX.Element;
 
+declare function CountdownRing({ period, remaining, warnAt, size, showSeconds, className, }: {
+    period: number;
+    remaining?: number;
+    warnAt?: number;
+    size?: number;
+    showSeconds?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function PlanCard({ name, subtitle, price, period, footnote, features, action, badge, badgeTone, highlight, className, }: {
+    name: ReactNode;
+    subtitle?: ReactNode;
+    price: ReactNode;
+    period?: ReactNode;
+    footnote?: ReactNode;
+    features?: ReactNode[];
+    action?: ReactNode;
+    badge?: ReactNode;
+    badgeTone?: 'neutral' | 'brand' | 'success' | 'muted';
+    highlight?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function LockedPreview({ title, description, action, children, className, }: {
+    title: ReactNode;
+    description?: ReactNode;
+    action: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
 declare function SectionHeading({ eyebrow, title, lead, id, onInk, level, as, align, reveal, className, }: {
     eyebrow?: ReactNode;
     title: ReactNode;
@@ -734,7 +764,7 @@ declare function VerifyReport({ verdict, title, summary, checks, facts, notCheck
     as?: 'h2' | 'h3';
     className?: string;
 }): react.JSX.Element;
-declare function SignMessage({ lead, address, message, wallets, busy, error, submitLabel, secondary, onSignature, className, }: {
+declare function SignMessage({ lead, address, message, wallets, busy, error, submitLabel, secondary, scheme, onSignature, className, }: {
     lead?: ReactNode;
     address: string;
     message: string;
@@ -743,6 +773,7 @@ declare function SignMessage({ lead, address, message, wallets, busy, error, sub
     error?: ReactNode;
     submitLabel?: string;
     secondary?: ReactNode;
+    scheme?: 'bip322' | 'legacy';
     onSignature: (signature: string) => void;
     className?: string;
 }): react.JSX.Element;
@@ -756,7 +787,10 @@ declare function TextLink({ href: written, children, external, className, }: {
 
 interface SearchResult {
     id: string;
-    href: string;
+    href?: string;
+    run?: () => void;
+    icon?: ReactNode;
+    meta?: ReactNode;
     title: ReactNode;
     section?: ReactNode;
     excerpt?: ReactNode;
@@ -772,7 +806,7 @@ declare const SearchButton: react.ForwardRefExoticComponent<{
     onClick?: () => void;
     className?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
-declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, className, }: {
+interface SearchDialogProps {
     onQuery: SearchQuery;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -785,6 +819,9 @@ declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect,
     defaultQuery?: string;
     debounceMs?: number;
     className?: string;
-}): react.JSX.Element;
+    browse?: boolean;
+}
+declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
+declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): 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 };
+export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, 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, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, 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 };