@gnwebsoft/ui 2.18.24 → 2.18.25

package/dist/{chunk-LSE3T3FT.mjs → chunk-N3AI2OIO.mjs}

@@ -11,7 +11,12 @@ import { LoadingButton } from "@mui/lab";
 import { Badge } from "@mui/material";
 import FilterAltIcon from "@mui/icons-material/FilterAlt";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var FilterButton = ({ isSubmitting, show }) => {
+var FilterButton = ({
+  isSubmitting,
+  show,
+  title,
+  icon
+}) => {
   return /* @__PURE__ */ jsx2(
     LoadingButton,
     {
@@ -20,9 +25,13 @@ var FilterButton = ({ isSubmitting, show }) => {
       loading: isSubmitting,
       disabled: !show,
       disableRipple: true,
-      sx: { bgcolor: "#3caed7 !important" },
-      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20" }) }),
-      children: "Filter"
+      sx: {
+        bgcolor: "#3caed7 !important",
+        display: "flex",
+        alignItems: "center"
+      },
+      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20" }) }),
+      children: title?.trim() === "" || !title ? "Filter" : title
     }
   );
 };
@@ -212,7 +221,8 @@ var ListWrapper = ({
   children,
   title,
   count,
-  show = true
+  show = true,
+  actionButton
 }) => {
   if (!show) return /* @__PURE__ */ jsx6(Fragment, {});
   return /* @__PURE__ */ jsxs4(
@@ -236,17 +246,30 @@ var ListWrapper = ({
               },
               alignItems: "center"
             },
-            title: /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              /* @__PURE__ */ jsx6(ManageSearchIcon2, { sx: { color: "#4db3a2", height: "2.5rem" } }),
-              /* @__PURE__ */ jsx6(
-                Typography4,
-                {
-                  variant: "h5",
-                  sx: { color: "#4db3a2", fontWeight: "bold" },
-                  children: `${title} (${count ? count : 0})`
-                }
-              )
-            ] })
+            title: /* @__PURE__ */ jsxs4(
+              Box2,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                    /* @__PURE__ */ jsx6(ManageSearchIcon2, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+                    /* @__PURE__ */ jsx6(
+                      Typography4,
+                      {
+                        variant: "h5",
+                        sx: { color: "#4db3a2", fontWeight: "bold" },
+                        children: `${title} (${count ? count : 0})`
+                      }
+                    )
+                  ] }),
+                  actionButton
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx6(Divider3, {}),

package/dist/{chunk-ZT3DSWED.js → chunk-QA44AL2X.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/ClearButton/ClearButton.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ClearButton/ClearButton.tsx
 var _material = require('@mui/material');
 var _jsxruntime = require('react/jsx-runtime');
 var ClearButton = ({ isSubmitting, handleClear }) => {
@@ -11,7 +11,12 @@ var _lab = require('@mui/lab');
 
 var _FilterAlt = require('@mui/icons-material/FilterAlt'); var _FilterAlt2 = _interopRequireDefault(_FilterAlt);
 
-var FilterButton = ({ isSubmitting, show }) => {
+var FilterButton = ({
+  isSubmitting,
+  show,
+  title,
+  icon
+}) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _lab.LoadingButton,
     {
@@ -20,9 +25,13 @@ var FilterButton = ({ isSubmitting, show }) => {
       loading: isSubmitting,
       disabled: !show,
       disableRipple: true,
-      sx: { bgcolor: "#3caed7 !important" },
-      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Badge, { color: "error", variant: "standard", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FilterAlt2.default, { width: "20", height: "20" }) }),
-      children: "Filter"
+      sx: {
+        bgcolor: "#3caed7 !important",
+        display: "flex",
+        alignItems: "center"
+      },
+      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FilterAlt2.default, { width: "20", height: "20" }) }),
+      children: _optionalChain([title, 'optionalAccess', _ => _.trim, 'call', _2 => _2()]) === "" || !title ? "Filter" : title
     }
   );
 };
@@ -212,7 +221,8 @@ var ListWrapper = ({
   children,
   title,
   count,
-  show = true
+  show = true,
+  actionButton
 }) => {
   if (!show) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -236,17 +246,30 @@ var ListWrapper = ({
               },
               alignItems: "center"
             },
-            title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "#4db3a2", height: "2.5rem" } }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _material.Typography,
-                {
-                  variant: "h5",
-                  sx: { color: "#4db3a2", fontWeight: "bold" },
-                  children: `${title} (${count ? count : 0})`
-                }
-              )
-            ] })
+            title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.Typography,
+                      {
+                        variant: "h5",
+                        sx: { color: "#4db3a2", fontWeight: "bold" },
+                        children: `${title} (${count ? count : 0})`
+                      }
+                    )
+                  ] }),
+                  actionButton
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),

package/dist/components/index.d.mts

