@tempots/beatui 0.12.0 → 0.14.0

package/dist/types/auth-i18n/locales/tr.d.ts

@@ -0,0 +1,29 @@
+declare const tr: {
+    signInTitle: () => string;
+    signInButton: () => string;
+    emailLabel: () => string;
+    passwordLabel: () => string;
+    rememberMeLabel: () => string;
+    forgotPasswordLink: () => string;
+    noAccountLink: () => string;
+    signUpTitle: () => string;
+    signUpButton: () => string;
+    nameLabel: () => string;
+    confirmPasswordLabel: () => string;
+    acceptTermsLabel: () => string;
+    hasAccountLink: () => string;
+    resetPasswordTitle: () => string;
+    resetPasswordButton: () => string;
+    resetPasswordDescription: () => string;
+    backToSignInLink: () => string;
+    continueWithProvider: (provider: string) => string;
+    passwordStrengthWeak: () => string;
+    passwordStrengthFair: () => string;
+    passwordStrengthGood: () => string;
+    passwordStrengthStrong: () => string;
+    orDivider: () => string;
+    error: () => string;
+    required: () => string;
+    authenticationTitle: () => string;
+};
+export default tr;

package/dist/types/auth-i18n/locales/ur.d.ts

@@ -0,0 +1,29 @@
+declare const ur: {
+    signInTitle: () => string;
+    signInButton: () => string;
+    emailLabel: () => string;
+    passwordLabel: () => string;
+    rememberMeLabel: () => string;
+    forgotPasswordLink: () => string;
+    noAccountLink: () => string;
+    signUpTitle: () => string;
+    signUpButton: () => string;
+    nameLabel: () => string;
+    confirmPasswordLabel: () => string;
+    acceptTermsLabel: () => string;
+    hasAccountLink: () => string;
+    resetPasswordTitle: () => string;
+    resetPasswordButton: () => string;
+    resetPasswordDescription: () => string;
+    backToSignInLink: () => string;
+    continueWithProvider: (provider: string) => string;
+    passwordStrengthWeak: () => string;
+    passwordStrengthFair: () => string;
+    passwordStrengthGood: () => string;
+    passwordStrengthStrong: () => string;
+    orDivider: () => string;
+    error: () => string;
+    required: () => string;
+    authenticationTitle: () => string;
+};
+export default ur;

package/dist/types/auth-i18n/locales/vi.d.ts

@@ -0,0 +1,29 @@
+declare const vi: {
+    signInTitle: () => string;
+    signInButton: () => string;
+    emailLabel: () => string;
+    passwordLabel: () => string;
+    rememberMeLabel: () => string;
+    forgotPasswordLink: () => string;
+    noAccountLink: () => string;
+    signUpTitle: () => string;
+    signUpButton: () => string;
+    nameLabel: () => string;
+    confirmPasswordLabel: () => string;
+    acceptTermsLabel: () => string;
+    hasAccountLink: () => string;
+    resetPasswordTitle: () => string;
+    resetPasswordButton: () => string;
+    resetPasswordDescription: () => string;
+    backToSignInLink: () => string;
+    continueWithProvider: (provider: string) => string;
+    passwordStrengthWeak: () => string;
+    passwordStrengthFair: () => string;
+    passwordStrengthGood: () => string;
+    passwordStrengthStrong: () => string;
+    orDivider: () => string;
+    error: () => string;
+    required: () => string;
+    authenticationTitle: () => string;
+};
+export default vi;

package/dist/types/auth-i18n/locales/zh.d.ts

@@ -22,8 +22,8 @@ declare const zh: {
     passwordStrengthGood: () => string;
     passwordStrengthStrong: () => string;
     orDivider: () => string;
-    loading: () => string;
     error: () => string;
     required: () => string;
+    authenticationTitle: () => string;
 };
 export default zh;

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

@@ -22,7 +22,7 @@ export declare const AuthI18n: import("@tempots/dom").Provider<import("..").Reac
     passwordStrengthGood: () => string;
     passwordStrengthStrong: () => string;
     orDivider: () => string;
