@vef-framework/components 2.0.10 → 2.1.0

package/dist/types/src/form/fields/input/props.d.ts

@@ -0,0 +1,10 @@
+import { Except } from '@vef-framework/shared';
+import { InputProps } from '../../../input';
+export interface InputFieldProps extends Except<InputProps, "name" | "value" | "onChange" | "onChangeCapture" | "onBlur" | "onBlurCapture"> {
+    /**
+     * Whether to preserve empty string instead of converting to null
+     *
+     * @default false - Empty strings will be converted to null
+     */
+    preserveEmptyString?: boolean;
+}

package/dist/types/src/form/fields/input-number/index.d.ts

@@ -0,0 +1,5 @@
+import { InputNumberFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const InputNumberField: FC<FieldComponentProps<InputNumberFieldProps>>;
+export { type InputNumberFieldProps } from './props';

package/dist/types/src/form/fields/input-number/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { InputNumberProps } from '../../../input-number';
+export interface InputNumberFieldProps extends Except<InputNumberProps, "name" | "value" | "onChange" | "onChangeCapture" | "onBlur" | "onBlurCapture"> {
+}

package/dist/types/src/form/fields/mentions/index.d.ts

@@ -0,0 +1,5 @@
+import { MentionsFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const MentionsField: FC<FieldComponentProps<MentionsFieldProps>>;
+export { type MentionsFieldProps } from './props';

package/dist/types/src/form/fields/mentions/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { MentionsProps } from '../../../mentions';
+export interface MentionsFieldProps extends Except<MentionsProps, "value" | "defaultValue" | "onChange" | "onChangeCapture"> {
+}

package/dist/types/src/form/fields/password/index.d.ts

@@ -0,0 +1,5 @@
+import { PasswordFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const PasswordField: FC<FieldComponentProps<PasswordFieldProps>>;
+export { type PasswordFieldProps } from './props';

package/dist/types/src/form/fields/password/props.d.ts

@@ -0,0 +1,10 @@
+import { Except } from '@vef-framework/shared';
+import { PasswordProps } from '../../../input';
+export interface PasswordFieldProps extends Except<PasswordProps, "name" | "value" | "onChange" | "onChangeCapture" | "onBlur" | "onBlurCapture"> {
+    /**
+     * Whether to preserve empty string instead of converting to null
+     *
+     * @default false - Empty strings will be converted to null
+     */
+    preserveEmptyString?: boolean;
+}

package/dist/types/src/form/fields/radio/index.d.ts

@@ -0,0 +1,5 @@
+import { RadioFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const RadioField: FC<FieldComponentProps<RadioFieldProps>>;
+export { type RadioFieldProps } from './props';

package/dist/types/src/form/fields/radio/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { RadioGroupProps } from '../../../radio';
+export interface RadioFieldProps extends Except<RadioGroupProps, "value" | "defaultValue" | "onChange"> {
+}

package/dist/types/src/form/fields/rate/index.d.ts

@@ -0,0 +1,5 @@
+import { RateFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const RateField: FC<FieldComponentProps<RateFieldProps>>;
+export { type RateFieldProps } from './props';

package/dist/types/src/form/fields/rate/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { RateProps } from '../../../rate';
+export interface RateFieldProps extends Except<RateProps, "value" | "defaultValue" | "onChange"> {
+}

package/dist/types/src/form/fields/select/index.d.ts

@@ -0,0 +1,6 @@
+import { DataOption } from '@vef-framework/core';
+import { ReactNode } from 'react';
+import { FieldComponentProps } from '../..';
+import { SelectFieldProps } from './props';
+export declare const SelectField: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+export { type SelectFieldProps } from './props';

package/dist/types/src/form/fields/select/props.d.ts

@@ -0,0 +1,5 @@
+import { DataOption } from '@vef-framework/core';
+import { Except } from '@vef-framework/shared';
+import { SelectProps } from '../../../select';
+export interface SelectFieldProps<TValue, TOption extends DataOption> extends Except<SelectProps<TValue, TOption>, "value" | "onBlur"> {
+}

package/dist/types/src/form/fields/slider/index.d.ts

@@ -0,0 +1,5 @@
+import { SliderFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const SliderField: FC<FieldComponentProps<SliderFieldProps>>;
+export { type SliderFieldProps } from './props';

package/dist/types/src/form/fields/slider/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { SliderSingleProps } from '../../../slider';
+export interface SliderFieldProps extends Except<SliderSingleProps, "value" | "defaultValue" | "onChange"> {
+}

package/dist/types/src/form/fields/textarea/index.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const TextAreaField: FC<FieldComponentProps<TextAreaFieldProps>>;
+export { type TextAreaFieldProps } from './props';

package/dist/types/src/form/fields/textarea/props.d.ts

@@ -0,0 +1,10 @@
+import { Except } from '@vef-framework/shared';
+import { TextAreaProps } from '../../../input';
+export interface TextAreaFieldProps extends Except<TextAreaProps, "name" | "value" | "onChange" | "onChangeCapture" | "onBlur" | "onBlurCapture"> {
+    /**
+     * Whether to preserve empty string instead of converting to undefined
+     *
+     * @default false - Empty strings will be converted to undefined
+     */
+    preserveEmptyString?: boolean;
+}

package/dist/types/src/form/fields/time-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const TimePickerField: FC<FieldComponentProps<TimePickerFieldProps>>;
+export { type TimePickerFieldProps } from './props';

package/dist/types/src/form/fields/time-picker/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { TimePickerProps } from '../../../time-picker';
+export interface TimePickerFieldProps extends Except<TimePickerProps, "value" | "defaultValue" | "onChange" | "onChangeCapture"> {
+}

package/dist/types/src/form/fields/time-range-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { TimeRangePickerFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const TimeRangePickerField: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+export { type TimeRangePickerFieldProps } from './props';

package/dist/types/src/form/fields/time-range-picker/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { TimeRangePickerProps } from '../../../time-picker';
+export interface TimeRangePickerFieldProps extends Except<TimeRangePickerProps, "value" | "defaultValue" | "onChange" | "onChangeCapture"> {
+}

package/dist/types/src/form/fields/transfer/index.d.ts

@@ -0,0 +1,5 @@
+import { TransferFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const TransferField: FC<FieldComponentProps<TransferFieldProps>>;
+export { type TransferFieldProps } from './props';

package/dist/types/src/form/fields/transfer/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { TransferProps } from '../../../transfer';
+export interface TransferFieldProps extends Except<TransferProps, "targetKeys" | "onChange"> {
+}

package/dist/types/src/form/fields/tree-select/index.d.ts

@@ -0,0 +1,6 @@
+import { DataOption } from '@vef-framework/core';
+import { ReactNode } from 'react';
+import { FieldComponentProps } from '../..';
+import { TreeSelectFieldProps } from './props';
+export declare const TreeSelectField: <TValue, TOption extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption>>) => ReactNode;
+export { type TreeSelectFieldProps } from './props';

package/dist/types/src/form/fields/tree-select/props.d.ts

@@ -0,0 +1,5 @@
+import { DataOption } from '@vef-framework/core';
+import { Except } from '@vef-framework/shared';
+import { TreeSelectProps } from '../../../tree-select';
+export interface TreeSelectFieldProps<TValue, TOption extends DataOption> extends Except<TreeSelectProps<TValue, TOption>, "value" | "defaultValue" | "onChange"> {
+}

package/dist/types/src/form/fields/upload/index.d.ts

@@ -0,0 +1,5 @@
+import { UploadFieldProps } from './props';
+import { FC } from 'react';
+import { FieldComponentProps } from '../..';
+export declare const UploadField: FC<FieldComponentProps<UploadFieldProps>>;
+export { type UploadFieldProps } from './props';

package/dist/types/src/form/fields/upload/props.d.ts

@@ -0,0 +1,4 @@
+import { Except } from '@vef-framework/shared';
+import { UploadProps } from '../../../upload';
+export interface UploadFieldProps extends Except<UploadProps, "fileList" | "defaultFileList" | "onChange"> {
+}

package/dist/types/src/form/form.d.ts

@@ -0,0 +1,183 @@
+import { FormAsyncValidateOrFn, FormValidateOrFn, FormOptions, AppFieldExtendedReactFormApi, WithFormProps, WithFieldGroupProps, DeepKeysOfType, FieldsMap, AppFieldExtendedReactFieldGroupApi } from '@tanstack/react-form';
+import { MaybeUndefined } from '@vef-framework/shared';
+import { FormApi, FieldComponentProps } from './types';
+import { FC, ReactNode, FunctionComponent, PropsWithChildren } from 'react';
+import { AutoCompleteFieldProps, BoolFieldProps, CascaderFieldProps, CheckboxFieldProps, CheckboxGroupFieldProps, ColorPickerFieldProps, DatePickerFieldProps, DateRangePickerFieldProps, InputFieldProps, InputNumberFieldProps, MentionsFieldProps, RadioFieldProps, RateFieldProps, SelectFieldProps, SliderFieldProps, TextAreaFieldProps, TimePickerFieldProps, TimeRangePickerFieldProps, TransferFieldProps, TreeSelectFieldProps, UploadFieldProps } from './fields';
+import { PasswordFieldProps } from './fields/password';
+import { DataOption } from '@vef-framework/core';
+import { Form } from './components/form';
+import { SubmitButton } from './components/submit-button';
+import { ResetButton } from './components/reset-button';
+declare const useAppForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+    readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+    readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+    readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+    readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+    readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+    readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+    readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+    readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+    readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+    readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+    readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+    readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+    readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+    readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+    readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+    readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+    readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+    readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+    readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+    readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+    readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+}, {
+    readonly Form: Form;
+    readonly SubmitButton: SubmitButton;
+    readonly ResetButton: ResetButton;
+}>, withForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+    readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+    readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+    readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+    readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+    readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+    readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+    readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+    readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+    readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+    readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+    readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+    readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+    readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+    readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+    readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+    readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+    readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+    readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+    readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+    readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+    readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+}, {
+    readonly Form: Form;
+    readonly SubmitButton: SubmitButton;
+    readonly ResetButton: ResetButton;
+}, TRenderProps>) => FunctionComponent<PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+        readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+        readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+        readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+        readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+        readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+        readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+        readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+        readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+        readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+        readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+        readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+        readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+        readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+        readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+        readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+        readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+        readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+        readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+        readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+        readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+        readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+    }, {
+        readonly Form: Form;
+        readonly SubmitButton: SubmitButton;
+        readonly ResetButton: ResetButton;
+    }>;
+}>>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: WithFieldGroupProps<TFieldGroupData, {
+    readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+    readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+    readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+    readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+    readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+    readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+    readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+    readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+    readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+    readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+    readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+    readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+    readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+    readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+    readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+    readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+    readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+    readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+    readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+    readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+    readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+    readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+}, {
+    readonly Form: Form;
+    readonly SubmitButton: SubmitButton;
+    readonly ResetButton: ResetButton;
+}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | FieldsMap<TFormData, TFieldGroupData>, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: PropsWithChildren<NoInfer<TRenderProps> & {
+    form: AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+        readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+        readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+        readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+        readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+        readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+        readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+        readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+        readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+        readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+        readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+        readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+        readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+        readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+        readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+        readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+        readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+        readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+        readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+        readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+        readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+        readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+    }, {
+        readonly Form: Form;
+        readonly SubmitButton: SubmitButton;
+        readonly ResetButton: ResetButton;
+    }> | AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly AutoComplete: FC<FieldComponentProps<AutoCompleteFieldProps>>;
+        readonly Bool: FC<FieldComponentProps<BoolFieldProps>>;
+        readonly Cascader: FC<FieldComponentProps<CascaderFieldProps>>;
+        readonly Checkbox: FC<FieldComponentProps<CheckboxFieldProps>>;
+        readonly CheckboxGroup: FC<FieldComponentProps<CheckboxGroupFieldProps>>;
+        readonly ColorPicker: FC<FieldComponentProps<ColorPickerFieldProps>>;
+        readonly DatePicker: FC<FieldComponentProps<DatePickerFieldProps>>;
+        readonly DateRangePicker: FC<FieldComponentProps<DateRangePickerFieldProps>>;
+        readonly Input: FC<FieldComponentProps<InputFieldProps>>;
+        readonly InputNumber: FC<FieldComponentProps<InputNumberFieldProps>>;
+        readonly Mentions: FC<FieldComponentProps<MentionsFieldProps>>;
+        readonly Password: FC<FieldComponentProps<PasswordFieldProps>>;
+        readonly Radio: FC<FieldComponentProps<RadioFieldProps>>;
+        readonly Rate: FC<FieldComponentProps<RateFieldProps>>;
+        readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+        readonly Slider: FC<FieldComponentProps<SliderFieldProps>>;
+        readonly TextArea: FC<FieldComponentProps<TextAreaFieldProps>>;
+        readonly TimePicker: FC<FieldComponentProps<TimePickerFieldProps>>;
+        readonly TimeRangePicker: FC<FieldComponentProps<TimeRangePickerFieldProps>>;
+        readonly Transfer: FC<FieldComponentProps<TransferFieldProps>>;
+        readonly TreeSelect: <TValue, TOption_1 extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption_1>>) => ReactNode;
+        readonly Upload: FC<FieldComponentProps<UploadFieldProps>>;
+    }, {
+        readonly Form: Form;
+        readonly SubmitButton: SubmitButton;
+        readonly ResetButton: ResetButton;
+    }>;
+    fields: TFields;
+}>) => ReturnType< FunctionComponent>;
+export { useAppForm, withFieldGroup, withForm };
+type MaybeValidator<T> = MaybeUndefined<FormValidateOrFn<T>>;
+type MaybeAsyncValidator<T> = MaybeUndefined<FormAsyncValidateOrFn<T>>;
+export declare const useFormContext: <TFormData = unknown, TSubmitMeta = unknown>() => FormApi<TFormData, MaybeValidator<TFormData>, MaybeValidator<TFormData>, MaybeAsyncValidator<TFormData>, MaybeValidator<TFormData>, MaybeAsyncValidator<TFormData>, MaybeValidator<TFormData>, MaybeAsyncValidator<TFormData>, MaybeValidator<TFormData>, MaybeAsyncValidator<TFormData>, MaybeAsyncValidator<TFormData>, TSubmitMeta>;
+export { formOptions as createFormOptions, useStore as useFormStore } from '@tanstack/react-form';

