@tempots/beatui 0.9.0 → 0.11.0

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

@@ -0,0 +1,166 @@
+import { 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>;
+}
+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/control/combobox-control.d.ts

@@ -0,0 +1,11 @@
+import { ControlOptions } from './control-options';
+import { ComboboxOption } from '../input/combobox';
+import { TNode, Value } from '@tempots/dom';
+export type ComboboxControlOptions<T> = ControlOptions<T> & {
+    options: Value<ComboboxOption<T>[]>;
+    unselectedLabel?: Value<string>;
+    equality?: (a: T, b: T) => boolean;
+    placeholder?: Value<string>;
+    searchable?: Value<boolean>;
+};
+export declare const ComboboxControl: <T>(options: ComboboxControlOptions<T>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/control-input-wrapper.d.ts

@@ -4,4 +4,4 @@ import { ControlWrapperOptions } from './control-options';
 export type ControlInputWrapperOptions<S> = Merge<ControlWrapperOptions<S>, {
     content: TNode;
 }>;
-export declare const ControlInputWrapper: <S>({ required, label, context, description, content, controller, }: ControlInputWrapperOptions<S>, ...children: TNode[]) => import("@tempots/dom").Renderable;
+export declare const ControlInputWrapper: <S>({ required, label, context, description, content, controller, horizontal, }: ControlInputWrapperOptions<S>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/control-options.d.ts

@@ -7,6 +7,7 @@ export type ControlWrapperOptions<S> = {
     label?: TNode;
     context?: TNode;
     description?: TNode;
+    horizontal?: Value<boolean>;
 };
 export type ControlOptions<S> = Merge<ControlWrapperOptions<S>, {
     onBlur?: () => void;

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

@@ -1,3 +1,4 @@
+export * from './combobox-control';
 export * from './control-input-wrapper';
 export * from './control-options';
 export * from './date-control';

package/dist/types/components/form/input/combobox.d.ts

@@ -0,0 +1,39 @@
+import { Renderable, Value, TNode } from '@tempots/dom';
+import { InputOptions } from './input-options';
+export type ComboboxValueOption<T> = {
+    type: 'value';
+    value: T;
+    label: string;
+    disabled?: boolean;
+    before?: TNode;
+    after?: TNode;
+};
+export type ComboboxGroupOption<T> = {
+    type: 'group';
+    group: string;
+    options: ComboboxValueOption<T>[];
+    disabled?: boolean;
+};
+export type ComboboxBreakOption = {
+    type: 'break';
+};
+export type ComboboxOption<T> = ComboboxValueOption<T> | ComboboxGroupOption<T> | ComboboxBreakOption;
+export declare const ComboboxOption: {
+    value: <T>(value: T, label: string, options?: {
+        disabled?: boolean;
+        before?: TNode;
+        after?: TNode;
+    }) => ComboboxValueOption<T>;
+    group: <T>(group: string, options: (ComboboxValueOption<T> | ComboboxBreakOption)[], disabled?: boolean) => ComboboxGroupOption<T>;
+    break: ComboboxBreakOption;
+    getOptionValues: <T>(options: ComboboxOption<T>[]) => T[];
+    contains: <T>(options: ComboboxOption<T>[], value: T, equality?: (a: T, b: T) => boolean) => boolean;
+};
+export type ComboboxOptions<T> = InputOptions<T> & {
+    options: Value<ComboboxOption<T>[]>;
+    unselectedLabel?: Value<string>;
+    equality?: (a: T, b: T) => boolean;
+    placeholder?: Value<string>;
+    searchable?: Value<boolean>;
+};
+export declare const Combobox: <T>(options: ComboboxOptions<T>) => Renderable;

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

@@ -1,5 +1,6 @@
 export * from './appearance-selector';
 export * from './checkbox-input';
+export * from './combobox';
 export * from './date-input';
 export * from './date-time-input';
 export * from './editable-text';

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/input/input-wrapper.d.ts

@@ -10,5 +10,6 @@ export type InputWrapperOptions = {
     labelFor?: Value<string>;
     hasError?: Value<boolean>;
     disabled?: Value<boolean>;
+    horizontal?: Value<boolean>;
 };
-export declare const InputWrapper: ({ required, label, context, description, content, error, labelFor, hasError, disabled, }: InputWrapperOptions, ...children: TNode[]) => import("@tempots/dom").Renderable;
+export declare const InputWrapper: ({ required, label, context, description, content, error, labelFor, hasError, disabled, horizontal, }: InputWrapperOptions, ...children: TNode[]) => 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/flyout.d.ts

@@ -25,7 +25,7 @@ export interface FlyoutOptions {
     crossAxisOffset?: Value<number>;
     /** How to show the flyout */
     showOn?: Value<FlyoutTrigger> | FlyoutTriggerFunction;
-    /** Whether the flyout can be closed with Escape key */
+    /** Whether the flyout can be closed with Escape key or clicking outside */
     closable?: Value<boolean>;
     /** Optional arrow configuration - receives a signal with PopOver positioning data */
     arrow?: (signal: any) => TNode;

package/dist/types/components/navigation/index.d.ts

@@ -1,3 +1,4 @@
 export * from './flyout';
 export * from './link';
+export * from './menu';
 export * from './sidebar/index';

package/dist/types/components/navigation/menu.d.ts

@@ -0,0 +1,106 @@
+import { TNode, Value } from '@tempots/dom';
+import { Placement } from '@tempots/ui';
+import { FlyoutTrigger } from './flyout';
+export type MenuTrigger = FlyoutTrigger;
+export interface MenuOptions {
+    /** The menu items to display */
+    items: () => TNode[];
+    /** Placement of the menu relative to the trigger element */
+    placement?: Value<Placement>;
+    /** Delay in milliseconds before showing the menu on hover */
+    showDelay?: Value<number>;
+    /** Delay in milliseconds before hiding the menu after mouse leave */
+    hideDelay?: Value<number>;
+    /** Offset in pixels from the main axis */
+    mainAxisOffset?: Value<number>;
+    /** Offset in pixels from the cross axis */
+    crossAxisOffset?: Value<number>;
+    /** How to show the menu */
+    showOn?: Value<MenuTrigger>;
+    /** Whether the menu can be closed with Escape key */
+    closable?: Value<boolean>;
+    /** Callback when menu is closed */
+    onClose?: () => void;
+    /** Callback when a menu item is selected */
+    onAction?: (key: string) => void;
+    /** Accessible label for the menu */
+    ariaLabel?: Value<string>;
+    /** ID of element that labels the menu */
+    ariaLabelledBy?: Value<string>;
+}
+export interface MenuItemOptions {
+    /** Unique identifier for the menu item */
+    key?: Value<string>;
+    /** The text content of the menu item */
+    content: TNode;
+    /** Content to display at the start of the menu item (icons, indicators) */
+    startContent?: TNode;
+    /** Content to display at the end of the menu item (shortcuts, badges) */
+    endContent?: TNode;
+    /** Whether the menu item is disabled */
+    disabled?: Value<boolean>;
+    /** Callback when the menu item is clicked */
+    onClick?: () => void;
+    /** ARIA label for accessibility */
+    ariaLabel?: Value<string>;
+    /** Submenu items for nested menus */
+    submenu?: () => TNode[];
+    /** Placement of submenu relative to parent item */
+    submenuPlacement?: Value<Placement>;
+}
+export interface MenuSeparatorOptions {
+    /** Optional label for the separator */
+    label?: TNode;
+}
+/**
+ * Menu component that provides a list of actions or options.
+ * Built on top of the Flyout component for positioning and overlay behavior.
+ *
+ * Follows WAI-ARIA menu pattern with proper keyboard navigation and accessibility.
+ *
+ * @example
+ * ```typescript
+ * Button(
+ *   { onClick: () => {} },
+ *   'Actions',
+ *   Menu({
+ *     items: () => [
+ *       MenuItem({ content: 'Edit', onClick: () => console.log('edit') }),
+ *       MenuItem({ content: 'Delete', onClick: () => console.log('delete') }),
+ *     ]
+ *   })
+ * )
+ * ```
+ */
+export declare function Menu(options: MenuOptions): TNode;
+/**
+ * MenuItem component for individual menu items.
+ *
+ * @example
+ * ```typescript
+ * MenuItem({
+ *   content: 'Edit',
+ *   startContent: Icon({ icon: 'edit' }),
+ *   endContent: html.span('⌘E'),
+ *   onClick: () => console.log('edit clicked')
+ * })
+ * ```
+ */
+export declare function MenuItem(options: MenuItemOptions): TNode;
+/**
+ * MenuSeparator component for visual grouping of menu items.
+ * Creates a visual divider between groups of menu items.
+ *
+ * @example
+ * ```typescript
+ * Menu({
+ *   items: () => [
+ *     MenuItem({ content: 'Cut' }),
+ *     MenuItem({ content: 'Copy' }),
+ *     MenuSeparator(),
+ *     MenuItem({ content: 'Paste' }),
+ *   ]
+ * })
+ * ```
+ */
+export declare function MenuSeparator(options?: MenuSeparatorOptions): TNode;

package/dist/types/components/navigation/sidebar/index.d.ts

@@ -2,3 +2,4 @@ export * from './sidebar';
 export * from './collapsible-sidebar-group';
 export * from './sidebar-link';
 export * from './sidebar-group';
+export * from './sidebar-separator';

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/navigation/sidebar/sidebar-separator.d.ts

@@ -0,0 +1 @@
+export declare function SidebarSeparator(): 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/types/tokens/colors.d.ts

@@ -5,7 +5,7 @@ export declare const colorShades: ColorShade[];
 export type SemanticColorName = 'primary' | 'secondary' | 'base' | 'success' | 'warning' | 'error' | 'info';
 export type ThemeColorName = ColorName | SemanticColorName;
 export declare const semanticColorNames: readonly ["primary", "secondary", "base", "success", "warning", "error", "info"];
-export declare const themeColorNames: ("error" | "base" | "success" | "primary" | "secondary" | "warning" | "info" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone")[];
+export declare const themeColorNames: ("error" | "base" | "primary" | "secondary" | "success" | "warning" | "info" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone")[];
 export declare const semanticColors: Record<SemanticColorName, ColorName>;
 export type BackgroundColorName = 'background' | 'surface' | 'subtle' | 'elevated' | 'raised' | 'overlay';
 export declare const bgColors: {

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.9.0",
+  "version": "0.11.0",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -54,9 +54,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "@tempots/dom": "28.2.2",
+    "@tempots/dom": "28.3.0",
     "@tempots/std": "0.22.1",
-    "@tempots/ui": "6.1.0"
+    "@tempots/ui": "6.2.0"
   },
   "peerDependenciesMeta": {
     "@tempots/dom": {
@@ -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",