@tempots/beatui 0.10.0 → 0.12.0

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

@@ -0,0 +1,171 @@
+import { TNode, Value } from '@tempots/dom';
+import { ControlSize } from '../theme';
+import { ThemeColorName } from '@/tokens';
+import { AuthProviderInfo } from './social-login-button';
+export type AuthProviderName = 'google' | 'github' | 'apple' | 'facebook' | 'twitter' | 'x' | 'microsoft' | 'discord' | 'linkedin' | 'instagram' | 'tiktok' | 'snapchat' | 'reddit' | 'pinterest' | 'twitch' | 'steam' | 'epic' | 'playstation' | 'xbox' | 'whatsapp' | 'wechat' | 'amazon' | 'yahoo' | 'paypal';
+export type AuthMode = 'signin' | 'signup' | 'reset-password';
+export type SocialLoginFlow = 'redirect' | 'popup';
+export type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';
+export interface SignInData {
+    email: string;
+    password: string;
+    rememberMe?: boolean;
+}
+export interface SignUpData {
+    name?: string;
+    email: string;
+    password: string;
+    confirmPassword: string;
+    acceptTerms: boolean;
+}
+export interface ResetPasswordData {
+    email: string;
+}
+export interface SocialProviderConfig<T> {
+    provider: AuthProviderName;
+    clientId?: string;
+    flow?: SocialLoginFlow;
+    scopes?: string[];
+    customParams?: Record<string, string>;
+    onSuccess?: (result: T) => Promise<void> | void;
+    onError?: (error: Error) => Promise<void> | void;
+}
+export interface PasswordRules {
+    minLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumbers?: boolean;
+    requireSymbols?: boolean;
+    customValidation?: (password: string) => string | null;
+}
+export interface AuthContainerOptions {
+    mode?: Value<AuthMode>;
+    className?: Value<string>;
+    socialProviders?: Value<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>;
+    onModeChange?: (mode: AuthMode) => void;
+    onSocialLogin?: (provider: AuthProviderName) => Promise<void>;
+    onSubmitSignIn?: (data: SignInData) => Promise<void>;
+    onSubmitSignUp?: (data: SignUpData) => Promise<void>;
+    onSubmitResetPassword?: (data: ResetPasswordData) => Promise<void>;
+}
+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>;
+    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>;
+}
+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>;
+    termsAndConditions?: TNode;
+}
+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;
+    };
+}
+export interface SocialLoginButtonOptions {
+    provider: Value<AuthProviderName>;
+    onClick?: () => Promise<void>;
+    loading?: Value<boolean>;
+    disabled?: Value<boolean>;
+    size?: Value<ControlSize>;
+    flow?: Value<'redirect' | 'popup' | undefined>;
+    name: Value<string>;
+    icon: Value<string>;
+    color: Value<ThemeColorName | 'black'>;
+    labels?: {
+        continueWithProvider?: (provider: string) => string;
+    };
+}
+export interface PasswordStrengthIndicatorOptions {
+    password: Value<string>;
+    rules?: PasswordRules;
+    showLabel?: boolean;
+    className?: Value<string>;
+}
+export interface ProviderInfo {
+    name: string;
+    icon: string;
+    color: ThemeColorName;
+}

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

@@ -0,0 +1,23 @@
+import { GetValueTypes, Signal, Value } from '@tempots/dom';
+import { AuthProviderName, PasswordRules } from './types';
+export declare const providerInfo: Record<AuthProviderName, {
+    name: string;
+    icon: string;
+    color: string;
+}>;
+export declare function formatProviderName(provider: AuthProviderName): string;
+export declare function getProviderIcon(provider: AuthProviderName): string;
+export declare function getProviderColor(provider: AuthProviderName): string;
+export declare function formatSocialLoginText(provider: AuthProviderName, template?: string): string;
+export declare const defaultPasswordRules: PasswordRules;
+export declare function isValidEmail(email: string): boolean;
+export declare function generateRandomString(length?: number): string;
+export declare function createSocialLoginUrl(provider: AuthProviderName, clientId: string, redirectUri: string, scopes?: string[], customParams?: Record<string, string>): string;
+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>;

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

@@ -1,2 +1,5 @@
 import { TNode } from '@tempots/dom';