package/dist/types/src/form/helpers/index.d.ts

@@ -0,0 +1 @@
+export { withFormItem } from './with-form-item';

package/dist/types/src/form/helpers/with-form-item.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType, FC } from 'react';
+import { FieldComponentProps } from '../types';
+export declare function withFormItem<TFieldProps>(displayName: string, PureField: ComponentType<TFieldProps>): FC<FieldComponentProps<TFieldProps>>;

package/dist/types/src/form/hooks/use-form-item-props.d.ts

@@ -0,0 +1,15 @@
+import { FormItemProps } from '../types';
+import { FormItemLayout } from 'antd/es/form/Form';
+import { ReactNode } from 'react';
+import { FormLabelAlign } from 'antd/es/form/interface';
+export declare function useFormItemProps(props: FormItemProps): {
+    layout: FormItemLayout | undefined;
+    label: ReactNode;
+    labelAlign: FormLabelAlign | undefined;
+    labelCol: {
+        flex: string;
+    } | undefined;
+    extra: ReactNode;
+    noStyle: boolean | undefined;
+    required: boolean | undefined;
+};

package/dist/types/src/form/hooks/use-label-width.d.ts

@@ -0,0 +1,7 @@
+import { FormLayout } from 'antd/es/form/Form';
+/**
+ * Computes the label width for a form field.
+ * Returns undefined for vertical layout or when no labelWidth is provided.
+ * Clamps the value between 60 and 120 pixels.
+ */
+export declare function useLabelWidth(layout?: FormLayout, labelWidth?: number): number | undefined;

