@gnwebsoft/ui 2.17.0

package/dist/components/index.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default, { PropsWithChildren } from 'react';
+
+type FilterButtonProps = {
+    isSubmitting: boolean;
+};
+declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+
+type FormWrapper = PropsWithChildren<{
+    title: string;
+    editMode: boolean;
+    backAction: () => void;
+    breadCrumb?: react__default.ReactNode;
+}>;
+declare const FormWrapper: ({ children, title, editMode, breadCrumb, }: FormWrapper) => react_jsx_runtime.JSX.Element;
+
+type LabelTextProps = {
+    label: string;
+    value: React.ReactNode;
+};
+declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+
+type ListWrapperProps = PropsWithChildren<{
+    title: string;
+    count: number;
+}>;
+declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+
+declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
+
+export { FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default, { PropsWithChildren } from 'react';
+
+type FilterButtonProps = {
+    isSubmitting: boolean;
+};
+declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+
+type FormWrapper = PropsWithChildren<{
+    title: string;
+    editMode: boolean;
+    backAction: () => void;
+    breadCrumb?: react__default.ReactNode;
+}>;
+declare const FormWrapper: ({ children, title, editMode, breadCrumb, }: FormWrapper) => react_jsx_runtime.JSX.Element;
+
+type LabelTextProps = {
+    label: string;
+    value: React.ReactNode;
+};
+declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+
+type ListWrapperProps = PropsWithChildren<{
+    title: string;
+    count: number;
+}>;
+declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+
+declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
+
+export { FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunkPCTIEZLNjs = require('../chunk-PCTIEZLN.js');
+
+
+
+
+
+
+exports.FilterButton = _chunkPCTIEZLNjs.FilterButton_default; exports.FormWrapper = _chunkPCTIEZLNjs.FormWrapper_default; exports.LabelText = _chunkPCTIEZLNjs.LabelText_default; exports.ListWrapper = _chunkPCTIEZLNjs.ListWrapper_default; exports.SimpleToolbar = _chunkPCTIEZLNjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -0,0 +1,14 @@
+import {
+  FilterButton_default,
+  FormWrapper_default,
+  LabelText_default,
+  ListWrapper_default,
+  SimpleToolbar_default
+} from "../chunk-2LTU3GNL.mjs";
+export {
+  FilterButton_default as FilterButton,
+  FormWrapper_default as FormWrapper,
+  LabelText_default as LabelText,
+  ListWrapper_default as ListWrapper,
+  SimpleToolbar_default as SimpleToolbar
+};

package/dist/hooks/index.d.mts

@@ -0,0 +1,17 @@
+import { FieldValues, FieldPath, UseControllerReturn, PathValue } from 'react-hook-form';
+
+type UseTransformOptions<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    value: UseControllerReturn<TFieldValues, TName>["field"]["value"];
+    onChange: UseControllerReturn<TFieldValues, TName>["field"]["onChange"];
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue;
+        output?: (...event: any[]) => PathValue<TFieldValues, TName>;
+    };
+};
+type UseTransformReturn<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    value: TValue;
+    onChange: UseControllerReturn<TFieldValues, TName>["field"]["onChange"];
+};
+declare function useTransform<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown>(options: UseTransformOptions<TFieldValues, TName, TValue>): UseTransformReturn<TFieldValues, TName, TValue>;
+
+export { type UseTransformOptions, type UseTransformReturn, useTransform };

package/dist/hooks/index.d.ts

@@ -0,0 +1,17 @@
+import { FieldValues, FieldPath, UseControllerReturn, PathValue } from 'react-hook-form';
+
+type UseTransformOptions<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    value: UseControllerReturn<TFieldValues, TName>["field"]["value"];
+    onChange: UseControllerReturn<TFieldValues, TName>["field"]["onChange"];
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue;
+        output?: (...event: any[]) => PathValue<TFieldValues, TName>;
+    };
+};
+type UseTransformReturn<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    value: TValue;
+    onChange: UseControllerReturn<TFieldValues, TName>["field"]["onChange"];
+};
+declare function useTransform<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown>(options: UseTransformOptions<TFieldValues, TName, TValue>): UseTransformReturn<TFieldValues, TName, TValue>;
+
+export { type UseTransformOptions, type UseTransformReturn, useTransform };

