@tempots/beatui 0.16.0 → 0.17.0

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

@@ -1,29 +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;
+    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;
+    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

@@ -1,29 +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;
+    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;
+    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

@@ -1,29 +1,29 @@
 declare const zh: {
-    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;
+    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;
+    passwordStrengthWeak: string;
+    passwordStrengthFair: string;
+    passwordStrengthGood: string;
+    passwordStrengthStrong: string;
+    orDivider: string;
+    error: string;
+    required: string;
+    authenticationTitle: string;
 };
 export default zh;

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

@@ -1,28 +1,28 @@
-export declare const AuthI18n: import("@tempots/dom").Provider<import("..").ReactiveMessages<{
-    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;
+export declare const AuthI18n: import("@tempots/dom").Provider<import("@tempots/dom").Signal<{
+    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;
+    passwordStrengthWeak: string;
+    passwordStrengthFair: string;
+    passwordStrengthGood: string;
+    passwordStrengthStrong: string;
+    orDivider: string;
+    error: string;
+    required: string;
+    authenticationTitle: string;
 }>, object>;

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

@@ -1,45 +1,49 @@
 export declare const defaultMessages: {
-    loadingExtended: () => string;
-    loadingShort: () => string;
-    locale: () => string;
-    iconDescription: () => string;
-    loadingIcon: () => string;
-    failedToLoadIcon: () => string;
-    editLabel: () => string;
-    selectOne: () => string;
-    passwordPlaceholderText: () => string;
-    togglePasswordVisibility: () => string;
-    toggleMenu: () => string;
-    toggleAside: () => string;
-    mainNavigation: () => string;
-    sidebar: () => string;
-    closeDrawer: () => string;
-    closeModal: () => string;
-    confirm: () => string;
-    cancel: () => string;
-    currentLocale: () => string;
-    ar: () => string;
-    de: () => string;
-    en: () => string;
-    es: () => string;
-    fr: () => string;
-    hi: () => string;
-    it: () => string;
-    ja: () => string;
-    ko: () => string;
-    nl: () => string;
-    pl: () => string;
-    pt: () => string;
-    ru: () => string;
-    tr: () => string;
-    vi: () => string;
-    zh: () => string;
-    he: () => string;
-    fa: () => string;
-    ur: () => string;
-    emailPlaceholderText: () => string;
-    dropZoneInstructions: () => string;
-    dropZoneInstructionsWithClick: () => string;
+    loadingExtended: string;
+    loadingShort: string;
+    locale: string;
+    iconDescription: string;
+    loadingIcon: string;
+    failedToLoadIcon: string;
+    editLabel: string;
+    selectOne: string;
+    passwordPlaceholderText: string;
+    togglePasswordVisibility: string;
+    toggleMenu: string;
+    toggleAside: string;
+    mainNavigation: string;
+    sidebar: string;
+    closeDrawer: string;
+    closeModal: string;
+    confirm: string;
+    cancel: string;
+    currentLocale: string;
+    ar: string;
+    de: string;
+    en: string;
+    es: string;
+    fr: string;
+    hi: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nl: string;
+    pl: string;
+    pt: string;
+    ru: string;
+    tr: string;
+    vi: string;
+    zh: string;
+    he: string;
+    fa: string;
+    ur: string;
+    emailPlaceholderText: string;
+    dropZoneInstructions: (clickEnabled: boolean) => string;
+    fileSizeUnits: string[];
+    removeFile: string;
+    clearAllFiles: string;
+    unknownType: string;
+    fileInputInstructions: (allowMultiple: boolean, maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
 };
 export declare const defaultLocale = "en";
 export type BeatUIMessages = typeof defaultMessages;

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

@@ -1,44 +1,48 @@
 declare const en: {
-    loadingExtended: () => string;
-    loadingShort: () => string;
-    locale: () => string;
-    iconDescription: () => string;
-    loadingIcon: () => string;
-    failedToLoadIcon: () => string;
-    editLabel: () => string;
-    selectOne: () => string;
-    passwordPlaceholderText: () => string;
-    togglePasswordVisibility: () => string;
-    toggleMenu: () => string;
-    toggleAside: () => string;
-    mainNavigation: () => string;
-    sidebar: () => string;
-    closeDrawer: () => string;
-    closeModal: () => string;
-    confirm: () => string;
-    cancel: () => string;
-    currentLocale: () => string;
-    ar: () => string;
-    de: () => string;
-    en: () => string;
-    es: () => string;
-    fr: () => string;
-    hi: () => string;
-    it: () => string;
-    ja: () => string;
-    ko: () => string;
-    nl: () => string;
-    pl: () => string;
-    pt: () => string;
-    ru: () => string;
-    tr: () => string;
-    vi: () => string;
-    zh: () => string;
-    he: () => string;
-    fa: () => string;
-    ur: () => string;
-    emailPlaceholderText: () => string;
-    dropZoneInstructions: () => string;
-    dropZoneInstructionsWithClick: () => string;
+    loadingExtended: string;
+    loadingShort: string;
+    locale: string;
+    iconDescription: string;
+    loadingIcon: string;
+    failedToLoadIcon: string;
+    editLabel: string;
+    selectOne: string;
+    passwordPlaceholderText: string;
+    togglePasswordVisibility: string;
+    toggleMenu: string;
+    toggleAside: string;
+    mainNavigation: string;
+    sidebar: string;
+    closeDrawer: string;
+    closeModal: string;
+    confirm: string;
+    cancel: string;
+    currentLocale: string;
+    ar: string;
+    de: string;
+    en: string;
+    es: string;
+    fr: string;
+    hi: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nl: string;
+    pl: string;
+    pt: string;
+    ru: string;
+    tr: string;
+    vi: string;
+    zh: string;
+    he: string;
+    fa: string;
+    ur: string;
+    emailPlaceholderText: string;
+    dropZoneInstructions: (clickEnabled: boolean) => string;
+    fileSizeUnits: string[];
+    removeFile: string;
+    clearAllFiles: string;
+    unknownType: string;
+    fileInputInstructions: (allowMultiple: boolean, maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
 };
 export default en;

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

@@ -1,43 +1,47 @@
-export declare const BeatUII18n: import("@tempots/dom").Provider<import("..").ReactiveMessages<{
-    loadingExtended: () => string;
-    loadingShort: () => string;
-    locale: () => string;
-    iconDescription: () => string;
-    loadingIcon: () => string;
-    failedToLoadIcon: () => string;
-    editLabel: () => string;
-    selectOne: () => string;
-    passwordPlaceholderText: () => string;
-    togglePasswordVisibility: () => string;
-    toggleMenu: () => string;
-    toggleAside: () => string;
-    mainNavigation: () => string;
-    sidebar: () => string;
-    closeDrawer: () => string;
-    closeModal: () => string;
-    confirm: () => string;
-    cancel: () => string;
-    currentLocale: () => string;
-    ar: () => string;
-    de: () => string;
-    en: () => string;
-    es: () => string;
-    fr: () => string;
-    hi: () => string;
-    it: () => string;
-    ja: () => string;
-    ko: () => string;
-    nl: () => string;
-    pl: () => string;
-    pt: () => string;
-    ru: () => string;
-    tr: () => string;
-    vi: () => string;
-    zh: () => string;
-    he: () => string;
-    fa: () => string;
-    ur: () => string;
-    emailPlaceholderText: () => string;
-    dropZoneInstructions: () => string;
-    dropZoneInstructionsWithClick: () => string;
+export declare const BeatUII18n: import("@tempots/dom").Provider<import("@tempots/dom").Signal<{
+    loadingExtended: string;
+    loadingShort: string;
+    locale: string;
+    iconDescription: string;
+    loadingIcon: string;
+    failedToLoadIcon: string;
+    editLabel: string;
+    selectOne: string;
+    passwordPlaceholderText: string;
+    togglePasswordVisibility: string;
+    toggleMenu: string;
+    toggleAside: string;
+    mainNavigation: string;
+    sidebar: string;
+    closeDrawer: string;
+    closeModal: string;
+    confirm: string;
+    cancel: string;
+    currentLocale: string;
+    ar: string;
+    de: string;
+    en: string;
+    es: string;
+    fr: string;
+    hi: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nl: string;
+    pl: string;
+    pt: string;
+    ru: string;
+    tr: string;
+    vi: string;
+    zh: string;
+    he: string;
+    fa: string;
+    ur: string;
+    emailPlaceholderText: string;
+    dropZoneInstructions: (clickEnabled: boolean) => string;
+    fileSizeUnits: string[];
+    removeFile: string;
+    clearAllFiles: string;
+    unknownType: string;
+    fileInputInstructions: (allowMultiple: boolean, maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
 }>, object>;

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

@@ -41,23 +41,23 @@ export interface PasswordRules {
     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;
+    signInTitle?: Value<string>;
+    emailLabel?: Value<string>;
+    passwordLabel?: Value<string>;
+    rememberMeLabel?: Value<string>;
+    signInButton?: Value<string>;
+    forgotPasswordLink?: Value<string>;
+    noAccountLink?: Value<string>;
+    acceptTermsLabel?: Value<string>;
+    confirmPasswordLabel?: Value<string>;
+    signUpTitle?: Value<string>;
+    signUpButton?: Value<string>;
+    nameLabel?: Value<string>;
+    hasAccountLink?: Value<string>;
+    resetPasswordTitle?: Value<string>;
+    resetPasswordButton?: Value<string>;
+    resetPasswordDescription?: Value<string>;
+    backToSignInLink?: Value<string>;
 }
 export interface AuthContainerOptions {
     mode?: Value<AuthMode>;
@@ -85,12 +85,12 @@ export interface SocialProvidersOptions {
     providers: AuthProviderInfo[];
 }
 export interface SignInFormLabels {
-    emailLabel?: () => string;
-    passwordLabel?: () => string;
-    rememberMeLabel?: () => string;
-    signInButton?: () => string;
-    forgotPasswordLink?: () => string;
-    noAccountLink?: () => string;
+    emailLabel?: Value<string>;
+    passwordLabel?: Value<string>;
+    rememberMeLabel?: Value<string>;
+    signInButton?: Value<string>;
+    forgotPasswordLink?: Value<string>;
+    noAccountLink?: Value<string>;
 }
 export interface SignInFormOptions {
     onSignIn?: (data: SignInData) => Promise<string | null>;
@@ -99,13 +99,13 @@ export interface SignInFormOptions {
     showRememberMe?: boolean;
 }
 export interface SignUpFormLabels {
-    nameLabel?: () => string;
-    emailLabel?: () => string;
-    passwordLabel?: () => string;
-    confirmPasswordLabel?: () => string;
-    acceptTermsLabel?: () => string;
-    signUpButton?: () => string;
-    hasAccountLink?: () => string;
+    nameLabel?: Value<string>;
+    emailLabel?: Value<string>;
+    passwordLabel?: Value<string>;
+    confirmPasswordLabel?: Value<string>;
+    acceptTermsLabel?: Value<string>;
+    signUpButton?: Value<string>;
+    hasAccountLink?: Value<string>;
 }
 export interface SignUpFormOptions {
     passwordRules?: PasswordRules;
@@ -119,10 +119,10 @@ export interface SignUpFormOptions {
     termsAndConditions?: TNode;
 }
 export interface ResetPasswordFormLabels {
-    resetPasswordButton?: () => string;
-    resetPasswordDescription?: () => string;
-    emailLabel?: () => string;
-    backToSignInLink?: () => string;
+    resetPasswordButton?: Value<string>;
+    resetPasswordDescription?: Value<string>;
+    emailLabel?: Value<string>;
+    backToSignInLink?: Value<string>;
 }
 export interface ResetPasswordFormOptions {
     onResetPassword?: (data: ResetPasswordData) => Promise<string | null>;
@@ -138,7 +138,7 @@ export interface SocialLoginButtonOptions {
     icon: Value<string>;
     color: Value<ThemeColorName | 'black'>;
     labels?: {
-        continueWithProvider?: (provider: string) => string;
+        continueWithProvider?: Value<(provider: string) => string>;
     };
 }
 export interface PasswordStrengthIndicatorOptions {

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

@@ -1,4 +1,3 @@
-import { GetValueTypes, Signal, Value } from '@tempots/dom';
 import { AuthProviderName, PasswordRules } from './types';
 export declare const providerInfo: Record<AuthProviderName, {
     name: string;
@@ -16,7 +15,6 @@ 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 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;

package/dist/types/components/data/unstyled-drop-zone.d.ts

@@ -1,12 +1,15 @@
 import { TNode, Value, Signal } from '@tempots/dom';
 export type DropZoneOptions = {
-    onDrop: (files: File[]) => void;
+    onChange: (files: File[]) => void;
+    value?: Value<File[]>;
     accept?: Value<string>;
     enableClick?: Value<boolean>;
     content: (options: {
         files: Signal<File[]>;
         clear: () => void;
+        change: (files: File[]) => void;
     }) => TNode;
+    disabled?: Value<boolean>;
     allowMultiple?: Value<boolean>;
 };
-export declare function UnstyledDropZone({ onDrop, accept, enableClick, content, allowMultiple, }: DropZoneOptions): import("@tempots/dom").Renderable;
+export declare function UnstyledDropZone({ onChange, value, accept, enableClick, content, disabled, allowMultiple, }: DropZoneOptions): import("@tempots/dom").Renderable;

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

@@ -1,5 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlOptions } from './control-options';
+import { FileInputMode } from '../input/file-input';
 import { Merge } from '@tempots/std';
 export type FileControlOptions = Merge<ControlOptions<File[]>, {
     accept?: Value<string>;
@@ -7,5 +8,6 @@ export type FileControlOptions = Merge<ControlOptions<File[]>, {
     maxFiles?: Value<number>;
     maxFileSize?: Value<number>;
     showFileList?: Value<boolean>;
+    mode?: Value<FileInputMode>;
 }>;
 export declare const FileControl: (options: FileControlOptions, ...children: TNode[]) => import("@tempots/dom").Renderable;

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

@@ -1,11 +1,12 @@
 import { Value } from '@tempots/dom';
 import { InputOptions } from './input-options';
 import { Merge } from '@tempots/std';
+export type FileInputMode = 'default' | 'compact';
 export type FileInputOptions = Merge<InputOptions<File[]>, {
     accept?: Value<string>;
     allowMultiple?: Value<boolean>;
     maxFiles?: Value<number>;
     maxFileSize?: Value<number>;
-    showFileList?: Value<boolean>;
+    mode?: Value<FileInputMode>;
 }>;
 export declare const FileInput: (options: FileInputOptions) => import("@tempots/dom").Renderable;