package/dist/types/src/form/index.d.ts

@@ -0,0 +1,5 @@
+export type * from './components';
+export type * from './fields';
+export { createFormOptions, useFormContext, useFormStore, withFieldGroup, withForm } from './form';
+export type * from './types';
+export { useForm } from './use-form';

package/dist/types/src/form/types.d.ts

@@ -0,0 +1,17 @@
+import { AppFieldExtendedReactFormApi, FormAsyncValidateOrFn, FormValidateOrFn } from '@tanstack/react-form';
+import { MaybeUndefined } from '@vef-framework/shared';
+import { FormItemProps as AntdFormItemProps } from 'antd';
+import { formComponents } from './components';
+import { fieldComponents } from './fields';
+export type FieldComponentProps<TFieldProps> = TFieldProps & FormItemProps;
+export interface FormItemProps extends Pick<AntdFormItemProps, "layout" | "label" | "labelAlign" | "extra" | "required"> {
+    /**
+     * The width of the label.
+     */
+    labelWidth?: number;
+    /**
+     * Whether to render without wrapper element.
+     */
+    noWrapper?: boolean;
+}
+export type FormApi<TFormData, TOnMount extends MaybeUndefined<FormValidateOrFn<TFormData>> = MaybeUndefined<FormValidateOrFn<TFormData>>, TOnChange extends MaybeUndefined<FormValidateOrFn<TFormData>> = MaybeUndefined<FormValidateOrFn<TFormData>>, TOnChangeAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>> = MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnBlur extends MaybeUndefined<FormValidateOrFn<TFormData>> = MaybeUndefined<FormValidateOrFn<TFormData>>, TOnBlurAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>> = MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnSubmit extends MaybeUndefined<FormValidateOrFn<TFormData>> = MaybeUndefined<FormValidateOrFn<TFormData>>, TOnSubmitAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>> = MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnDynamic extends MaybeUndefined<FormValidateOrFn<TFormData>> = MaybeUndefined<FormValidateOrFn<TFormData>>, TOnDynamicAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>> = MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnServer extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>> = MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TSubmitMeta = unknown> = AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, typeof fieldComponents, typeof formComponents>;

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

