@tempots/beatui 0.81.0 → 0.82.1

package/dist/types/better-auth/i18n/default.d.ts

@@ -0,0 +1,29 @@
+export declare const defaultMessages: {
+    twoFactorSetupDescription: string;
+    twoFactorEnableButton: string;
+    twoFactorVerifyButton: string;
+    twoFactorScanDescription: string;
+    twoFactorBackupCodesDescription: string;
+    twoFactorCodePlaceholder: string;
+    twoFactorBackupCodePlaceholder: string;
+    twoFactorEnabled: string;
+    twoFactorTotpDescription: string;
+    twoFactorOtpDescription: string;
+    twoFactorBackupDescription: string;
+    twoFactorSendOtpButton: string;
+    twoFactorMethodLabel: (method: string) => string;
+    passwordPlaceholder: string;
+    magicLinkDescription: string;
+    magicLinkSendButton: string;
+    magicLinkSent: string;
+    passkeySignInButton: string;
+    passkeyAddButton: string;
+    passkeyDeleteButton: string;
+    passkeyRenameButton: string;
+    passkeySaveButton: string;
+    passkeyCancelButton: string;
+    passkeyNamePlaceholder: string;
+    passkeyUnnamed: string;
+};
+export declare const defaultLocale = "en";
+export type BetterAuthMessages = typeof defaultMessages;

package/dist/types/better-auth/i18n/locales/en.d.ts

@@ -0,0 +1,28 @@
+declare const en: {
+    twoFactorSetupDescription: string;
+    twoFactorEnableButton: string;
+    twoFactorVerifyButton: string;
+    twoFactorScanDescription: string;
+    twoFactorBackupCodesDescription: string;
+    twoFactorCodePlaceholder: string;
+    twoFactorBackupCodePlaceholder: string;
+    twoFactorEnabled: string;
+    twoFactorTotpDescription: string;
+    twoFactorOtpDescription: string;
+    twoFactorBackupDescription: string;
+    twoFactorSendOtpButton: string;
+    twoFactorMethodLabel: (method: string) => string;
+    passwordPlaceholder: string;
+    magicLinkDescription: string;
+    magicLinkSendButton: string;
+    magicLinkSent: string;
+    passkeySignInButton: string;
+    passkeyAddButton: string;
+    passkeyDeleteButton: string;
+    passkeyRenameButton: string;
+    passkeySaveButton: string;
+    passkeyCancelButton: string;
+    passkeyNamePlaceholder: string;
+    passkeyUnnamed: string;
+};
+export default en;

package/dist/types/better-auth/i18n/translations.d.ts

@@ -0,0 +1,27 @@
+export declare const BetterAuthI18n: import("@tempots/dom").Provider<import("@tempots/dom").Signal<{
+    twoFactorSetupDescription: string;
+    twoFactorEnableButton: string;
+    twoFactorVerifyButton: string;
+    twoFactorScanDescription: string;
+    twoFactorBackupCodesDescription: string;
+    twoFactorCodePlaceholder: string;
+    twoFactorBackupCodePlaceholder: string;
+    twoFactorEnabled: string;
+    twoFactorTotpDescription: string;
+    twoFactorOtpDescription: string;
+    twoFactorBackupDescription: string;
+    twoFactorSendOtpButton: string;
+    twoFactorMethodLabel: (method: string) => string;
+    passwordPlaceholder: string;
+    magicLinkDescription: string;
+    magicLinkSendButton: string;
+    magicLinkSent: string;
+    passkeySignInButton: string;
+    passkeyAddButton: string;
+    passkeyDeleteButton: string;
+    passkeyRenameButton: string;
+    passkeySaveButton: string;
+    passkeyCancelButton: string;
+    passkeyNamePlaceholder: string;
+    passkeyUnnamed: string;
+}>, object>;

package/dist/types/better-auth/index.d.ts