package/dist/hooks/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-7M2VOCYN.js');
+
+
+var _chunk6JZ35VQJjs = require('../chunk-6JZ35VQJ.js');
+
+
+exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/hooks/index.mjs

@@ -0,0 +1,7 @@
+import "../chunk-2JFL7TS5.mjs";
+import {
+  useTransform
+} from "../chunk-GFSTK7KN.mjs";
+export {
+  useTransform
+};

package/dist/index.d.mts

@@ -0,0 +1,12 @@
+export { FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
+export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.mjs';
+export { AsyncMultiSelectPayload, OptionItem, OptionItem2, ValidationErrors } from './types/index.mjs';
+export { flattenObjectKeys, getTimezone, propertyExists, readValueAsDate, removeLeadingTrailingSlashes } from './utils/index.mjs';
+export { Field } from './wrappers/index.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-hook-form';
+import '@mui/x-date-pickers';
+import '@mui/x-date-pickers/internals';
+import '@mui/material';
+import '@mui/x-date-pickers/models';

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
+export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.js';
+export { AsyncMultiSelectPayload, OptionItem, OptionItem2, ValidationErrors } from './types/index.js';
+export { flattenObjectKeys, getTimezone, propertyExists, readValueAsDate, removeLeadingTrailingSlashes } from './utils/index.js';
+export { Field } from './wrappers/index.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-hook-form';
+import '@mui/x-date-pickers';
+import '@mui/x-date-pickers/internals';
+import '@mui/material';
+import '@mui/x-date-pickers/models';

package/dist/index.js

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunkPCTIEZLNjs = require('./chunk-PCTIEZLN.js');
+require('./chunk-7M2VOCYN.js');
+require('./chunk-SK6Y2YH6.js');
+
+
+var _chunkXMOYASC5js = require('./chunk-XMOYASC5.js');
+
+
+var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
+
+
+
+
+
+
+var _chunkDFFDICTBjs = require('./chunk-DFFDICTB.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Field = _chunkXMOYASC5js.Field_default; exports.FilterButton = _chunkPCTIEZLNjs.FilterButton_default; exports.FormWrapper = _chunkPCTIEZLNjs.FormWrapper_default; exports.LabelText = _chunkPCTIEZLNjs.LabelText_default; exports.ListWrapper = _chunkPCTIEZLNjs.ListWrapper_default; exports.SimpleToolbar = _chunkPCTIEZLNjs.SimpleToolbar_default; exports.flattenObjectKeys = _chunkDFFDICTBjs.flattenObjectKeys; exports.getTimezone = _chunkDFFDICTBjs.getTimezone; exports.propertyExists = _chunkDFFDICTBjs.propertyExists; exports.readValueAsDate = _chunkDFFDICTBjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDFFDICTBjs.removeLeadingTrailingSlashes; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -0,0 +1,36 @@
+import {
+  FilterButton_default,
+  FormWrapper_default,
+  LabelText_default,
+  ListWrapper_default,
+  SimpleToolbar_default
+} from "./chunk-2LTU3GNL.mjs";
+import "./chunk-2JFL7TS5.mjs";
+import "./chunk-IJXNDCK2.mjs";
+import {
+  Field_default
+} from "./chunk-JCZNO267.mjs";
+import {
+  useTransform
+} from "./chunk-GFSTK7KN.mjs";
+import {
+  flattenObjectKeys,
+  getTimezone,
+  propertyExists,
+  readValueAsDate,
+  removeLeadingTrailingSlashes
+} from "./chunk-D3X5GWIG.mjs";
+export {
+  Field_default as Field,
+  FilterButton_default as FilterButton,
+  FormWrapper_default as FormWrapper,
+  LabelText_default as LabelText,
+  ListWrapper_default as ListWrapper,
+  SimpleToolbar_default as SimpleToolbar,
+  flattenObjectKeys,
+  getTimezone,
+  propertyExists,
+  readValueAsDate,
+  removeLeadingTrailingSlashes,
+  useTransform
+};

package/dist/types/index.d.mts

@@ -0,0 +1,21 @@
+type OptionItem = {
+    label: string;
+    value: string;
+};
+type AsyncMultiSelectPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+type OptionItem2 = {
+    label: string;
+    value: number;
+};
+
+type ValidationErrors = {
+    [field: string]: string | string[] | boolean | {
+        key: string;
+        message: string;
+    };
+};
+
+export type { AsyncMultiSelectPayload, OptionItem, OptionItem2, ValidationErrors };

package/dist/types/index.d.ts

@@ -0,0 +1,21 @@
+type OptionItem = {
+    label: string;
+    value: string;
+};
+type AsyncMultiSelectPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+type OptionItem2 = {
+    label: string;
+    value: number;
+};
+
+type ValidationErrors = {
+    [field: string]: string | string[] | boolean | {
+        key: string;
+        message: string;
+    };
+};
+
+export type { AsyncMultiSelectPayload, OptionItem, OptionItem2, ValidationErrors };

package/dist/types/index.js

@@ -0,0 +1 @@
+"use strict";require('../chunk-SK6Y2YH6.js');

package/dist/types/index.mjs

@@ -0,0 +1 @@
+import "../chunk-IJXNDCK2.mjs";

package/dist/utils/index.d.mts

@@ -0,0 +1,16 @@
+import { PickerValidDate } from '@mui/x-date-pickers';
+import { useLocalizationContext } from '@mui/x-date-pickers/internals';
+
+declare const flattenObjectKeys: (obj: any, prefix?: string) => {
+    [x: string]: any;
+};
+
+declare function getTimezone<TDate extends PickerValidDate>(adapter: ReturnType<typeof useLocalizationContext>, value: TDate): string | null;
+
+declare function propertyExists<X, Y extends PropertyKey>(obj: X, prop: Y): obj is X & Record<Y, unknown>;
+
+declare function readValueAsDate<TDate extends PickerValidDate>(adapter: ReturnType<typeof useLocalizationContext>, value: string | null | TDate): TDate | null;
+
+declare const removeLeadingTrailingSlashes: (route: string) => string;
+
+export { flattenObjectKeys, getTimezone, propertyExists, readValueAsDate, removeLeadingTrailingSlashes };

package/dist/utils/index.d.ts

@@ -0,0 +1,16 @@
+import { PickerValidDate } from '@mui/x-date-pickers';
+import { useLocalizationContext } from '@mui/x-date-pickers/internals';
+
+declare const flattenObjectKeys: (obj: any, prefix?: string) => {
+    [x: string]: any;
+};
+
+declare function getTimezone<TDate extends PickerValidDate>(adapter: ReturnType<typeof useLocalizationContext>, value: TDate): string | null;
+
+declare function propertyExists<X, Y extends PropertyKey>(obj: X, prop: Y): obj is X & Record<Y, unknown>;
+
+declare function readValueAsDate<TDate extends PickerValidDate>(adapter: ReturnType<typeof useLocalizationContext>, value: string | null | TDate): TDate | null;
+
+declare const removeLeadingTrailingSlashes: (route: string) => string;
+
+export { flattenObjectKeys, getTimezone, propertyExists, readValueAsDate, removeLeadingTrailingSlashes };

package/dist/utils/index.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunkDFFDICTBjs = require('../chunk-DFFDICTB.js');
+
+
+
+
+
+
+exports.flattenObjectKeys = _chunkDFFDICTBjs.flattenObjectKeys; exports.getTimezone = _chunkDFFDICTBjs.getTimezone; exports.propertyExists = _chunkDFFDICTBjs.propertyExists; exports.readValueAsDate = _chunkDFFDICTBjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDFFDICTBjs.removeLeadingTrailingSlashes;

package/dist/utils/index.mjs

@@ -0,0 +1,14 @@
+import {
+  flattenObjectKeys,
+  getTimezone,
+  propertyExists,
+  readValueAsDate,
+  removeLeadingTrailingSlashes
+} from "../chunk-D3X5GWIG.mjs";
+export {
+  flattenObjectKeys,
+  getTimezone,
+  propertyExists,
+  readValueAsDate,
+  removeLeadingTrailingSlashes
+};

package/dist/wrappers/index.d.mts

@@ -0,0 +1,215 @@
+import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldProps, IconButtonProps, FormControlLabelProps, FormLabelProps, RadioProps, CheckboxProps, TextField } from '@mui/material';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
+import * as react from 'react';
+import { ReactNode, ChangeEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
+import { PickerValidDate } from '@mui/x-date-pickers/models';
+
+type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
+    value: number;
+    label: string;
+} = {
+    value: number;
+    label: string;
+}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+    initialValue?: number | null;
+    queryFn: (data: AsyncSelectPayload) => Promise<TValue[] | undefined>;
+};
+type AsyncSelectPayload = {
+    query: string | null;
+    initialValue?: number | null;
+};
+
+type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
+    value: number | boolean;
+    label: string;
+} = {
+    value: number | boolean;
+    label: string;
+}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    dependsOn: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+};
+
+type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
+    value: number;
+    label: string;
+} = {
+    value: number;
+    label: string;
+}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel" | "multiple" | "onChange" | "value"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+};
+
+type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
+    value: number;
+    label: string;
+} = {
+    value: number;
+    label: string;
+}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+};
+
+type TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = Omit<TimePickerProps<TValue>, "value" | "renderInput"> & {
+    name: TName;
+    required?: boolean;
+    isDate?: boolean;
+    parseError?: (error: FieldError) => ReactNode;
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    control?: Control<TFieldValues>;
+    inputProps?: TextFieldProps;
+    helperText?: TextFieldProps["helperText"];
+    textReadOnly?: boolean;
+    slotProps?: Omit<TimePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
+        output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
+    };
+    gridProps?: Grid2Props;
+};
+
+type PasswordElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<TextFieldProps, "name"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    iconColor?: IconButtonProps["color"];
+    renderIcon?: (password: boolean) => ReactNode;
+    gridProps?: Grid2Props;
+};
+
+type RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    options: TValue[];
+    helperText?: ReactNode;
+    name: TName;
+    required?: boolean;
+    parseError?: (error: FieldError) => ReactNode;
+    label?: string;
+    labelKey?: string;
+    valueKey?: string;
+    disabledKey?: string;
+    type?: "number" | "string";
+    emptyOptionLabel?: string;
+    onChange?: (value: TValue | string | undefined) => void;
+    returnObject?: boolean;
+    row?: boolean;
+    control?: Control<TFieldValues>;
+    labelProps?: Omit<FormControlLabelProps, "label" | "control" | "value">;
+    formLabelProps?: Omit<FormLabelProps, "required" | "error">;
+    radioProps?: RadioProps;
+    disabled?: boolean;
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue;
+        output?: (value: TValue | string | undefined) => PathValue<TFieldValues, TName>;
+    };
+    gridProps?: Grid2Props;
+};
+
+type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
+    name: TName;
+    required?: boolean;
+    isDate?: boolean;
+    parseError?: (error: FieldError | DateValidationError) => ReactNode;
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    control?: Control<TFieldValues>;
+    inputProps?: TextFieldProps;
+    helperText?: TextFieldProps["helperText"];
+    textReadOnly?: boolean;
+    slotProps?: Omit<DatePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
+        output?: (value: TValue | null, context: PickerChangeHandlerContext<DateValidationError>) => PathValue<TFieldValues, TName>;
+    };
+    gridProps?: Grid2Props;
+    datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
+};
+
+type CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<CheckboxProps, "name"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    label?: FormControlLabelProps["label"];
+    labelProps?: Omit<FormControlLabelProps, "label" | "control">;
+    gridProps?: Grid2Props;
+};
+
+type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    parseError?: (error: FieldError) => ReactNode;
+    control?: Control<TFieldValues>;
+    component?: typeof TextField;
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue;
+        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+    };
+    textFieldProps?: Omit<TextFieldProps, "name">;
+    gridProps?: Grid2Props;
+};
+
+declare const Field: {
+    Text: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: TextFieldElementProps<TFieldValues, TName, TValue>) => JSX.Element;
+    Checkbox: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: CheckboxElementProps<TFieldValues, TName, TValue>) => JSX.Element;
+    Date: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: DatePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
+    RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
+    Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
+    Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
+    Select: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
+        value: number;
+        label: string;
+    } = {
+        value: number;
+        label: string;
+    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+    SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
+        value: number;
+        label: string;
+    } = {
+        value: number;
+        label: string;
+    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
+    SelectCascade: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
+        value: number | boolean;
+        label: string;
+    } = {
+        value: number | boolean;
+        label: string;
+    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
+    AsyncSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
+        value: number;
+        label: string;
+    } = {
+        value: number;
+        label: string;
+    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
+    AsyncMultiSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
+        value: number;
+        label: string;
+    } = {
+        value: number;
+        label: string;
+    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+};
+
+export { Field };