@@ -0,0 +1,38 @@
+import { FormAsyncValidateOrFn, FormOptions, FormValidateOrFn, AppFieldExtendedReactFormApi } from '@tanstack/react-form';
+import { MaybeUndefined } from '@vef-framework/shared';
+import { FC, ReactNode } from 'react';
+import { FieldComponentProps } from './types';
+import { AutoCompleteFieldProps, BoolFieldProps, CascaderFieldProps, CheckboxFieldProps, CheckboxGroupFieldProps, ColorPickerFieldProps, DatePickerFieldProps, DateRangePickerFieldProps, InputFieldProps, InputNumberFieldProps, MentionsFieldProps, RadioFieldProps, RateFieldProps, SelectFieldProps, SliderFieldProps, TextAreaFieldProps, TimePickerFieldProps, TimeRangePickerFieldProps, TransferFieldProps, TreeSelectFieldProps, UploadFieldProps } from './fields';
+import { PasswordFieldProps } from './fields/password';
+import { DataOption } from '@vef-framework/core';
+import { Form } from './components/form';
+import { SubmitButton } from './components/submit-button';
+import { ResetButton } from './components/reset-button';
+export declare function useForm<TFormData, TOnMount extends MaybeUndefined<FormValidateOrFn<TFormData>>, TOnChange extends MaybeUndefined<FormValidateOrFn<TFormData>>, TOnChangeAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnBlur extends MaybeUndefined<FormValidateOrFn<TFormData>>, TOnBlurAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnSubmit extends MaybeUndefined<FormValidateOrFn<TFormData>>, TOnSubmitAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnDynamic extends MaybeUndefined<FormValidateOrFn<TFormData>>, TOnDynamicAsync extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TOnServer extends MaybeUndefined<FormAsyncValidateOrFn<TFormData>>, TSubmitMeta>(options: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>): AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly AutoComplete: FC< FieldComponentProps<AutoCompleteFieldProps>>;
+    readonly Bool: FC< FieldComponentProps<BoolFieldProps>>;
+    readonly Cascader: FC< FieldComponentProps<CascaderFieldProps>>;
+    readonly Checkbox: FC< FieldComponentProps<CheckboxFieldProps>>;
+    readonly CheckboxGroup: FC< FieldComponentProps<CheckboxGroupFieldProps>>;
+    readonly ColorPicker: FC< FieldComponentProps<ColorPickerFieldProps>>;
+    readonly DatePicker: FC< FieldComponentProps<DatePickerFieldProps>>;
+    readonly DateRangePicker: FC< FieldComponentProps<DateRangePickerFieldProps>>;
+    readonly Input: FC< FieldComponentProps<InputFieldProps>>;
+    readonly InputNumber: FC< FieldComponentProps<InputNumberFieldProps>>;
+    readonly Mentions: FC< FieldComponentProps<MentionsFieldProps>>;
+    readonly Password: FC< FieldComponentProps<PasswordFieldProps>>;
+    readonly Radio: FC< FieldComponentProps<RadioFieldProps>>;
+    readonly Rate: FC< FieldComponentProps<RateFieldProps>>;
+    readonly Select: <TValue, TOption extends DataOption>(props: FieldComponentProps<SelectFieldProps<TValue, TOption>>) => ReactNode;
+    readonly Slider: FC< FieldComponentProps<SliderFieldProps>>;
+    readonly TextArea: FC< FieldComponentProps<TextAreaFieldProps>>;
+    readonly TimePicker: FC< FieldComponentProps<TimePickerFieldProps>>;
+    readonly TimeRangePicker: FC< FieldComponentProps<TimeRangePickerFieldProps>>;
+    readonly Transfer: FC< FieldComponentProps<TransferFieldProps>>;
+    readonly TreeSelect: <TValue, TOption extends DataOption>(props: FieldComponentProps<TreeSelectFieldProps<TValue, TOption>>) => ReactNode;
+    readonly Upload: FC< FieldComponentProps<UploadFieldProps>>;
+}, {
+    readonly Form: Form;
+    readonly SubmitButton: SubmitButton;
+    readonly ResetButton: ResetButton;
+}>;