@@ -0,0 +1,22 @@
+export type { BetterAuthClient, BetterAuthResult, BetterAuthUser, BetterAuthSession, BetterAuthBridge, BetterAuthBridgeOptions, TwoFactorClient, PasskeyClient, PasskeyInfo, } from './types';
+export { createBetterAuthBridge } from './bridge';
+export { createSessionManager } from './session';
+export type { SessionManager } from './session';
+export { mapSocialProviders } from './social-mapping';
+export { BetterAuth } from './provider';
+export type { BetterAuthProviderOptions } from './provider';
+export { BetterAuthContainer } from './components/better-auth-container';
+export { BetterAuthModal } from './components/better-auth-modal';
+export { Authenticated, Unauthenticated } from './components/authenticated';
+export { TwoFactorSetup } from './components/two-factor-setup';
+export type { TwoFactorSetupOptions } from './components/two-factor-setup';
+export { TwoFactorVerify } from './components/two-factor-verify';
+export type { TwoFactorVerifyOptions, TwoFactorMethod, } from './components/two-factor-verify';
+export { MagicLinkForm } from './components/magic-link-form';
+export type { MagicLinkFormOptions } from './components/magic-link-form';
+export { PasskeySignIn } from './components/passkey-signin';
+export type { PasskeySignInOptions } from './components/passkey-signin';
+export { PasskeyManagement } from './components/passkey-management';
+export type { PasskeyManagementOptions } from './components/passkey-management';
+export { BetterAuthI18n } from './i18n/translations';
+export type { BetterAuthMessages } from './i18n/default';

package/dist/types/better-auth/provider.d.ts

@@ -0,0 +1,6 @@
+import { Provider } from '@tempots/dom';
+import { BetterAuthBridge, BetterAuthBridgeOptions, BetterAuthClient } from './types';
+export interface BetterAuthProviderOptions extends BetterAuthBridgeOptions {
+    client: BetterAuthClient;
+}
+export declare const BetterAuth: Provider<BetterAuthBridge, BetterAuthProviderOptions>;

package/dist/types/better-auth/session.d.ts

@@ -0,0 +1,14 @@
+import { Signal } from '@tempots/dom';
+import { BetterAuthClient, BetterAuthSession, BetterAuthUser } from './types';
+export interface SessionManager {
+    session: Signal<BetterAuthSession | null>;
+    isPending: Signal<boolean>;
+    user: Signal<BetterAuthUser | null>;
+    isAuthenticated: Signal<boolean>;
+    refresh: () => Promise<void>;
+    dispose: () => void;
+}
+export declare function createSessionManager(client: BetterAuthClient, options?: {
+    refreshInterval?: number;
+    onSessionChange?: (session: BetterAuthSession | null) => void;
+}): SessionManager;

package/dist/types/better-auth/social-mapping.d.ts

@@ -0,0 +1,2 @@
+import { AuthProviderInfo, AuthProviderName } from '../components/auth';
+export declare function mapSocialProviders(providers: AuthProviderName[]): AuthProviderInfo[];

package/dist/types/better-auth/types.d.ts