-export declare function BeatUI(...children: TNode[]): import("@tempots/dom").Renderable;
+export type BeatUIOptions = {
+    includeAuthI18n?: boolean;
+};
+export declare function BeatUI({ includeAuthI18n }: BeatUIOptions, ...children: TNode[]): import("@tempots/dom").Renderable;

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

@@ -8,7 +8,7 @@ export interface ButtonOptions {
     loading?: Value<boolean>;
     variant?: Value<ButtonVariant>;
     size?: Value<ControlSize>;
-    color?: Value<ThemeColorName>;
+    color?: Value<ThemeColorName | 'black'>;
     roundedness?: Value<RadiusName>;
     onClick?: () => void;
 }

package/dist/types/components/form/input/input-container.d.ts

@@ -1,5 +1,5 @@
 import { TNode, Value } from '@tempots/dom';
-export declare const InputContainer: ({ child, disabled, input, before, after, hasError, focusableSelector, growInput, }: {
+export declare const InputContainer: ({ baseContainer, child, disabled, input, before, after, hasError, focusableSelector, growInput, }: {
     child?: TNode;
     disabled?: Value<boolean>;
     input: TNode;
@@ -8,4 +8,5 @@ export declare const InputContainer: ({ child, disabled, input, before, after, h
     hasError?: Value<boolean>;
     focusableSelector?: string;
     growInput?: Value<boolean>;
+    baseContainer?: Value<boolean>;
 }) => import("@tempots/dom").Renderable;

package/dist/types/components/form/schema/custom-validation.d.ts

@@ -0,0 +1,75 @@
+import { StandardSchemaV1 } from './standard-schema-v1';
+export type ValidationError = {
+    message: string;
+    path?: (PropertyKey | StandardSchemaV1.PathSegment)[];
+};
+export type ValidatorResult<T> = {
+    success: true;
+    data: T;
+} | {
+    success: false;
+    errors: ValidationError[];
+};
+export interface Validator<Input, Output = Input> {
+    validate(value: unknown): ValidatorResult<Output>;
+    optional(): Validator<Input | undefined, Output | undefined>;
+    default(defaultValue: Output): Validator<Input | undefined, Output>;
+}
+export type SafeParseSuccess<T> = {
+    success: true;
+    data: T;
+};
+export type SafeParseError = {
+    success: false;
+    error: {
+        errors: Array<{
+            message: string;
+            path: (string | number)[];
+        }>;
+    };
+};
+export type SafeParseResult<T> = SafeParseSuccess<T> | SafeParseError;
+declare function createStandardSchema<Input, Output = Input>(validator: Validator<Input, Output>): StandardSchemaV1<Input, Output> & {
+    safeParse: (value: unknown) => SafeParseResult<Output>;
+};
+declare abstract class BaseValidator<Input, Output = Input> implements Validator<Input, Output> {
+    abstract validate(value: unknown): ValidatorResult<Output>;
+    optional(): Validator<Input | undefined, Output | undefined>;
+    default(defaultValue: Output): Validator<Input | undefined, Output>;
+    schema(): StandardSchemaV1<Input, Output> & {
+        safeParse: (value: unknown) => SafeParseResult<Output>;
+    };
+}
+export declare class StringValidator extends BaseValidator<string> {
+    private minLength?;
+    private maxLength?;
+    private pattern?;
+    private customValidations;
+    validate(value: unknown): ValidatorResult<string>;
+    min(length: number, message?: string): StringValidator;
+    max(length: number, message?: string): StringValidator;
+    regex(pattern: RegExp, message?: string): StringValidator;
+    email(message?: string): StringValidator;
+    refine(validation: (value: string) => string | null): StringValidator;
+}
+export declare class BooleanValidator extends BaseValidator<boolean> {
+    private mustBeTrue;
+    private trueMessage?;
+    validate(value: unknown): ValidatorResult<boolean>;
+    refine(condition: (value: boolean) => boolean, message: string): BooleanValidator;
+    literal(value: true, message?: string): BooleanValidator;
+}
+export declare class ObjectValidator<T extends Record<string, any>> extends BaseValidator<T> {
+    private shape;
+    constructor(shape: {
+        [K in keyof T]: Validator<any, T[K]>;
+    });
+    validate(value: unknown): ValidatorResult<T>;
+    refine<R extends T>(validation: (value: T) => string | null, options?: {
+        path?: (keyof T)[];
+    }): ObjectValidator<R>;
+}
+export declare const string: () => StringValidator;
+export declare const boolean: () => BooleanValidator;
+export declare const object: <T extends Record<string, any>>(shape: { [K in keyof T]: Validator<any, T[K]>; }) => ObjectValidator<T>;
+export { createStandardSchema };

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

@@ -1,2 +1,3 @@
 export * from './schema-utils';
 export * from './standard-schema-v1';
+export * from './custom-validation';

package/dist/types/components/navigation/sidebar/sidebar-group.d.ts

@@ -1,5 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 export type SidebarGroupOptions = {
     rail?: Value<boolean>;
+    header?: TNode;
 };
-export declare function SidebarGroup({ rail }: SidebarGroupOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function SidebarGroup({ rail, header }: SidebarGroupOptions, ...children: TNode[]): import("@tempots/dom").Renderable;

package/dist/types/components/navigation/sidebar/sidebar-link.d.ts

@@ -19,4 +19,7 @@ export type SidebarLinkOptions = {
     ariaControls?: Value<string>;
     ariaLabel?: Value<string>;
 } & LinkAction;
+export declare function SidebarUrlLink(options: UrlAction, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function SidebarActiveLink(...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function SidebarClickLink(options: ClickAction & Partial<Pick<SidebarLinkOptions, 'ariaExpanded' | 'ariaControls' | 'ariaLabel'>>, ...children: TNode[]): import("@tempots/dom").Renderable;
 export declare function SidebarLink(options: SidebarLinkOptions): import("@tempots/dom").Renderable;

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

@@ -4,6 +4,7 @@ import { AppearanceType } from '@tempots/ui';
 export type ButtonVariant = 'filled' | 'light' | 'outline' | 'default' | 'text';
 export type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare function increaseSize(size: IconSize | ControlSize, steps?: number): "sm" | "md" | "lg" | "xl" | "xs";
 export type OverlayEffect = 'transparent' | 'opaque' | 'none';
 export type OverlayMode = 'capturing' | 'non-capturing';
 export type FadeTransitionState = 'initial' | 'entering' | 'entered' | 'exiting' | 'exited';

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export { Use } from '@tempots/dom';
 export * from './beatui-i18n';
+export * from './components/auth';
 export * from './components/beatui';
 export * from './components/button';
 export * from './components/content';

package/dist/zh-DEZH0fdq.js

@@ -0,0 +1,37 @@
+const r = {
+  // Sign In
+  signInTitle: () => "登录",
+  signInButton: () => "登录",
+  emailLabel: () => "邮箱",
+  passwordLabel: () => "密码",
+  rememberMeLabel: () => "记住我",
+  forgotPasswordLink: () => "忘记密码？",
+  noAccountLink: () => "没有账户？注册",
+  // Sign Up
+  signUpTitle: () => "注册",
+  signUpButton: () => "注册",
+  nameLabel: () => "姓名",
+  confirmPasswordLabel: () => "确认密码",
+  acceptTermsLabel: () => "我接受条款和条件",
+  hasAccountLink: () => "已有账户？登录",
+  // Reset Password
+  resetPasswordTitle: () => "重置密码",
+  resetPasswordButton: () => "重置密码",
+  resetPasswordDescription: () => "输入您的邮箱地址以重置密码。",
+  backToSignInLink: () => "返回登录",
+  // Social Login
+  continueWithProvider: (e) => `使用${e}继续`,
+  // Password Strength
+  passwordStrengthWeak: () => "弱",
+  passwordStrengthFair: () => "一般",
+  passwordStrengthGood: () => "良好",
+  passwordStrengthStrong: () => "强",
+  // Common
+  orDivider: () => "或",
+  loading: () => "加载中...",
+  error: () => "发生错误",
+  required: () => "必填"
+};
+export {
+  r as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/beatui",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -54,7 +54,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "@tempots/dom": "28.3.0",
+    "@tempots/dom": "28.3.1",
     "@tempots/std": "0.22.1",
     "@tempots/ui": "6.2.0"
   },
@@ -83,8 +83,7 @@
     "typescript": "5.8.3",
     "typescript-eslint": "8.32.1",
     "vite": "6.3.5",
-    "vitest": "3.1.3",
-    "zod": "^3.25.32"
+    "vitest": "3.1.3"
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json",