package/dist/types/src/grid/context.d.ts

@@ -0,0 +1,15 @@
+import { MaybeNull } from '@vef-framework/shared';
+import { Provider } from 'react';
+/**
+ * Context for sharing grid state with grid items
+ */
+export interface GridContext {
+    gridColumns: number;
+    isCollapsed: boolean;
+    setCollapsed: (isCollapsed?: boolean) => void;
+}
+export declare const GridContextProvider: Provider<MaybeNull<GridContext>>;
+/**
+ * Hook to get grid context value
+ */
+export declare function useGridContext(): GridContext;

package/dist/types/src/grid/grid-item.d.ts

@@ -0,0 +1,5 @@
+import { GridItemProps } from './props';
+export declare const defaultSpan = 1;
+export declare const defaultOffset = 0;
+export declare function GridItem({ span, offset, suffix, style, ...props }: GridItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type GridItemProps } from './props';

package/dist/types/src/grid/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useContainerBreakpoints } from './use-container-breakpoints';
+export { useContainerWidth } from './use-container-width';
+export { useGridCollapsed } from './use-grid-collapsed';
+export { useNormalizedGap } from './use-normalized-gap';
+export { useResponsiveBreakpoint } from './use-responsive-breakpoint';
+export { getResponsiveValue, useResponsiveValue } from './use-responsive-value';