-    loading: () => string;
     error: () => string;
     required: () => string;
+    authenticationTitle: () => string;
 }>, object>;

package/dist/types/beatui-i18n/default.d.ts

@@ -37,6 +37,7 @@ export declare const defaultMessages: {
     he: () => string;
     fa: () => string;
     ur: () => string;
+    emailPlaceholderText: () => string;
 };
 export declare const defaultLocale = "en";
 export type BeatUIMessages = typeof defaultMessages;

package/dist/types/beatui-i18n/locales/en.d.ts

@@ -37,5 +37,6 @@ declare const en: {
     he: () => string;
     fa: () => string;
     ur: () => string;
+    emailPlaceholderText: () => string;
 };
 export default en;

package/dist/types/beatui-i18n/translations.d.ts

@@ -37,4 +37,5 @@ export declare const BeatUII18n: import("@tempots/dom").Provider<import("..").Re
     he: () => string;
     fa: () => string;
     ur: () => string;
+    emailPlaceholderText: () => string;
 }>, object>;

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

@@ -1,10 +1,6 @@
-import { TNode, Value } from '@tempots/dom';
+import { TNode } from '@tempots/dom';
 import { AuthContainerOptions } from './index';
-export declare function AuthContainer({ mode: initialMode, className, socialProviders, passwordRules, showRememberMe, showSocialDivider, allowSignUp, allowPasswordReset, showPasswordStrength, labels, onSignIn, onSignUp, onResetPassword, onModeChange, onSocialLogin, onSubmitSignIn, onSubmitSignUp, onSubmitResetPassword, }: AuthContainerOptions): TNode;
-export declare function AuthModal({ isOpen, onClose, ...authOptions }: AuthContainerOptions & {
-    isOpen: Value<boolean>;
-    onClose?: () => void;
-}): TNode;
-export declare function SignInContainer(options: Omit<AuthContainerOptions, 'initialMode'>): TNode;
-export declare function SignUpContainer(options: Omit<AuthContainerOptions, 'initialMode'>): TNode;
-export declare function ResetPasswordContainer(options: Omit<AuthContainerOptions, 'initialMode'>): TNode;
+export declare function AuthContainer({ mode: initialMode, socialProviders, passwordRules, showRememberMe, showSocialDivider, showPasswordStrength, labels, onSignIn, onSignUp, onResetPassword, onModeChange, showContainer, }: AuthContainerOptions, ...children: TNode[]): TNode;
+export declare function AuthModal(fn: (open: (options: AuthContainerOptions & {
+    modalTitle?: () => string;
+}) => void) => TNode): TNode;

package/dist/types/components/auth/auth-email-prop.d.ts

@@ -0,0 +1 @@
+export declare const useAuthEmailProp: () => import("@tempots/dom").Prop<string | null>;

package/dist/types/components/auth/reset-password-form.d.ts

@@ -1,3 +1,3 @@
 import { TNode } from '@tempots/dom';
 import { ResetPasswordFormOptions } from './index';
-export declare function ResetPasswordForm({ onSubmit, onModeChange, onResetPassword, loading, error, labels, }: ResetPasswordFormOptions): TNode;
+export declare function ResetPasswordForm({ onResetPassword, labels, }: ResetPasswordFormOptions): TNode;

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

@@ -1,24 +1,34 @@
-import { StringValidator } from '../form/schema/custom-validation';
+import { StringValidator, SafeParseResult } from '../form/schema/custom-validation';
 import { StandardSchemaV1 } from '../form/schema/standard-schema-v1';
-import { PasswordRules, SignInData, SignUpData, ResetPasswordData } from './types';
+import { PasswordRules, ResetPasswordData, SignInFormData, SignUpFormData } from './types';
 export declare function createPasswordSchema(rules?: PasswordRules): StringValidator;
 export declare const emailSchema: StringValidator;