@@ -12,8 +12,10 @@ declare const ClearButton: ({ isSubmitting, handleClear }: ClearButtonProps) =>
 type FilterButtonProps = {
     isSubmitting: boolean;
     show?: boolean;
+    title?: string;
+    icon?: React.ReactNode;
 };
-declare const FilterButton: ({ isSubmitting, show }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
@@ -53,8 +55,9 @@ type ListWrapperProps = PropsWithChildren<{
     title: string;
     count: number;
     show?: boolean;
+    actionButton?: React.ReactNode;
 }>;
-declare const ListWrapper: ({ children, title, count, show, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.d.ts

@@ -12,8 +12,10 @@ declare const ClearButton: ({ isSubmitting, handleClear }: ClearButtonProps) =>
 type FilterButtonProps = {
     isSubmitting: boolean;
     show?: boolean;
+    title?: string;
+    icon?: React.ReactNode;
 };
-declare const FilterButton: ({ isSubmitting, show }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
@@ -53,8 +55,9 @@ type ListWrapperProps = PropsWithChildren<{
     title: string;
     count: number;
     show?: boolean;
+    actionButton?: React.ReactNode;
 }>;
-declare const ListWrapper: ({ children, title, count, show, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunkZT3DSWEDjs = require('../chunk-ZT3DSWED.js');
+var _chunkQA44AL2Xjs = require('../chunk-QA44AL2X.js');
 
 
 
@@ -19,4 +19,4 @@ var _chunkZT3DSWEDjs = require('../chunk-ZT3DSWED.js');
 
 
 
-exports.AuthorizedView = _chunkZT3DSWEDjs.AuthorizedView_default; exports.ClearButton = _chunkZT3DSWEDjs.ClearButton_default; exports.FilterButton = _chunkZT3DSWEDjs.FilterButton_default; exports.FilterWrapper = _chunkZT3DSWEDjs.FilterWrapper_default; exports.FormWrapper = _chunkZT3DSWEDjs.FormWrapper_default; exports.LabelText = _chunkZT3DSWEDjs.LabelText_default; exports.ListWrapper = _chunkZT3DSWEDjs.ListWrapper_default; exports.SimpleButton = _chunkZT3DSWEDjs.SimpleButton_default; exports.SimpleToolbar = _chunkZT3DSWEDjs.SimpleToolbar_default;
+exports.AuthorizedView = _chunkQA44AL2Xjs.AuthorizedView_default; exports.ClearButton = _chunkQA44AL2Xjs.ClearButton_default; exports.FilterButton = _chunkQA44AL2Xjs.FilterButton_default; exports.FilterWrapper = _chunkQA44AL2Xjs.FilterWrapper_default; exports.FormWrapper = _chunkQA44AL2Xjs.FormWrapper_default; exports.LabelText = _chunkQA44AL2Xjs.LabelText_default; exports.ListWrapper = _chunkQA44AL2Xjs.ListWrapper_default; exports.SimpleButton = _chunkQA44AL2Xjs.SimpleButton_default; exports.SimpleToolbar = _chunkQA44AL2Xjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -8,7 +8,7 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "../chunk-LSE3T3FT.mjs";
+} from "../chunk-N3AI2OIO.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
   ClearButton_default as ClearButton,

package/dist/index.d.mts

@@ -3,14 +3,254 @@ export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/i
 export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
 export { Field } from './wrappers/index.mjs';
-export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
-import 'react/jsx-runtime';
-import 'react';
-import '@mui/material';
+import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, 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 { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from './OptionItem-CzX7oHfv.mjs';
+export { a as AsyncSelectMultiPayload, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
+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';
 import '@mui/material/OverridableComponent';
-import 'react-hook-form';
 import '@mui/x-data-grid';
-import '@mui/x-date-pickers';
 import '@mui/x-date-pickers/internals';
 import 'zod';
-import '@mui/x-date-pickers/models';
+
+type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    label?: FormControlLabelProps["label"];
+    labelProps?: Omit<FormControlLabelProps, "label" | "control">;
+    gridProps?: Grid2Props;
+    options: {
+        value: number;
+        label: string;
+    }[];
+};
+
+type AsyncMultiSelectElementProps<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;
+    initialValues: number[] | null;
+    queryFn: (data: AsyncMultiSelectPayload) => Promise<OptionItem[] | undefined>;
+};
+
+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 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;
+    initialValue?: number | null;
+};
+
+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"];
+    label?: ReactNode;
+    placeholder?: string;
+    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>;
+    };
+    label?: string;
+    placeholder?: string;
+    textFieldProps?: Omit<TextFieldProps, "name">;
+    gridProps?: Grid2Props;
+};
+
+declare const Field2: {
+    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: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+    CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
+};
+
+export { AsyncMultiSelectPayload, AsyncSelectPayload, Field2, OptionItem };