package/dist/types/src/grid/hooks/use-container-breakpoints.d.ts

@@ -0,0 +1 @@
+export declare function useContainerBreakpoints(baseWidth: number): Record<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl", number>;

package/dist/types/src/grid/hooks/use-container-width.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export declare function useContainerWidth(): {
+    containerWidth: number;
+    containerRef: RefObject<HTMLDivElement | null>;
+};

package/dist/types/src/grid/hooks/use-grid-collapsed.d.ts

@@ -0,0 +1,4 @@
+export declare function useGridCollapsed(): {
+    isCollapsed: boolean;
+    setCollapsed: (isCollapsed?: boolean) => void;
+};

package/dist/types/src/grid/hooks/use-normalized-gap.d.ts

@@ -0,0 +1,3 @@
+import { LiteralUnion } from '@vef-framework/shared';
+import { FullSize } from '../../_base';
+export declare function useNormalizedGap([rowGap, columnGap]: [LiteralUnion<FullSize, number>, LiteralUnion<FullSize, number>]): readonly [number, number];

package/dist/types/src/grid/hooks/use-responsive-breakpoint.d.ts

@@ -0,0 +1,2 @@
+import { Breakpoint } from '../../_base';
+export declare function useResponsiveBreakpoint(breakpoints: Record<Breakpoint, number>, width: number): "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

package/dist/types/src/grid/hooks/use-responsive-value.d.ts

@@ -0,0 +1,4 @@
+import { Breakpoint } from '../../_base';
+import { ResponsiveValue } from '../props';
+export declare function useResponsiveValue<T>(value: ResponsiveValue<T>, breakpoint: Breakpoint): T | undefined;
+export declare function getResponsiveValue<T>(value: ResponsiveValue<T>, breakpoint: Breakpoint): T | undefined;

package/dist/types/src/grid/index.d.ts

@@ -0,0 +1,8 @@
+import { GridProps } from './props';
+import { GridItem } from './grid-item';
+export declare function Grid({ baseWidth, gap, columnGap, rowGap, defaultIsCollapsed, isCollapsed, collapsedRows, onCollapseChange, style, children, ref, ...props }: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Grid {
+    var Item: typeof GridItem;
+}
+export { useGridCollapsed } from './hooks';
+export { type GridItemProps, type GridProps } from './props';