-export declare function createSignInSchema(passwordRules?: PasswordRules): StandardSchemaV1<SignInData>;
+export declare function createSignInSchema(passwordRules?: PasswordRules): StandardSchemaV1<SignInFormData> & {
+    safeParse: (value: unknown) => SafeParseResult<SignInFormData>;
+};
 export declare function createSignUpSchema(passwordRules?: PasswordRules, options?: {
     showNameField?: boolean;
     showConfirmPassword?: boolean;
     showAcceptTermsAndConditions?: boolean;
-}): StandardSchemaV1<SignUpData>;
-export declare const resetPasswordSchema: StandardSchemaV1<ResetPasswordData>;
-export declare const defaultSignInSchema: StandardSchemaV1<SignInData, SignInData>;
-export declare const defaultSignUpSchema: StandardSchemaV1<SignUpData, SignUpData>;
-export type SignInFormData = SignInData;
-export type SignUpFormData = SignUpData;
+}): StandardSchemaV1<SignUpFormData> & {
+    safeParse: (value: unknown) => SafeParseResult<SignUpFormData>;
+};
+export declare const resetPasswordSchema: StandardSchemaV1<ResetPasswordData> & {
+    safeParse: (value: unknown) => SafeParseResult<ResetPasswordData>;
+};
+export declare const defaultSignInSchema: StandardSchemaV1<import("./types").SignInData, import("./types").SignInData> & {
+    safeParse: (value: unknown) => SafeParseResult<SignInFormData>;
+};
+export declare const defaultSignUpSchema: StandardSchemaV1<SignUpFormData, SignUpFormData> & {
+    safeParse: (value: unknown) => SafeParseResult<SignUpFormData>;
+};
 export type ResetPasswordFormData = ResetPasswordData;
 export declare const authSchemas: {
     signIn: typeof createSignInSchema;
     signUp: typeof createSignUpSchema;
-    resetPassword: () => StandardSchemaV1<ResetPasswordData, ResetPasswordData>;
+    resetPassword: () => StandardSchemaV1<ResetPasswordData, ResetPasswordData> & {
+        safeParse: (value: unknown) => SafeParseResult<ResetPasswordData>;
+    };
 };
 export declare function validateEmail(email: string): string | null;
 export declare function validatePassword(password: string, rules?: PasswordRules): string | null;

package/dist/types/components/auth/signin-form.d.ts

@@ -1,3 +1,3 @@
 import { TNode } from '@tempots/dom';
 import { SignInFormOptions } from './index';
-export declare function SignInForm({ onSubmit, onModeChange, onSignIn, onSocialLogin, loading, error, passwordRules, labels, socialProviders, showSocialDivider, showRememberMe, allowPasswordReset, allowSignUp, }: SignInFormOptions): TNode;
+export declare function SignInForm({ onSignIn, passwordRules, labels, showRememberMe, }: SignInFormOptions): TNode;

package/dist/types/components/auth/signup-form.d.ts

@@ -1,3 +1,3 @@
 import { TNode } from '@tempots/dom';
 import { SignUpFormOptions } from './index';
-export declare function SignUpForm({ onSubmit, onModeChange, loading, error, passwordRules, labels, socialProviders, showSocialDivider, showPasswordStrength, onSignUp, onSocialLogin, showAlreadyHaveAccountLink, showNameField, showConfirmPassword, showAcceptTermsAndConditions, termsAndConditions, }: SignUpFormOptions): TNode;
+export declare function SignUpForm({ passwordRules, labels, showPasswordStrength, onSignUp, showNameField, showConfirmPassword, showAcceptTermsAndConditions, termsAndConditions, }: SignUpFormOptions): TNode;

package/dist/types/components/auth/social-login-button.d.ts

@@ -2,16 +2,14 @@ import { TNode, Value } from '@tempots/dom';
 import { SocialLoginButtonOptions, AuthProviderName } from './index';
 import { ControlSize } from '../theme';
 import { ThemeColorName } from '@/tokens';
