@contractspec/lib.design-system 3.8.10 → 3.9.0

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { type ButtonProps } from './Button';
 declare const _actionBtn: (props?: ({
     tone?: "outline" | "neutral" | "danger" | "subtle" | null | undefined;
-    size?: "sm" | "lg" | "md" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "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/Cta.d.ts

@@ -2,8 +2,8 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type ButtonProps } from './Button';
 declare const _ctaVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "touch" | null | undefined;
-    emphasis?: "strong" | "default" | "subtle" | null | undefined;
+    size?: "sm" | "md" | "lg" | "touch" | null | undefined;
+    emphasis?: "default" | "strong" | "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/Input.mobile.d.ts

@@ -10,11 +10,12 @@ interface BaseFieldProps {
     onBlur?: () => void;
     placeholder?: string;
     disabled?: boolean;
+    readOnly?: boolean;
     maxLength?: number;
     className?: string;
     keyboard?: KeyboardOptions;
 }
 type NativeInputComponentProps = React.ComponentProps<typeof NativeInput>;
 export type InputProps = Omit<NativeInputComponentProps, 'onChangeText' | 'value' | 'defaultValue'> & BaseFieldProps;
-export declare function Input({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, className, keyboard, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
 export default Input;

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     tone?: "default" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LoaderCircularProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type RankBadgeProps = VariantProps<typeof badgeVariants> & {
     rank: number;

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 declare const sizeVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ScoreBarProps = VariantProps<typeof sizeVariants> & {
     score: number;

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

@@ -10,11 +10,12 @@ interface BaseFieldProps {
     onBlur?: () => void;
     placeholder?: string;
     disabled?: boolean;
+    readOnly?: boolean;
     maxLength?: number;
     className?: string;
     keyboard?: KeyboardOptions;
 }
 type NativeTextareaComponentProps = React.ComponentProps<typeof NativeTextarea>;
 export type TextareaProps = Omit<NativeTextareaComponentProps, 'onChangeText' | 'value' | 'defaultValue'> & BaseFieldProps;
-export declare function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, className, keyboard, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export default Textarea;

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 declare const headingVariants: (props?: ({
     level?: "h1" | "h2" | "h3" | "h4" | null | undefined;
     tone?: "default" | "muted" | "accent" | null | undefined;
-    spacing?: "none" | "sm" | "lg" | "md" | null | undefined;
+    spacing?: "sm" | "md" | "lg" | "none" | 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

@@ -2,7 +2,7 @@ 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;
+    spacing?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LegalListProps = React.HTMLAttributes<HTMLUListElement | HTMLOListElement> & VariantProps<typeof listVariants>;
 export declare function LegalList({ type, spacing, className, children, ...props }: LegalListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const sectionVariants: (props?: ({
-    spacing?: "sm" | "lg" | "md" | null | undefined;
-    border?: "none" | "top" | "bottom" | "both" | null | undefined;
+    spacing?: "sm" | "md" | "lg" | null | undefined;
+    border?: "none" | "both" | "top" | "bottom" | 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

@@ -2,8 +2,8 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const textVariants: (props?: ({
     tone?: "default" | "danger" | "muted" | null | undefined;
-    size?: "base" | "sm" | "lg" | null | undefined;
-    spacing?: "none" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "lg" | "base" | null | undefined;
+    spacing?: "sm" | "md" | "lg" | "none" | 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

@@ -5,7 +5,7 @@ export interface TocItem {
     label: React.ReactNode;
 }
 declare const tocVariants: (props?: ({
-    variant?: "inline" | "sidebar" | null | undefined;
+    variant?: "sidebar" | "inline" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LegalTOCProps = {

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

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { MarketingSection } from './MarketingSection';
 declare const gridVariants: (props?: ({
-    columns?: 1 | 2 | 4 | 3 | null | undefined;
+    columns?: 2 | 3 | 4 | 1 | 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/molecules/EntityCard.d.ts

@@ -2,7 +2,7 @@ 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?: "strong" | "default" | "subtle" | "accentGradient" | null | undefined;
+    emphasis?: "default" | "strong" | "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/StatCard.d.ts

@@ -2,7 +2,7 @@ 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?: "strong" | "default" | "subtle" | null | undefined;
+    emphasis?: "default" | "strong" | "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/native/FlatListScreen.mobile.d.ts

@@ -16,7 +16,7 @@ export interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' |
     emptyText?: string;
 }
 declare const containerVariants: (props?: ({
-    padding?: "none" | "sm" | "lg" | "md" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | 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,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const gridVariants: (props?: ({
-    gap?: "sm" | "lg" | "md" | null | undefined;
+    gap?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function GridLayout({ children, className, columns, gap, }: {
     children: React.ReactNode;

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

@@ -4,7 +4,7 @@ declare const containerVariants: (props?: ({
     density?: "compact" | "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const gridVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ListCardPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridVariants> {
     title: React.ReactNode;

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

@@ -4,7 +4,7 @@ declare const containerVariants: (props?: ({
     density?: "compact" | "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const gridGapVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ListGridPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridGapVariants> {
     title: React.ReactNode;

package/dist/contracts.typecheck.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/i18n/translation.d.ts

@@ -0,0 +1,16 @@
+import type { TranslationRegistry } from '@contractspec/lib.contracts-spec/translations';
+import * as React from 'react';
+export type DesignSystemTranslationResolver = (key: string) => string | undefined;
+export declare function DesignSystemTranslationProvider({ children, resolver, }: {
+    children: React.ReactNode;
+    resolver?: DesignSystemTranslationResolver;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDesignSystemTranslation(): DesignSystemTranslationResolver | undefined;
+export declare function resolveTranslationString(value: string | undefined, resolver?: DesignSystemTranslationResolver): string | undefined;
+export declare function resolveTranslationNode(value: React.ReactNode, resolver?: DesignSystemTranslationResolver): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function createTranslationResolver({ registry, locale, fallbackLocale, specKeys, }: {
+    registry: TranslationRegistry;
+    locale: string;
+    fallbackLocale?: string;
+    specKeys?: string[];
+}): DesignSystemTranslationResolver;

package/dist/index.d.ts

@@ -116,11 +116,13 @@ export { VisualizationCard, type VisualizationCardProps, } from './components/vi
 export { VisualizationGrid, type VisualizationGridProps, } from './components/visualization/VisualizationGrid';
 export { VisualizationRenderer, type VisualizationRendererProps, } from './components/visualization/VisualizationRenderer';
 export { useListUrlState } from './hooks/useListUrlState';
+export * from './i18n/translation';
 export { useColorScheme } from './platform/useColorScheme';
 export { useReducedMotion } from './platform/useReducedMotion';
 export { useResponsive } from './platform/useResponsive';
 export * from './platform/withPlatformUI';
 export * from './renderers';
+export * from './theme/contracts';
 export { mapTokensForPlatform } from './theme/tokenBridge';
 export * from './theme/tokens';
 export * from './theme/variants';