@@ -0,0 +1,164 @@
+import { Signal } from '@tempots/dom';
+import { AuthContainerLabels, AuthContainerOptions, AuthProviderInfo, AuthProviderName, PasswordRules, ResetPasswordFormOptions, SignInFormOptions, SignUpFormOptions } from '../components/auth';
+export interface BetterAuthClient {
+    signIn: {
+        email: (opts: {
+            email: string;
+            password: string;
+            rememberMe?: boolean;
+            callbackURL?: string;
+        }) => Promise<BetterAuthResult<unknown>>;
+        social: (opts: {
+            provider: string;
+            callbackURL?: string;
+            errorCallbackURL?: string;
+        }) => Promise<BetterAuthResult<unknown>>;
+        magicLink?: (opts: {
+            email: string;
+            callbackURL?: string;
+        }) => Promise<BetterAuthResult<unknown>>;
+        passkey?: (opts?: {
+            autoFill?: boolean;
+        }) => Promise<BetterAuthResult<unknown>>;
+    };
+    signUp: {
+        email: (opts: {
+            name?: string;
+            email: string;
+            password: string;
+            callbackURL?: string;
+        }) => Promise<BetterAuthResult<unknown>>;
+    };
+    signOut: (opts?: object) => Promise<BetterAuthResult<unknown>>;
+    getSession: () => Promise<BetterAuthResult<{
+        session: unknown;
+        user: BetterAuthUser;
+    }>>;
+    requestPasswordReset: (opts: {
+        email: string;
+        redirectTo?: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    resetPassword?: (opts: {
+        newPassword: string;
+        token: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    changePassword?: (opts: {
+        newPassword: string;
+        currentPassword: string;
+        revokeOtherSessions?: boolean;
+    }) => Promise<BetterAuthResult<unknown>>;
+    sendVerificationEmail?: (opts: {
+        email: string;
+        callbackURL: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    twoFactor?: TwoFactorClient;
+    passkey?: PasskeyClient;
+    magicLink?: {
+        verify: (opts: {
+            token: string;
+        }) => Promise<BetterAuthResult<unknown>>;
+    };
+}
+export interface BetterAuthResult<T> {
+    data: T | null;
+    error: {
+        message: string;
+        status: number;
+        statusText: string;
+    } | null;
+}
+export interface BetterAuthUser {
+    id: string;
+    name?: string;
+    email: string;
+    image?: string;
+}
+export interface TwoFactorClient {
+    enable: (opts: {
+        password: string;
+        issuer?: string;
+    }) => Promise<BetterAuthResult<{
+        totpURI: string;
+        backupCodes: string[];
+    }>>;
+    disable: (opts: {
+        password: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    getTotpUri: (opts: {
+        password: string;
+    }) => Promise<BetterAuthResult<{
+        totpURI: string;
+    }>>;
+    verifyTotp: (opts: {
+        code: string;
+        trustDevice?: boolean;
+    }) => Promise<BetterAuthResult<unknown>>;
+    sendOtp?: (opts?: {
+        trustDevice?: boolean;
+    }) => Promise<BetterAuthResult<unknown>>;
+    verifyOtp?: (opts: {
+        code: string;
+        trustDevice?: boolean;
+    }) => Promise<BetterAuthResult<unknown>>;
+    generateBackupCodes: (opts: {
+        password: string;
+    }) => Promise<BetterAuthResult<{
+        backupCodes: string[];
+    }>>;
+    verifyBackupCode: (opts: {
+        code: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+}
+export interface PasskeyClient {
+    addPasskey: (opts?: {
+        name?: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    listUserPasskeys: () => Promise<BetterAuthResult<PasskeyInfo[]>>;
+    deletePasskey: (opts: {
+        id: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+    updatePasskey: (opts: {
+        id: string;
+        name: string;
+    }) => Promise<BetterAuthResult<unknown>>;
+}
+export interface PasskeyInfo {
+    id: string;
+    name?: string;
+    createdAt: string;
+}
+export interface BetterAuthBridgeOptions {
+    callbackURL?: string;
+    errorCallbackURL?: string;
+    socialProviders?: AuthProviderName[];
+    passwordRules?: PasswordRules;
+    showRememberMe?: boolean;
+    showNameField?: boolean;
+    showConfirmPassword?: boolean;
+    showPasswordStrength?: boolean;
+    refreshInterval?: number;
+    onSessionChange?: (session: BetterAuthSession | null) => void;
+    onError?: (error: {
+        message: string;
+        status: number;
+    }) => void;
+    labels?: AuthContainerLabels;
+}
+export interface BetterAuthSession {
+    user: BetterAuthUser;
+    [key: string]: unknown;
+}
+export interface BetterAuthBridge {
+    session: Signal<BetterAuthSession | null>;
+    isPending: Signal<boolean>;
+    user: Signal<BetterAuthUser | null>;
+    isAuthenticated: Signal<boolean>;
+    containerOptions: AuthContainerOptions;
+    signInOptions: SignInFormOptions;
+    signUpOptions: SignUpFormOptions;
+    resetOptions: ResetPasswordFormOptions;
+    socialProviders: AuthProviderInfo[];
+    signOut: () => Promise<void>;
+    refreshSession: () => Promise<void>;
+    dispose: () => void;
+}

package/dist/types/components/auth/auth-container.d.ts

@@ -1,6 +1,6 @@
 import { TNode } from '@tempots/dom';
 import { AuthContainerOptions } from './index';
-export declare function AuthContainer({ mode: initialMode, socialProviders, initialName, initialEmail, passwordRules, showRememberMe, showSocialDivider, showPasswordStrength, labels, onSignIn, onSignUp, onResetPassword, onModeChange, showContainer, }: AuthContainerOptions, ...children: TNode[]): TNode;
+export declare function AuthContainer({ mode: initialMode, socialProviders, initialName, initialEmail, passwordRules, showRememberMe, showSocialDivider, showPasswordStrength, labels, onSignIn, onSignUp, onResetPassword, onModeChange, onSocialLogin, showContainer, }: AuthContainerOptions, ...children: TNode[]): TNode;
 export declare function AuthModal(fn: (open: (options: AuthContainerOptions & {
     modalTitle?: () => string;
 }) => void) => TNode): TNode;

package/dist/types/components/auth/social-providers.d.ts

@@ -1,2 +1,2 @@
 import { SocialProvidersOptions } from './types';
-export declare function SocialProviders({ providers }: SocialProvidersOptions): import("@tempots/dom").Renderable;
+export declare function SocialProviders({ providers, onSocialLogin }: SocialProvidersOptions): import("@tempots/dom").Renderable;

package/dist/types/components/auth/types.d.ts

@@ -73,6 +73,7 @@ export interface AuthContainerOptions {
     onSignUp?: (data: SignUpData) => Promise<string | null>;
     onResetPassword?: (data: ResetPasswordData) => Promise<string | null>;
     onModeChange?: (mode: AuthMode) => void;
+    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
     showPasswordStrength?: Value<boolean>;
     showAlreadyHaveAccountLink?: boolean;
     showNameField?: boolean;
@@ -83,6 +84,7 @@ export interface AuthContainerOptions {
 }
 export interface SocialProvidersOptions {
     providers: AuthProviderInfo[];
+    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
 }
 export interface SignInFormLabels {
     emailLabel?: Value<string>;

package/dist/types/components/editor-toolbar/editor-toolbar-button.d.ts

@@ -0,0 +1,16 @@
+import { Signal, Value } from '@tempots/dom';
+import { ControlSize } from '../theme';
+export interface EditorToolbarButtonOptions {
+    active: Signal<boolean>;
+    display: Signal<boolean>;
+    onClick: () => void;
+    disabled: Signal<boolean>;
+    label: Value<string>;
+    icon: Value<string>;
+    size: Value<ControlSize>;
+}
+/**
+ * A reusable toolbar button component for rich text editors.
+ * Used by both Lexical and ProseMirror editor toolbars.
+ */
+export declare function EditorToolbarButton(options: EditorToolbarButtonOptions): import("@tempots/dom").Renderable;

package/dist/types/components/editor-toolbar/editor-toolbar-group.d.ts

@@ -0,0 +1,9 @@
+import { Signal, TNode } from '@tempots/dom';
+/**
+ * A reusable toolbar group component for rich text editors.
+ * Shows the group only when at least one of the display signals is true.
+ * Used by both Lexical and ProseMirror editor toolbars.
+ */
+export declare function EditorToolbarGroup({ display, }: {
+    display: Signal<boolean>[];
+}, ...children: TNode[]): import("@tempots/dom").Renderable;

package/dist/types/components/editor-toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorToolbarButton, type EditorToolbarButtonOptions, } from './editor-toolbar-button';
+export { EditorToolbarGroup } from './editor-toolbar-group';

package/dist/types/components/json-schema-display/display-widget-customization.d.ts

@@ -0,0 +1,61 @@
+import type { Renderable } from '@tempots/dom';
+import type { Value } from '@tempots/dom';
+import type { SchemaContext } from '../json-schema/schema-context';
+import type { Mismatch } from './mismatch';
+import { type ResolvedWidget } from '../json-schema/widgets/utils';
+/**
+ * Display widget factory function signature.
+ * Unlike form WidgetFactory, takes a read-only Value<unknown> instead of Controller<T>.
+ */
+export type DisplayWidgetFactory = (props: {
+    value: Value<unknown>;
+    ctx: SchemaContext;
+    mismatches?: Mismatch[];
+    options?: Record<string, unknown>;
+}) => Renderable;
+/**
+ * Display widget registration entry
+ */
+export interface DisplayWidgetRegistration {
+    /** Widget factory function */
+    factory: DisplayWidgetFactory;
+    /** Custom matcher function for widget selection */
+    matcher: (ctx: SchemaContext) => boolean;
+    /** Widget priority (higher = preferred, default: 50) */
+    priority?: number;
+    /** Widget display name (for debugging) */
+    displayName?: string;
+    /** Widget description */
+    description?: string;
+}
+/**
+ * Array of custom display widget registrations
+ */
+export type CustomDisplayWidgets = DisplayWidgetRegistration[];
+/**
+ * Display widget registry for managing custom display widgets
+ */
+export declare class DisplayWidgetRegistry {
+    private widgets;
+    register(registration: DisplayWidgetRegistration): void;
+    /**
+     * Find the best display widget for a schema context.
+     * Returns the factory if found, undefined otherwise.
+     */
+    findBestWidget(ctx: SchemaContext): {
+        factory: DisplayWidgetFactory;
+        resolved?: ResolvedWidget;
+    } | undefined;
+}
+/**
+ * Create a custom display widget registration that matches by explicit x:ui widget name.
+ */
+export declare function forDisplayXUI(widgetName: string, factory: DisplayWidgetFactory, options?: Partial<Omit<DisplayWidgetRegistration, 'factory' | 'matcher'>>): DisplayWidgetRegistration;
+/**
+ * Create a custom display widget registration that matches by schema format.
+ */
+export declare function forDisplayFormat(format: string, factory: DisplayWidgetFactory, options?: Partial<Omit<DisplayWidgetRegistration, 'factory' | 'matcher'>>): DisplayWidgetRegistration;
+/**
+ * Create a custom display widget registration that matches by type + format combination.
+ */
+export declare function forDisplayTypeAndFormat(type: string, format: string, factory: DisplayWidgetFactory, options?: Partial<Omit<DisplayWidgetRegistration, 'factory' | 'matcher'>>): DisplayWidgetRegistration;

package/dist/types/components/json-schema-display/display-wrapper.d.ts

@@ -0,0 +1,14 @@
+import { Renderable, TNode } from '@tempots/dom';
+import type { SchemaContext } from '../json-schema/schema-context';
+import type { Mismatch } from './mismatch';
+/**
+ * Display wrapper component.
+ * Renders label (from ctx.widgetLabel), required indicator, deprecated badge,
+ * description, and mismatch indicators around content.
+ * Analog of InputWrapper + WithSchemaIssues for display mode.
+ */
+export declare function DisplayWrapper({ ctx, mismatches, children, }: {
+    ctx: SchemaContext;
+    mismatches?: Mismatch[];
+    children: TNode;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/any-display.d.ts

@@ -0,0 +1,14 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Fallback display for values without a specific schema type.
+ * Detects runtime type and renders appropriately, or falls back to JSON.stringify.
+ */
+export declare function AnyDisplay({ ctx, value, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/array-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders an array value with per-item schema rendering.
+ */
+export declare function ArrayDisplay({ ctx, value, mismatches, displayWidgetRegistry, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/boolean-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders a boolean value as a styled true/false badge.
+ */
+export declare function BooleanDisplay({ ctx, value, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/composition-display.d.ts

@@ -0,0 +1,14 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders oneOf/anyOf by detecting the matching branch and rendering via matched schema.
+ * For allOf: merges and renders as single schema.
+ */
+export declare function CompositionDisplay({ ctx, value, mismatches, displayWidgetRegistry, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/enum-const-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders an enum or const value with mismatch indication.
+ */
+export declare function EnumConstDisplay({ ctx, value, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/generic-display.d.ts

@@ -0,0 +1,18 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+interface GenericDisplayProps {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}
+/**
+ * Generic display dispatcher.
+ * Mirrors generic-control.ts: resolves $ref, merges allOf,
+ * routes by schema type to the appropriate display component.
+ * Checks custom display widgets first.
+ */
+export declare function GenericDisplay({ ctx, value, mismatches, displayWidgetRegistry, }: GenericDisplayProps): Renderable;
+export {};

package/dist/types/components/json-schema-display/displays/null-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders a null indicator.
+ */
+export declare function NullDisplay({ ctx, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/number-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders a number or integer value with locale formatting.
+ */
+export declare function NumberDisplay({ ctx, value, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/object-display.d.ts

@@ -0,0 +1,13 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders an object value with labeled properties in schema order.
+ */
+export declare function ObjectDisplay({ ctx, value, mismatches, displayWidgetRegistry, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/displays/string-display.d.ts

@@ -0,0 +1,14 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { SchemaContext } from '../../json-schema/schema-context';
+import type { Mismatch } from '../mismatch';
+import type { DisplayWidgetRegistry } from '../display-widget-customization';
+/**
+ * Renders a string value with format-aware display.
+ * Supports: email, uri/url, color, date-time, date, time, password, uuid, textarea, markdown, and plain text.
+ */
+export declare function StringDisplay({ ctx, value, mismatches, }: {
+    ctx: SchemaContext;
+    value: Value<unknown>;
+    mismatches?: Mismatch[];
+    displayWidgetRegistry?: DisplayWidgetRegistry;
+}): Renderable;

package/dist/types/components/json-schema-display/index.d.ts

@@ -0,0 +1,14 @@
+export * from './mismatch';
+export * from './display-widget-customization';
+export * from './display-wrapper';
+export * from './json-schema-display';
+export { GenericDisplay } from './displays/generic-display';
+export { StringDisplay } from './displays/string-display';
+export { NumberDisplay } from './displays/number-display';
+export { BooleanDisplay } from './displays/boolean-display';
+export { NullDisplay } from './displays/null-display';
+export { ArrayDisplay } from './displays/array-display';
+export { ObjectDisplay } from './displays/object-display';
+export { EnumConstDisplay } from './displays/enum-const-display';
+export { CompositionDisplay } from './displays/composition-display';
+export { AnyDisplay } from './displays/any-display';

package/dist/types/components/json-schema-display/json-schema-display.d.ts

@@ -0,0 +1,25 @@
+import { Renderable, Value } from '@tempots/dom';
+import type { JSONSchema } from '../json-schema/schema-context';
+export type { JSONSchema } from '../json-schema/schema-context';
+import { type CustomDisplayWidgets } from './display-widget-customization';
+export interface JSONSchemaDisplayProps {
+    /** The root JSON Schema describing the value */
+    schema: JSONSchema;
+    /** The reactive value to display */
+    value: Value<unknown>;
+    /** Whether to compute and show mismatches (default: true) */
+    showMismatches?: boolean;
+    /** Custom display widget registrations */
+    customWidgets?: CustomDisplayWidgets;
+    /** Use horizontal layout for field labels */
+    horizontal?: boolean;
+}
+/**
+ * Top-level JSON Schema Display component.
+ * Given a JSON Schema and a JSON value, renders the value using schema annotations,
+ * highlights mismatches, and supports custom display widgets.
+ *
+ * This is the read-only counterpart to JSONSchemaForm.
+ * No AJV dependency, no Controller, no form state.
+ */
+export declare function JSONSchemaDisplay({ schema, value, showMismatches, customWidgets, horizontal, }: JSONSchemaDisplayProps): Renderable;

package/dist/types/components/json-schema-display/mismatch.d.ts

@@ -0,0 +1,14 @@
+import type { JSONSchemaDefinition } from '../json-schema/schema-types';
+export type MismatchKind = 'type-mismatch' | 'missing-required' | 'extra-property' | 'enum-mismatch' | 'const-mismatch' | 'constraint-violation';
+export interface Mismatch {
+    readonly kind: MismatchKind;
+    readonly path: ReadonlyArray<PropertyKey>;
+    readonly message: string;
+    readonly expected?: string;
+    readonly actual?: string;
+}
+/**
+ * Lightweight mismatch detection between a JSON value and a JSON Schema definition.
+ * No AJV dependency - checks type, required, extra properties, enum/const, and basic constraints.
+ */
+export declare function detectMismatches(value: unknown, definition: JSONSchemaDefinition, path?: PropertyKey[]): Mismatch[];