-export declare function SocialLoginButton({ provider, onClick, loading, disabled, size, name, icon, color, flow, labels, }: SocialLoginButtonOptions): TNode;
+export declare function SocialLoginButton({ provider, onClick, size, name, icon, color, flow, labels, }: SocialLoginButtonOptions): TNode;
 export type AuthProviderInfo = {
     provider: AuthProviderName;
     flow?: 'redirect' | 'popup';
 };
-export declare function SocialLoginButtons({ providers, onProviderClick, loading, disabled, size, className, }: {
+export declare function SocialLoginButtons({ providers, onProviderClick, size, className, }: {
     providers: Value<Array<AuthProviderInfo>>;
     onProviderClick?: (provider: AuthProviderName) => Promise<void>;
-    loading?: Value<boolean>;
-    disabled?: Value<boolean>;
     size?: Value<ControlSize>;
     className?: Value<string>;
 }): TNode;

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

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

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

@@ -9,12 +9,14 @@ export type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';
 export interface SignInData {
     email: string;
     password: string;
-    rememberMe?: boolean;
 }
+export type SignInFormData = SignInData;
 export interface SignUpData {
     name?: string;
     email: string;
     password: string;
+}
+export interface SignUpFormData extends SignUpData {
     confirmPassword: string;
     acceptTerms: boolean;
 }
@@ -38,116 +40,97 @@ export interface PasswordRules {
     requireSymbols?: boolean;
     customValidation?: (password: string) => string | null;
 }
+export interface AuthContainerLabels {
+    signInTitle?: () => string;
+    emailLabel?: () => string;
+    passwordLabel?: () => string;
+    rememberMeLabel?: () => string;
+    signInButton?: () => string;
+    forgotPasswordLink?: () => string;
+    noAccountLink?: () => string;
+    acceptTermsLabel?: () => string;
+    confirmPasswordLabel?: () => string;
+    signUpTitle?: () => string;
+    signUpButton?: () => string;
+    nameLabel?: () => string;
+    hasAccountLink?: () => string;
+    resetPasswordTitle?: () => string;
+    resetPasswordButton?: () => string;
+    resetPasswordDescription?: () => string;
+    backToSignInLink?: () => string;
+}
 export interface AuthContainerOptions {
     mode?: Value<AuthMode>;
     className?: Value<string>;
-    socialProviders?: Value<AuthProviderInfo[]>;
+    socialProviders?: AuthProviderInfo[];
     passwordRules?: PasswordRules;
-    showRememberMe?: Value<boolean>;
-    showSocialDivider?: Value<boolean>;
-    allowSignUp?: Value<boolean>;
-    allowPasswordReset?: Value<boolean>;
-    showPasswordStrength?: Value<boolean>;
-    labels?: {
-        signInTitle?: () => string;
-        emailLabel?: () => string;
-        passwordLabel?: () => string;
-        rememberMeLabel?: () => string;
-        loading?: () => string;
-        signInButton?: () => string;
-        forgotPasswordLink?: () => string;
-        noAccountLink?: () => string;
-        acceptTermsLabel?: () => string;
-        confirmPasswordLabel?: () => string;
-        signUpTitle?: () => string;
-        signUpButton?: () => string;
-        nameLabel?: () => string;
-        hasAccountLink?: () => string;
-        resetPasswordTitle?: () => string;
-        resetPasswordButton?: () => string;
-        resetPasswordDescription?: () => string;
-        backToSignInLink?: () => string;
-    };
-    onSignIn?: (data: SignInData) => Promise<void>;
-    onSignUp?: (data: SignUpData) => Promise<void>;
-    onResetPassword?: (data: ResetPasswordData) => Promise<void>;
+    showRememberMe?: boolean;
+    showSocialDivider?: boolean;
+    allowSignUp?: boolean;
+    allowPasswordReset?: boolean;
+    labels?: AuthContainerLabels;
+    onSignIn?: (data: SignInData) => Promise<string | null>;
+    onSignUp?: (data: SignUpData) => Promise<string | null>;
+    onResetPassword?: (data: ResetPasswordData) => Promise<string | null>;
     onModeChange?: (mode: AuthMode) => void;
-    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
-    onSubmitSignIn?: (data: SignInData) => Promise<void>;
-    onSubmitSignUp?: (data: SignUpData) => Promise<void>;
-    onSubmitResetPassword?: (data: ResetPasswordData) => Promise<void>;
+    showPasswordStrength?: boolean;
+    showAlreadyHaveAccountLink?: boolean;
+    showNameField?: boolean;
+    showConfirmPassword?: boolean;
+    showAcceptTermsAndConditions?: boolean;
+    termsAndConditions?: TNode;
+    showContainer?: Value<boolean>;
+}
+export interface SocialProvidersOptions {
+    providers: AuthProviderInfo[];
+}
+export interface SignInFormLabels {
+    emailLabel?: () => string;
+    passwordLabel?: () => string;
+    rememberMeLabel?: () => string;
+    signInButton?: () => string;
+    forgotPasswordLink?: () => string;
+    noAccountLink?: () => string;
 }
 export interface SignInFormOptions {
-    onSubmit?: (data: SignInData) => Promise<void>;
-    onModeChange?: (mode: AuthMode) => void;
-    onSignIn?: (data: SignInData) => Promise<void>;
-    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
-    loading?: Value<boolean>;
-    error?: Value<string | null>;
+    onSignIn?: (data: SignInData) => Promise<string | null>;
     passwordRules?: PasswordRules;
-    labels?: {
-        signInTitle?: () => string;
-        emailLabel?: () => string;
-        passwordLabel?: () => string;
-        rememberMeLabel?: () => string;
-        loading?: () => string;
-        signInButton?: () => string;
-        forgotPasswordLink?: () => string;
-        noAccountLink?: () => string;
-    };
-    socialProviders?: Value<SocialProviderConfig<unknown>[]>;
-    showSocialDivider?: Value<boolean>;
-    showRememberMe?: Value<boolean>;
-    allowPasswordReset?: Value<boolean>;
-    allowSignUp?: Value<boolean>;
+    labels?: SignInFormLabels;
+    showRememberMe?: boolean;
+}
+export interface SignUpFormLabels {
+    nameLabel?: () => string;
+    emailLabel?: () => string;
+    passwordLabel?: () => string;
+    confirmPasswordLabel?: () => string;
+    acceptTermsLabel?: () => string;
+    signUpButton?: () => string;
+    hasAccountLink?: () => string;
 }
 export interface SignUpFormOptions {
-    onSubmit?: (data: SignUpData) => Promise<void>;
-    onModeChange?: (mode: AuthMode) => void;
-    loading?: Value<boolean>;
-    error?: Value<string | null>;
     passwordRules?: PasswordRules;
-    labels?: {
-        signUpTitle?: () => string;
-        nameLabel?: () => string;
-        emailLabel?: () => string;
-        passwordLabel?: () => string;
-        confirmPasswordLabel?: () => string;
-        acceptTermsLabel?: () => string;
-        loading?: () => string;
-        signUpButton?: () => string;
-        hasAccountLink?: () => string;
-    };
-    socialProviders?: Value<AuthProviderInfo[]>;
-    showSocialDivider?: Value<boolean>;
-    showPasswordStrength?: Value<boolean>;
-    onSignUp?: (data: SignUpData) => Promise<void>;
-    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
-    showAlreadyHaveAccountLink?: Value<boolean>;
-    showNameField?: Value<boolean>;
-    showConfirmPassword?: Value<boolean>;
-    showAcceptTermsAndConditions?: Value<boolean>;
+    labels?: SignUpFormLabels;
+    onSignUp?: (data: SignUpData) => Promise<string | null>;
+    showPasswordStrength?: boolean;
+    showAlreadyHaveAccountLink?: boolean;
+    showNameField?: boolean;
+    showConfirmPassword?: boolean;
+    showAcceptTermsAndConditions?: boolean;
     termsAndConditions?: TNode;
 }
+export interface ResetPasswordFormLabels {
+    resetPasswordButton?: () => string;
+    resetPasswordDescription?: () => string;
+    emailLabel?: () => string;
+    backToSignInLink?: () => string;
+}
 export interface ResetPasswordFormOptions {
-    onSubmit?: (data: ResetPasswordData) => Promise<void>;
-    onModeChange?: (mode: AuthMode) => void;
-    onResetPassword?: (data: ResetPasswordData) => Promise<void>;
-    loading?: Value<boolean>;
-    error?: Value<string | null>;
-    labels?: {
-        resetPasswordTitle?: () => string;
-        resetPasswordButton?: () => string;
-        resetPasswordDescription?: () => string;
-        emailLabel?: () => string;
-        loading?: () => string;
-        backToSignInLink?: () => string;
-    };
+    onResetPassword?: (data: ResetPasswordData) => Promise<string | null>;
+    labels?: ResetPasswordFormLabels;
 }
 export interface SocialLoginButtonOptions {
     provider: Value<AuthProviderName>;
     onClick?: () => Promise<void>;
-    loading?: Value<boolean>;
     disabled?: Value<boolean>;
     size?: Value<ControlSize>;
     flow?: Value<'redirect' | 'popup' | undefined>;

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

@@ -16,8 +16,10 @@ export declare function createSocialLoginUrl(provider: AuthProviderName, clientI
 export declare function openSocialLoginPopup<T>(url: string, provider: AuthProviderName, onSuccess?: (result: T) => void, onError?: (error: Error) => void): void;
 export declare function formatAuthError(error: unknown): string;
 export declare function isBrowser(): boolean;
-export declare const REMEMBER_EMAIL_KEY = "bui_auth_remember_email";
-export declare function saveRememberMe(email: string): void;
-export declare function getRememberedEmail(): string | null;
-export declare function clearRememberedEmail(): void;
 export declare function functionOrReactiveMessage<T extends Value<unknown>[]>(fn: undefined | ((...args: GetValueTypes<T>) => string), reactiveFn: (...args: T) => Signal<string>, ...args: T): Signal<string>;
+export declare function requestToControllerValidation<T>({ task, message, onStart, onEnd, }: {
+    task: undefined | ((value: T) => Promise<string | null>);
+    message: string;
+    onStart?: () => void;
+    onEnd?: () => void;
+}): (value: T) => Promise<import("../form").ControllerValidation>;

package/dist/types/components/form/controller/controller-validation.d.ts

@@ -0,0 +1,8 @@
+import { Validation } from '@tempots/std';
+import { PathSegment } from './path';
+export type ControllerError = {
+    message?: string;
+    dependencies?: Record<PathSegment, ControllerError>;
+};
+export type ControllerValidation = Validation<ControllerError>;
+export declare function makeMapValidation(fields: PathSegment[]): (status: ControllerValidation) => ControllerValidation;

package/dist/types/components/form/controller/controller.d.ts

@@ -1,49 +1,51 @@
 import { Signal } from '@tempots/dom';
 import { Path, PathSegment } from './path';
-import { InvalidDependencies, ValidationResult } from './validation-result';
-export declare class Controller<In> {
+import { ControllerError, ControllerValidation } from './controller-validation';
+export declare class Controller<T> {
     #private;
     readonly path: Path;
-    readonly change: (value: In) => void;
-    readonly value: Signal<In>;
-    readonly status: Signal<ValidationResult>;
+    readonly change: (value: T) => void;
+    readonly value: Signal<T>;
+    readonly status: Signal<ControllerValidation>;
     readonly error: Signal<undefined | string>;
     readonly hasError: Signal<boolean>;
-    readonly dependencyErrors: Signal<undefined | Record<string | number, InvalidDependencies>>;
+    readonly dependencyErrors: Signal<undefined | Record<string | number, ControllerError>>;
     protected readonly parent: {
         disabled: Signal<boolean>;
     };
     readonly disabled: Signal<boolean>;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
+    readonly disabledOrHasErrors: Signal<boolean>;
+    constructor(path: Path, change: (value: T) => void, value: Signal<T>, status: Signal<ControllerValidation>, parent: {
         disabled: Signal<boolean>;
     });
     get name(): string;
     readonly onDispose: (callback: () => void) => void;
     readonly dispose: () => void;
+    readonly setDisabled: (disabled: boolean) => void;
     readonly disable: () => void;
     readonly enable: () => void;
-    readonly array: (equals?: (a: In, b: In) => boolean) => ArrayController<In extends any[] ? In : never>;
-    readonly object: (equals?: (a: In, b: In) => boolean) => ObjectController<In extends Record<string, any> ? In : never>;
-    readonly transform: <Out>(transform: (value: In) => Out, untransform: (value: Out) => In, subpath?: PathSegment[], equals?: (a: Out, b: Out) => boolean) => Controller<Out>;
+    readonly array: (equals?: (a: T, b: T) => boolean) => ArrayController<T extends any[] ? T : never>;
+    readonly object: (equals?: (a: T, b: T) => boolean) => ObjectController<T extends Record<string, any> ? T : never>;
+    readonly transform: <Out>(transform: (value: T) => Out, untransform: (value: Out) => T, subpath?: PathSegment[], equals?: (a: Out, b: Out) => boolean) => Controller<Out>;
 }
-export declare class ObjectController<In extends Record<string, In[keyof In]>> extends Controller<In> {
+export declare class ObjectController<T extends Record<keyof T, T[keyof T]>> extends Controller<T> {
     #private;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
+    constructor(path: Path, change: (value: T) => void, value: Signal<T>, status: Signal<ControllerValidation>, parent: {
         disabled: Signal<boolean>;
-    }, equals: (a: In, b: In) => boolean);
-    readonly field: <K extends keyof In & string>(field: K) => Controller<In[K]>;
+    }, equals: (a: T, b: T) => boolean);
+    readonly field: <K extends keyof T & string>(field: K) => Controller<T[K]>;
 }
-export declare class ArrayController<In extends unknown[]> extends Controller<In> {
+export declare class ArrayController<T extends unknown[]> extends Controller<T> {
     #private;
     readonly length: Signal<number>;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
+    constructor(path: Path, change: (value: T) => void, value: Signal<T>, status: Signal<ControllerValidation>, parent: {
         disabled: Signal<boolean>;
-    }, equals: (a: In, b: In) => boolean);
-    readonly item: (index: number) => Controller<In[number]>;
-    readonly push: (...value: In[number][]) => void;
+    }, equals: (a: T, b: T) => boolean);
+    readonly item: (index: number) => Controller<T[number]>;
+    readonly push: (...value: T[number][]) => void;
     readonly pop: () => void;
     readonly shift: () => void;
-    readonly unshift: (...value: In) => void;
+    readonly unshift: (...value: T) => void;
     readonly removeAt: (index: number) => void;
     readonly splice: (start: number, deleteCount?: number) => void;
     readonly move: (from: number, to: number, length?: number) => void;

package/dist/types/components/form/controller/index.d.ts

@@ -1,5 +1,5 @@
 export * from '../control/ensure-control';
 export * from '../control/list-control';
 export * from './path';
-export * from './validation-result';
+export * from './controller-validation';
 export * from './controller';

package/dist/types/components/form/schema/schema-utils.d.ts

@@ -1,4 +1,4 @@
-import { InvalidDependencies } from '../controller/validation-result';
+import { ControllerError } from '../controller/controller-validation';
 import { StandardSchemaV1 } from './standard-schema-v1';
 export declare function convertStandardSchemaPathToPath(path: ReadonlyArray<PropertyKey | StandardSchemaV1.PathSegment>): (string | number)[];
-export declare function convertStandardSchemaIssues(issues: readonly StandardSchemaV1.Issue[]): InvalidDependencies;
+export declare function convertStandardSchemaIssues(issues: readonly StandardSchemaV1.Issue[]): ControllerError;

package/dist/types/components/form/use-form.d.ts

@@ -1,19 +1,23 @@
 import { StandardSchemaV1 } from './schema/standard-schema-v1';
-import { ValidationResult, Controller } from './controller';
-export interface UseFormOptions<In, Out = In> {
-    schema: StandardSchemaV1<In, Out>;
-    defaultValue?: In;
+import { ControllerValidation, Controller, ObjectController } from './controller';
+export interface UseFormOptions<T> {
+    schema: StandardSchemaV1<T, T>;
+    defaultValue?: T;
+    submit?: (value: T) => Promise<ControllerValidation>;
 }
-export interface UseControllerOptions<In> {
-    defaultValue: In;
-    onChange?: (value: In) => void;
-    validate?: (value: In) => Promise<ValidationResult> | ValidationResult;
+export interface UseControllerOptions<T> {
+    defaultValue: T;
+    onChange?: (value: T) => void;
+    validate?: (value: T) => Promise<ControllerValidation> | ControllerValidation;
 }
 /**
  * Creates a Controller instance with automatic resource cleanup.
  * The controller will be automatically disposed when the component unmounts.
  */
-export declare function useController<In>({ defaultValue, onChange, validate, }: UseControllerOptions<In>): Controller<In>;
+export declare function useController<T>({ defaultValue, onChange, validate, }: UseControllerOptions<T>): {
+    controller: Controller<T>;
+    setStatus: (result: ControllerValidation) => void;
+};
 export declare function connectCommonAttributes<T>(value: Controller<T>): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
 export declare function connectStringInput(value: Controller<string>, { triggerOn, }?: {
     triggerOn?: 'change' | 'input';
@@ -21,5 +25,34 @@ export declare function connectStringInput(value: Controller<string>, { triggerO
 export declare function connectNumberInput(value: Controller<number>, { triggerOn, }?: {
     triggerOn?: 'change' | 'input';
 }): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
-export declare function standardSchemaResultToValidationResult<Out>(result: StandardSchemaV1.Result<Out>): ValidationResult;
-export declare function useForm<In extends Record<string, any>, Out = In>({ defaultValue, schema, }: UseFormOptions<In, Out>): import("./controller").ObjectController<In extends Record<string, any> ? In : never>;
+export declare function standardSchemaResultToValidation<Out>(result: StandardSchemaV1.Result<Out>): ControllerValidation;
+/**
+ * Wraps an async operation and converts any thrown errors into a ControllerValidation.
+ * This is useful for form submission handlers that need to convert async operations
+ * into the ControllerValidation format expected by the form system.
+ *
+ * @param task - The async operation to execute
+ * @param errorMessage - Optional custom error message. If not provided, uses the error's message or a default message
+ * @param errorPath - Optional path for the error. Defaults to ['root']
+ * @returns A Promise that resolves to a ControllerValidation
+ *
+ * @example
+ * ```typescript
+ * const result = await taskToValidation(
+ *   () => signUpUser(userData),
+ *   'Sign up failed'
+ * )
+ * ```
+ */
+export declare function taskToValidation<T>({ task, errorMessage, errorPath, validation, }: {
+    task: () => Promise<T>;
+    errorMessage?: string;
+    errorPath?: string[];
+    validation?: (result: T) => ControllerValidation;
+}): Promise<ControllerValidation>;
+export type UseFormResult<T> = {
+    controller: ObjectController<T>;
+    setStatus: (result: ControllerValidation) => void;
+    onSubmit: (e: Event) => Promise<void>;
+};
+export declare function useForm<T>({ defaultValue, schema, submit, }: UseFormOptions<T>): UseFormResult<T>;