@contractspec/lib.design-system 3.7.6 → 3.8.0

package/dist/components/agent/ApprovalQueue.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { ApprovalRequest } from '@contractspec/lib.ai-agent/approval';
+import * as React from 'react';
 export interface ApprovalQueueProps {
     title?: string;
     description?: string;

package/dist/components/agent/ApprovalQueue.mobile.d.ts

@@ -0,0 +1,12 @@
+import type { ApprovalRequest } from '@contractspec/lib.ai-agent/approval';
+import * as React from 'react';
+export interface ApprovalQueueProps {
+    title?: string;
+    description?: string;
+    requests: ApprovalRequest[];
+    onApprove?: (request: ApprovalRequest) => void;
+    onReject?: (request: ApprovalRequest) => void;
+    className?: string;
+    emptyState?: React.ReactNode;
+}
+export declare function ApprovalQueue({ title, description, requests, onApprove, onReject, className, emptyState, }: ApprovalQueueProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/ActionButtons.d.ts

@@ -1,9 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type ButtonProps } from './Button';
-import { type VariantProps } from 'class-variance-authority';
 declare const _actionBtn: (props?: ({
-    tone?: "outline" | "subtle" | "neutral" | "danger" | null | undefined;
-    size?: "sm" | "lg" | "icon" | "md" | null | undefined;
+    tone?: "outline" | "neutral" | "danger" | "subtle" | null | undefined;
+    size?: "sm" | "lg" | "md" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> & VariantProps<typeof _actionBtn> & {
     label?: React.ReactNode;

package/dist/components/atoms/Button.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type ButtonProps as WebButtonProps } from '@contractspec/lib.ui-kit-web/ui/button';
+import * as React from 'react';
 type SpinnerPlacement = 'start' | 'end';
 export type ButtonProps = Omit<WebButtonProps, 'onClick' | 'disabled' | 'children'> & {
     children: React.ReactNode;

package/dist/components/atoms/Cta.d.ts

@@ -1,9 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type ButtonProps } from './Button';
-import { type VariantProps } from 'class-variance-authority';
 declare const _ctaVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "touch" | null | undefined;
-    emphasis?: "default" | "strong" | "subtle" | null | undefined;
+    emphasis?: "strong" | "default" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type CtaProps = Omit<ButtonProps, 'size'> & VariantProps<typeof _ctaVariants> & {
     capture?: (cta: string) => void;

package/dist/components/atoms/DataChips.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const chip: (props?: ({
     size?: "sm" | "md" | null | undefined;
     tone?: "default" | "muted" | null | undefined;

package/dist/components/atoms/Input.mobile.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Input as NativeInput } from '@contractspec/lib.ui-kit/ui/input';
+import * as React from 'react';
 import { type KeyboardOptions } from '../../lib/keyboard';
 interface BaseFieldProps {
     value?: string;

package/dist/components/atoms/LoaderCircular.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const spinnerVariants: (props?: ({
     size?: "sm" | "lg" | "md" | null | undefined;
     tone?: "default" | "muted" | null | undefined;

package/dist/components/atoms/Textarea.mobile.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Textarea as NativeTextarea } from '@contractspec/lib.ui-kit/ui/textarea';
+import * as React from 'react';
 import { type KeyboardOptions } from '../../lib/keyboard';
 interface BaseFieldProps {
     value?: string;

package/dist/components/data-table/DataTable.d.ts

@@ -0,0 +1,15 @@
+import type { ContractTableController, ContractTableRowRenderModel } from '@contractspec/lib.presentation-runtime-react';
+import * as React from 'react';
+export interface DataTableProps<TItem = unknown> {
+    controller: ContractTableController<TItem, React.ReactNode>;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+    headerActions?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    footer?: React.ReactNode;
+    emptyState?: React.ReactNode;
+    loading?: boolean;
+    onRowPress?: (row: ContractTableRowRenderModel<TItem, React.ReactNode>) => void;
+}
+export declare function DataTable<TItem>({ controller, title, description, className, headerActions, toolbar, footer, emptyState, loading, onRowPress, }: DataTableProps<TItem>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-table/DataTable.mobile.d.ts

@@ -0,0 +1,15 @@
+import type { ContractTableController, ContractTableRowRenderModel } from '@contractspec/lib.presentation-runtime-react';
+import * as React from 'react';
+export interface DataTableProps<TItem = unknown> {
+    controller: ContractTableController<TItem, React.ReactNode>;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+    headerActions?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    footer?: React.ReactNode;
+    emptyState?: React.ReactNode;
+    loading?: boolean;
+    onRowPress?: (row: ContractTableRowRenderModel<TItem, React.ReactNode>) => void;
+}
+export declare function DataTable<TItem>({ controller, title, description, className, headerActions, toolbar, footer, emptyState, loading, onRowPress, }: DataTableProps<TItem>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/DataViewDetail.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
 export interface DataViewDetailProps {
     spec: DataViewSpec;
     item: Record<string, unknown> | null;

package/dist/components/data-view/DataViewList.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
 export interface DataViewListProps<TItem = Record<string, unknown>> {
     spec: DataViewSpec;
     items: readonly TItem[];

package/dist/components/data-view/DataViewRenderer.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
 export interface DataViewRendererProps {
     spec: DataViewSpec;
     items?: Record<string, unknown>[];

package/dist/components/data-view/DataViewRenderer.mobile.d.ts

@@ -0,0 +1,25 @@
+import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
+export interface DataViewRendererProps {
+    spec: DataViewSpec;
+    items?: Record<string, unknown>[];
+    item?: Record<string, unknown> | null;
+    className?: string;
+    renderActions?: (item: Record<string, unknown>) => React.ReactNode;
+    onSelect?: (item: Record<string, unknown>) => void;
+    onRowClick?: (item: Record<string, unknown>) => void;
+    headerActions?: React.ReactNode;
+    emptyState?: React.ReactNode;
+    footer?: React.ReactNode;
+    search?: string;
+    onSearchChange?: (value: string) => void;
+    filters?: Record<string, unknown>;
+    onFilterChange?: (filters: Record<string, unknown>) => void;
+    pagination?: {
+        page: number;
+        pageSize: number;
+        total: number;
+    };
+    onPageChange?: (page: number) => void;
+}
+export declare function DataViewRenderer({ spec, items, item, className, renderActions, onSelect, onRowClick, headerActions, emptyState, footer, search, onSearchChange, filters, onFilterChange, pagination, onPageChange, }: DataViewRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/DataViewTable.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { DataViewField, DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
 export interface DataViewTableProps {
     spec: DataViewSpec;
     items: Record<string, unknown>[];
@@ -14,4 +14,4 @@ export declare function DisplayValue({ item, fields, fieldKey, }: {
     item: Record<string, unknown>;
     fields: DataViewField[];
     fieldKey: string;
-}): "" | import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/dist/components/data-view/DataViewTable.mobile.d.ts

@@ -0,0 +1,17 @@
+import type { DataViewField, DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import * as React from 'react';
+export interface DataViewTableProps {
+    spec: DataViewSpec;
+    items: Record<string, unknown>[];
+    className?: string;
+    onRowClick?: (item: Record<string, unknown>) => void;
+    emptyState?: React.ReactNode;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare function DataViewTable({ spec, items, className, onRowClick, emptyState, headerActions, footer, }: DataViewTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function DisplayValue({ item, fields, fieldKey, }: {
+    item: Record<string, unknown>;
+    fields: DataViewField[];
+    fieldKey: string;
+}): import("react/jsx-runtime").JSX.Element | "";

package/dist/components/forms/ZodForm.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type UseFormReturn } from '@contractspec/lib.ui-kit-web/ui/form';
+import * as React from 'react';
 import type { FieldValues } from 'react-hook-form';
 import * as z from 'zod';
 export interface ZodFormProps<TSchema extends z.ZodType<any, any, any>, TFieldValues extends FieldValues = z.input<TSchema>, TOutput = z.output<TSchema>> {

package/dist/components/legal/atoms/LegalCallout.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const calloutVariants: (props?: ({
     tone?: "danger" | "info" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/legal/atoms/LegalHeading.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const headingVariants: (props?: ({
     level?: "h1" | "h2" | "h3" | "h4" | null | undefined;
     tone?: "default" | "muted" | "accent" | null | undefined;
-    spacing?: "sm" | "lg" | "none" | "md" | null | undefined;
+    spacing?: "none" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LegalHeadingProps = React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
     as?: 'h1' | 'h2' | 'h3' | 'h4';

package/dist/components/legal/atoms/LegalList.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const listVariants: (props?: ({
     type?: "none" | "unordered" | "ordered" | null | undefined;
     spacing?: "sm" | "lg" | "md" | null | undefined;

package/dist/components/legal/atoms/LegalSection.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const sectionVariants: (props?: ({
     spacing?: "sm" | "lg" | "md" | null | undefined;
-    border?: "none" | "both" | "top" | "bottom" | null | undefined;
+    border?: "none" | "top" | "bottom" | "both" | null | undefined;
     tone?: "subtle" | "plain" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LegalSectionProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof sectionVariants>;

package/dist/components/legal/atoms/LegalText.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const textVariants: (props?: ({
     tone?: "default" | "danger" | "muted" | null | undefined;
-    size?: "sm" | "lg" | "base" | null | undefined;
-    spacing?: "sm" | "lg" | "none" | "md" | null | undefined;
+    size?: "base" | "sm" | "lg" | null | undefined;
+    spacing?: "none" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LegalTextProps = React.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof textVariants> & {
     as?: 'p' | 'div' | 'span';

package/dist/components/legal/molecules/LegalTOC.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 export interface TocItem {
     href: string;
     label: React.ReactNode;

package/dist/components/marketing/MarketingCard.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@contractspec/lib.ui-kit-web/ui/card';
+import * as React from 'react';
 export type MarketingCardTone = 'default' | 'muted' | 'elevated';
 type MarketingCardProps = React.ComponentProps<typeof Card> & {
     tone?: MarketingCardTone;

package/dist/components/marketing/MarketingCardsSection.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 import { MarketingSection } from './MarketingSection';
 declare const gridVariants: (props?: ({
-    columns?: 2 | 1 | 4 | 3 | null | undefined;
+    columns?: 1 | 2 | 4 | 3 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MarketingCardsSectionProps = React.PropsWithChildren<Omit<React.ComponentProps<typeof MarketingSection>, 'children'> & VariantProps<typeof gridVariants> & {
     gridClassName?: string;

package/dist/components/marketing/MarketingComparisonSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type MarketingSectionTone, type MarketingSectionPadding } from './MarketingSection';
+import { type MarketingSectionPadding, type MarketingSectionTone } from './MarketingSection';
 interface ComparisonColumn {
     title: string;
     items: (string | React.ReactNode)[];

package/dist/components/marketing/MarketingIconCard.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 import { type MarketingCardTone } from './MarketingCard';
 type IconComponent = React.ComponentType<{
     className?: string;
     size?: number;
 }>;
 declare const layoutVariants: (props?: ({
-    variant?: "iconFirst" | "listing" | "support" | null | undefined;
+    variant?: "listing" | "iconFirst" | "support" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type MarketingIconCardVariant = VariantProps<typeof layoutVariants>['variant'];
 interface MarketingIconCardProps {

package/dist/components/marketing/MarketingSection.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const sectionVariants: (props?: ({
     tone?: "default" | "muted" | "panel" | "gradient" | null | undefined;
     padding?: "compact" | "comfortable" | "spacious" | null | undefined;

package/dist/components/molecules/EntityCard.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { Card } from '@contractspec/lib.ui-kit-web/ui/card';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const entityCardVariants: (props?: ({
-    emphasis?: "default" | "strong" | "subtle" | "accentGradient" | null | undefined;
+    emphasis?: "strong" | "default" | "subtle" | "accentGradient" | null | undefined;
     density?: "compact" | "comfortable" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/molecules/MarkdownRenderer/MarkdownRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdownRendererProps } from './types';
+export declare function MarkdownRenderer({ content }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/MarkdownRenderer/formatInlineMarkdown.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function formatInlineMarkdown(text: string): React.ReactNode;

package/dist/components/molecules/MarkdownRenderer/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownRenderer } from './MarkdownRenderer';
+export type { MarkdownRendererProps } from './types';

package/dist/components/molecules/MarkdownRenderer/renderMarkdownTable.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function renderMarkdownTable(lines: string[], keyPrefix: number): React.ReactNode;

package/dist/components/molecules/MarkdownRenderer/types.d.ts

@@ -0,0 +1,3 @@
+export interface MarkdownRendererProps {
+    content: string;
+}

package/dist/components/molecules/SkeletonBlock/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
 export { SkeletonBlock as default, SkeletonBlock } from './index.web';
+export * from './types';

package/dist/components/molecules/SkeletonCircle/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
 export { SkeletonCircle as default, SkeletonCircle } from './index.web';
+export * from './types';

package/dist/components/molecules/SkeletonList/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
 export { SkeletonList as default, SkeletonList } from './index.web';
+export * from './types';

package/dist/components/molecules/StatCard.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { Card } from '@contractspec/lib.ui-kit-web/ui/card';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const statVariants: (props?: ({
-    emphasis?: "default" | "strong" | "subtle" | null | undefined;
+    emphasis?: "strong" | "default" | "subtle" | null | undefined;
     density?: "compact" | "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type StatCardProps = React.ComponentProps<typeof Card> & VariantProps<typeof statVariants> & {

package/dist/components/molecules/StatusChip.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const chipVariants: (props?: ({
     tone?: "success" | "neutral" | "danger" | "info" | "warning" | null | undefined;
     size?: "sm" | "md" | null | undefined;

package/dist/components/native/FlatListScreen.mobile.d.ts

@@ -1,6 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
 import { type FlatListProps } from 'react-native';
-import { type VariantProps } from 'class-variance-authority';
 export interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' | 'renderItem'>, VariantProps<typeof containerVariants> {
     data: T[];
     renderItem: FlatListProps<T>['renderItem'];
@@ -16,7 +16,7 @@ export interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' |
     emptyText?: string;
 }
 declare const containerVariants: (props?: ({
-    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
+    padding?: "none" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function FlatListScreen<T>({ children, data, renderItem, header, className, contentClassName, edges, showsVerticalScrollIndicator, keyboardShouldPersistTaps, onRefresh, refreshing, emptyComponent, emptyText, padding, ...flatListProps }: FlatListScreenProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/GridLayout.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const gridVariants: (props?: ({
     gap?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/organisms/ListCardPage.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const containerVariants: (props?: ({
     density?: "compact" | "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/organisms/ListGridPage.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const containerVariants: (props?: ({
     density?: "compact" | "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/organisms/ListTablePage.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 export interface TableColumn<T> {
     header: React.ReactNode;
     cell: (item: T, index: number) => React.ReactNode;

package/dist/components/organisms/ListTablePage.mobile.d.ts

@@ -0,0 +1,20 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export interface TableColumn<T> {
+    header: React.ReactNode;
+    cell: (item: T, index: number) => React.ReactNode;
+    className?: string;
+}
+declare const containerVariants: (props?: ({
+    density?: "compact" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ListTablePageProps<T> extends VariantProps<typeof containerVariants> {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    items: T[];
+    columns: TableColumn<T>[];
+    className?: string;
+    renderActions?: (item: T, index: number) => React.ReactNode;
+}
+export declare function ListTablePage<T>({ title, subtitle, items, columns, className, density, renderActions, }: ListTablePageProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/PricingSection.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type PricingTier } from '@contractspec/lib.ui-kit-web/ui/marketing/PricingTable';
+import * as React from 'react';
 export declare function PricingSection({ tiers, title, subtitle, className, }: {
     tiers: PricingTier[];
     title?: React.ReactNode;

package/dist/components/templates/lists/ListPageTemplate/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
 export * from './index.web';
+export * from './types';

package/dist/components/visualization/ComparisonView.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { VisualizationSurfaceItem } from './types';
+export interface ComparisonViewProps {
+    items: VisualizationSurfaceItem[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+}
+export declare function ComparisonView({ items, title, description, className, }: ComparisonViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/ComparisonView.mobile.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { VisualizationSurfaceItem } from './types';
+export interface ComparisonViewProps {
+    items: VisualizationSurfaceItem[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+}
+export declare function ComparisonView({ items, title, description, className, }: ComparisonViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/TimelineView.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { VisualizationSurfaceItem } from './types';
+export interface TimelineViewProps {
+    items: VisualizationSurfaceItem[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+}
+export declare function TimelineView({ items, title, description, className, }: TimelineViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/TimelineView.mobile.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { VisualizationSurfaceItem } from './types';
+export interface TimelineViewProps {
+    items: VisualizationSurfaceItem[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    className?: string;
+}
+export declare function TimelineView({ items, title, description, className, }: TimelineViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationCard.d.ts

@@ -0,0 +1,13 @@
+import type { VisualizationSpec } from '@contractspec/lib.contracts-spec/visualizations';
+import * as React from 'react';
+export interface VisualizationCardProps {
+    spec: VisualizationSpec;
+    data: unknown;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    height?: number;
+}
+export declare function VisualizationCard({ spec, data, title, description, footer, className, contentClassName, height, }: VisualizationCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationCard.mobile.d.ts

@@ -0,0 +1,13 @@
+import type { VisualizationSpec } from '@contractspec/lib.contracts-spec/visualizations';
+import * as React from 'react';
+export interface VisualizationCardProps {
+    spec: VisualizationSpec;
+    data: unknown;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    height?: number;
+}
+export declare function VisualizationCard({ spec, data, title, description, footer, className, contentClassName, height, }: VisualizationCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationGrid.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface VisualizationGridProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function VisualizationGrid({ children, className, }: VisualizationGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationGrid.mobile.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface VisualizationGridProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function VisualizationGrid({ children, className, }: VisualizationGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationRenderer.d.ts

@@ -0,0 +1,12 @@
+import type { VisualizationSpec } from '@contractspec/lib.contracts-spec/visualizations';
+import { type VisualizationInteractionHandler } from '@contractspec/lib.ui-kit-web/ui/visualization';
+import * as React from 'react';
+export interface VisualizationRendererProps {
+    spec: VisualizationSpec;
+    data: unknown;
+    className?: string;
+    height?: number;
+    emptyState?: React.ReactNode;
+    onDataPointPress?: VisualizationInteractionHandler;
+}
+export declare function VisualizationRenderer({ spec, data, className, height, emptyState, onDataPointPress, }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/visualization/VisualizationRenderer.mobile.d.ts

@@ -0,0 +1,12 @@
+import type { VisualizationSpec } from '@contractspec/lib.contracts-spec/visualizations';
+import { type VisualizationInteractionHandler } from '@contractspec/lib.ui-kit/ui/visualization';
+import * as React from 'react';
+export interface VisualizationRendererProps {
+    spec: VisualizationSpec;
+    data: unknown;
+    className?: string;
+    height?: number;
+    emptyState?: React.ReactNode;
+    onDataPointPress?: VisualizationInteractionHandler;
+}
+export declare function VisualizationRenderer({ spec, data, className, height, emptyState, onDataPointPress, }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;