@gnwebsoft/ui 2.18.40 → 2.18.42

package/dist/{AsyncSelectPayload-CiwoX8EE.d.mts → AsyncSelectPayload-Cz4bgak0.d.mts}

@@ -1,10 +1,10 @@
 type AsyncSelectPayload = {
     query: string | null;
-    initialValue?: number | null;
+    initialValue?: string | number | null;
 };
 type AsyncSelectMultiPayload = {
     query: string | null;
-    initialValues?: number[] | null;
+    initialValues?: string[] | number[] | null;
 };
 
 export type { AsyncSelectPayload as A, AsyncSelectMultiPayload as a };

package/dist/{AsyncSelectPayload-CiwoX8EE.d.ts → AsyncSelectPayload-Cz4bgak0.d.ts}

@@ -1,10 +1,10 @@
 type AsyncSelectPayload = {
     query: string | null;
-    initialValue?: number | null;
+    initialValue?: string | number | null;
 };
 type AsyncSelectMultiPayload = {
     query: string | null;
-    initialValues?: number[] | null;
+    initialValues?: string[] | number[] | null;
 };
 
 export type { AsyncSelectPayload as A, AsyncSelectMultiPayload as a };

package/dist/{OptionItem-BSg3KSRJ.d.mts → OptionItem-8fG5uP-B.d.mts}

@@ -4,7 +4,7 @@ type OptionItem = {
 };
 type AsyncMultiSelectPayload = {
     query: string | null;
-    initialValues?: number[] | null;
+    initialValues?: string[] | number[] | null;
 };
 type OptionItem2 = {
     Label: string;

package/dist/{OptionItem-BSg3KSRJ.d.ts → OptionItem-8fG5uP-B.d.ts}

@@ -4,7 +4,7 @@ type OptionItem = {
 };
 type AsyncMultiSelectPayload = {
     query: string | null;
-    initialValues?: number[] | null;
+    initialValues?: string[] | number[] | null;
 };
 type OptionItem2 = {
     Label: string;

package/dist/{chunk-DKBPCLEC.js → chunk-FYN7F5WJ.js}

@@ -86,7 +86,6 @@ var api = class {
       ...options
     };
     const result = await fetch(url, alteredOptions);
-    console.log("result", result);
     return result;
   }
   static async tempFetch(url, options = {}) {
@@ -200,7 +199,6 @@ var api2 = class {
       ...options
     };
     const result = await fetch(url, alteredOptions);
-    console.log("result", result);
     return result;
   }
   static async tempFetch(url, options = {}) {

package/dist/{chunk-AVNKSUE5.mjs → chunk-GAYZ4QSD.mjs}

@@ -86,7 +86,6 @@ var api = class {
       ...options
     };
     const result = await fetch(url, alteredOptions);
-    console.log("result", result);
     return result;
   }
   static async tempFetch(url, options = {}) {
@@ -200,7 +199,6 @@ var api2 = class {
       ...options
     };
     const result = await fetch(url, alteredOptions);
-    console.log("result", result);
     return result;
   }
   static async tempFetch(url, options = {}) {

package/dist/{chunk-STC2BZ2L.js → chunk-IZSKZD5M.js}

@@ -3,7 +3,7 @@
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
-var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
+var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
 
 // src/wrappers2/DatePickerElement/DatePickerElement.tsx
 
@@ -46,7 +46,7 @@ var Component = function DatePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _4 => _4.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
@@ -506,7 +506,7 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });

package/dist/{chunk-RVKKPXZC.mjs → chunk-KB3ODFZD.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GFSTK7KN.mjs";
 import {
   readValueAsDate
-} from "./chunk-AVNKSUE5.mjs";
+} from "./chunk-GAYZ4QSD.mjs";
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 import { useMemo, useCallback } from "react";
@@ -122,7 +122,7 @@ var DatePickerElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx(Grid2, { ...gridProps, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+    return /* @__PURE__ */ jsx(Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx(Component, { ...props }) });
   }
   return /* @__PURE__ */ jsx(Component, { ...props });
 };
@@ -220,7 +220,7 @@ var PasswordElement = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx2(Grid22, { ...gridProps, children: /* @__PURE__ */ jsx2(Component2, { ...props }) });
+    return /* @__PURE__ */ jsx2(Grid22, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx2(Component2, { ...props }) });
   }
   return /* @__PURE__ */ jsx2(Component2, { ...props });
 };
@@ -363,7 +363,7 @@ var RadioButtonGroup2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx3(Grid23, { ...gridProps, children: /* @__PURE__ */ jsx3(Component3, { ...props }) });
+    return /* @__PURE__ */ jsx3(Grid23, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx3(Component3, { ...props }) });
   }
   return /* @__PURE__ */ jsx3(Component3, { ...props });
 };
@@ -483,7 +483,7 @@ var TextFieldElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx4(Grid24, { ...gridProps, children: /* @__PURE__ */ jsx4(Component4, { ...props }) });
+    return /* @__PURE__ */ jsx4(Grid24, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx4(Component4, { ...props }) });
   }
   return /* @__PURE__ */ jsx4(Component4, { ...props });
 };
@@ -574,28 +574,21 @@ var TimePickerElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx5(Grid25, { ...gridProps, children: /* @__PURE__ */ jsx5(Component5, { ...props }) });
+    return /* @__PURE__ */ jsx5(Grid25, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx5(Component5, { ...props }) });
   }
   return /* @__PURE__ */ jsx5(Component5, { ...props });
 };
 TimePickerElement2.displayName = "TimePickerElement";
 var TimePickerElement_default = TimePickerElement2;
 
-// src/wrappers/AsyncSelect/AsyncSelect.tsx
+// src/wrappers/AsyncSelect/AsyncSelectElement.tsx
 import * as React from "react";
+import { useController as useController6 } from "react-hook-form";
+import { useRef, useMemo as useMemo2, Fragment, useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+import { debounce } from "@mui/material/utils";
 import TextField3 from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
-import { debounce } from "@mui/material/utils";
-import {
-  Fragment,
-  useCallback as useCallback2,
-  useEffect as useEffect2,
-  useMemo as useMemo2,
-  useRef,
-  useState as useState2
-} from "react";
-import { useController as useController6 } from "react-hook-form";
-import { CircularProgress, Grid2 as Grid26, useTheme as useTheme3 } from "@mui/material";
+import { Grid2 as Grid26, useTheme as useTheme3, CircularProgress } from "@mui/material";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var Component6 = function AsyncSelectElement(props) {
   const {
@@ -609,6 +602,8 @@ var Component6 = function AsyncSelectElement(props) {
     label,
     queryFn,
     variant,
+    labelKey = "Label",
+    valueKey = "Value",
     sx,
     ...rest
   } = props;
@@ -624,22 +619,16 @@ var Component6 = function AsyncSelectElement(props) {
   const [selectedOption, setSelectedOption] = useState2(null);
   const [inputValue, setInputValue] = useState2("");
   const inputValue2 = useMemo2(() => inputValue, [inputValue]);
-  const setInputValue2 = useCallback2(
-    (inputValue3) => setInputValue(inputValue3),
-    []
-  );
+  const setInputValue2 = useCallback2((newValue) => setInputValue(newValue), []);
   const [options, setOptions] = useState2([]);
   const initialValueLoaded = useRef(
-    !initialValue ? true : !(initialValue != null && initialValue > 0)
+    !initialValue ? true : !(initialValue != null)
   );
   const fieldValue = useRef(field.value);
   const fetchData = useMemo2(
-    () => debounce(
-      (payload, callback) => {
-        queryFn(payload).then((c) => callback(c));
-      },
-      400
-    ),
+    () => debounce((payload, callback) => {
+      queryFn(payload).then((c) => callback(c));
+    }, 400),
     []
   );
   const fillOptions = (results) => {
@@ -684,7 +673,7 @@ var Component6 = function AsyncSelectElement(props) {
       setLoading(false);
       return void 0;
     }
-    if (!!fieldValue.current) {
+    if (fieldValue.current) {
       if (field.value === fieldValue.current) {
         return void 0;
       }
@@ -704,16 +693,16 @@ var Component6 = function AsyncSelectElement(props) {
     };
   }, [initialValue, inputValue2, fetchData]);
   const selectRef = useRef(null);
-  const handleChange = (_2, selectedOption2, reason) => {
+  const handleChange = (_2, newSelectedOption, reason) => {
     if (reason === "clear") {
       setSelectedOption(null);
       field.onChange(null);
       setLoading(false);
     } else if (reason === "selectOption" || reason === "removeOption") {
-      if (selectedOption2) {
-        setSelectedOption(selectedOption2);
-        field.onChange(selectedOption2.Value);
-        fieldValue.current = selectedOption2.Value;
+      if (newSelectedOption) {
+        setSelectedOption(newSelectedOption);
+        field.onChange(newSelectedOption.Value);
+        fieldValue.current = newSelectedOption.Value;
         setLoading(false);
       }
     }
@@ -727,6 +716,14 @@ var Component6 = function AsyncSelectElement(props) {
       setLoading(false);
     }
   }, [field.value]);
+  const getOptionValue = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[valueKey] : null;
+  };
+  const getOptionLabel = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[labelKey] : "";
+  };
   return /* @__PURE__ */ jsx6(
     Autocomplete,
     {
@@ -734,13 +731,14 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.Label,
-      getOptionKey: (option) => option.Value,
-      isOptionEqualToValue: (option, val) => option.Value === val.Value,
+      getOptionLabel,
+      getOptionKey: getOptionValue,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
       autoComplete: true,
       disabled,
       includeInputInList: true,
       options,
+      filterOptions: (x) => x,
       value: selectedOption,
       filterSelectedOptions: true,
       onChange: handleChange,
@@ -775,8 +773,8 @@ var Component6 = function AsyncSelectElement(props) {
           }
         }
       ),
-      renderOption: (props2, option) => {
-        const { key, ...optionProps } = props2;
+      renderOption: (renderProps, option) => {
+        const { key, ...optionProps } = renderProps;
         return /* @__PURE__ */ jsx6("li", { ...optionProps, children: option.Label }, key);
       }
     }
@@ -787,12 +785,12 @@ var AsyncSelectElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx6(Grid26, { ...gridProps, children: /* @__PURE__ */ jsx6(Component6, { ...props }) });
+    return /* @__PURE__ */ jsx6(Grid26, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx6(Component6, { ...props }) });
   }
   return /* @__PURE__ */ jsx6(Component6, { ...props });
 };
 AsyncSelectElement2.displayName = "AsyncSelectElement";
-var AsyncSelect_default = AsyncSelectElement2;
+var AsyncSelectElement_default = AsyncSelectElement2;
 
 // src/wrappers/AsyncMultiSelect/AsyncMultiSelect.tsx
 import _ from "lodash";
@@ -995,7 +993,13 @@ var AsyncSelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx7(Grid27, { ...gridProps, children: /* @__PURE__ */ jsx7(Component7, { ...props }) });
+    return /* @__PURE__ */ jsx7(
+      Grid27,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ jsx7(Component7, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ jsx7(Component7, { ...props });
 };
@@ -1003,7 +1007,11 @@ AsyncSelectMultiElement2.displayName = "AsyncSelectMulti";
 var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 // src/wrappers/SelectElement/SelectElement.tsx
-import { useMemo as useMemo4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import {
+  useMemo as useMemo4,
+  useEffect as useEffect4,
+  useCallback as useCallback4
+} from "react";
 import {
   useController as useController8
 } from "react-hook-form";
@@ -1108,7 +1116,13 @@ var SelectElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx8(Grid28, { ...gridProps, children: /* @__PURE__ */ jsx8(Component8, { ...props }) });
+    return /* @__PURE__ */ jsx8(
+      Grid28,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ jsx8(Component8, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ jsx8(Component8, { ...props });
 };
@@ -1224,7 +1238,7 @@ var SelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx9(Grid29, { ...gridProps, children: /* @__PURE__ */ jsx9(Component9, { ...props }) });
+    return /* @__PURE__ */ jsx9(Grid29, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx9(Component9, { ...props }) });
   }
   return /* @__PURE__ */ jsx9(Component9, { ...props });
 };
@@ -1243,7 +1257,7 @@ import {
   Autocomplete as Autocomplete5
 } from "@mui/material";
 import { jsx as jsx10 } from "react/jsx-runtime";
-var Component10 = function SelectCascadeElement2(props) {
+var Component10 = function SelectCascadeElement(props) {
   const {
     labelKey = "Label",
     valueKey = "Value",
@@ -1293,12 +1307,13 @@ var Component10 = function SelectCascadeElement2(props) {
     control
   });
   const parentValueRef = useRef3(dependentField.value ?? null);
+  const [hasAutoSelected, setHasAutoSelected] = useState4(false);
   useEffect5(() => {
     if (!!dependentField.value && parentValueRef?.current !== dependentField.value || dependentField.value === null) {
       field.onChange(null);
+      setHasAutoSelected(false);
     }
-  }, [dependentField.value, field]);
-  const [hasAutoSelected, setHasAutoSelected] = useState4(false);
+  }, [dependentField.value]);
   useEffect5(() => {
     if (isEdit && !disabled && options.length === 1 && field.value == null && !hasAutoSelected) {
       field.onChange(getOptionKey(options[0]));
@@ -1317,7 +1332,8 @@ var Component10 = function SelectCascadeElement2(props) {
     isEdit,
     disabled,
     field,
-    getOptionKey
+    getOptionKey,
+    dependentField.onChange
   ]);
   return /* @__PURE__ */ jsx10(
     Autocomplete5,
@@ -1331,7 +1347,7 @@ var Component10 = function SelectCascadeElement2(props) {
       getOptionLabel,
       isOptionEqualToValue,
       ref: field.ref,
-      disabled,
+      disabled: dependentField.value == null || disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? getOptionKey(newValue) : null);
         if (onChange && typeof onChange === "function") {
@@ -1358,11 +1374,11 @@ var Component10 = function SelectCascadeElement2(props) {
           variant: variant ? variant : "outlined",
           sx: {
             "& .MuiOutlinedInput-root": {
-              bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+              bgcolor: disabled || dependentField.value == null ? theme.palette.action.disabledBackground : "transparent"
             },
             "& .MuiInputLabel-asterisk": { color: "red" },
             "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
+              cursor: disabled || dependentField.value == null ? "not-allowed" : "default"
             },
             ...sx
           }
@@ -1371,17 +1387,17 @@ var Component10 = function SelectCascadeElement2(props) {
     }
   );
 };
-var SelectCascadeElement = ({
-  gridProps,
+var SelectCascadeElement2 = ({
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx10(Grid210, { ...gridProps, children: /* @__PURE__ */ jsx10(Component10, { ...props }) });
+    return /* @__PURE__ */ jsx10(Grid210, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx10(Component10, { ...props }) });
   }
   return /* @__PURE__ */ jsx10(Component10, { ...props });
 };
-SelectCascadeElement.displayName = "SelectCascadeElement";
-var SelectCascadeElement_default = SelectCascadeElement;
+SelectCascadeElement2.displayName = "SelectCascadeElement";
+var SelectCascadeElement_default = SelectCascadeElement2;
 
 // src/wrappers/CheckboxElement/CheckboxElement.tsx
 import {
@@ -1443,7 +1459,7 @@ var CheckboxElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx11(Grid211, { ...gridProps, children: /* @__PURE__ */ jsx11(Component11, { ...props }) });
+    return /* @__PURE__ */ jsx11(Grid211, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx11(Component11, { ...props }) });
   }
   return /* @__PURE__ */ jsx11(Component11, { ...props });
 };
@@ -1521,7 +1537,7 @@ var CheckboxGroup2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx12(Grid212, { ...gridProps, children: /* @__PURE__ */ jsx12(Component12, { ...props }) });
+    return /* @__PURE__ */ jsx12(Grid212, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx12(Component12, { ...props }) });
   }
   return /* @__PURE__ */ jsx12(Component12, { ...props });
 };
@@ -1539,7 +1555,7 @@ var Field = {
   Select: SelectElement_default,
   SelectMulti: SelectMultiElement_default,
   SelectCascade: SelectCascadeElement_default,
-  AsyncSelect: AsyncSelect_default,
+  AsyncSelect: AsyncSelectElement_default,
   AsyncMultiSelect: AsyncMultiSelect_default,
   CheckboxGroup: CheckboxGroup_default
 };

package/dist/{chunk-34X2YRTY.mjs → chunk-MM6OQZAY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GFSTK7KN.mjs";
 import {
   readValueAsDate
-} from "./chunk-AVNKSUE5.mjs";
+} from "./chunk-GAYZ4QSD.mjs";
 
 // src/wrappers2/DatePickerElement/DatePickerElement.tsx
 import {

package/dist/{chunk-VNU4ZOUE.js → chunk-WCNR24BM.js}

@@ -3,7 +3,7 @@
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
-var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
+var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -122,7 +122,7 @@ var DatePickerElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props });
 };
@@ -220,7 +220,7 @@ var PasswordElement = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component2, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component2, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component2, { ...props });
 };
@@ -363,7 +363,7 @@ var RadioButtonGroup2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component3, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component3, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component3, { ...props });
 };
@@ -483,7 +483,7 @@ var TextFieldElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component4, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component4, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component4, { ...props });
 };
@@ -528,7 +528,7 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _17 => _17.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _17 => _17.input]) === "function" ? transform.input : (newValue) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _18 => _18.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
@@ -574,27 +574,20 @@ var TimePickerElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component5, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component5, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component5, { ...props });
 };
 TimePickerElement2.displayName = "TimePickerElement";
 var TimePickerElement_default = TimePickerElement2;
 
-// src/wrappers/AsyncSelect/AsyncSelect.tsx
-
-var _TextField = require('@mui/material/TextField'); var _TextField2 = _interopRequireDefault(_TextField);
-var _Autocomplete = require('@mui/material/Autocomplete'); var _Autocomplete2 = _interopRequireDefault(_Autocomplete);
-var _utils = require('@mui/material/utils');
-
-
-
-
-
-
+// src/wrappers/AsyncSelect/AsyncSelectElement.tsx
 
 
 
+var _utils = require('@mui/material/utils');
+var _TextField = require('@mui/material/TextField'); var _TextField2 = _interopRequireDefault(_TextField);
+var _Autocomplete = require('@mui/material/Autocomplete'); var _Autocomplete2 = _interopRequireDefault(_Autocomplete);
 
 
 var Component6 = function AsyncSelectElement(props) {
@@ -609,6 +602,8 @@ var Component6 = function AsyncSelectElement(props) {
     label,
     queryFn,
     variant,
+    labelKey = "Label",
+    valueKey = "Value",
     sx,
     ...rest
   } = props;
@@ -624,22 +619,16 @@ var Component6 = function AsyncSelectElement(props) {
   const [selectedOption, setSelectedOption] = _react.useState.call(void 0, null);
   const [inputValue, setInputValue] = _react.useState.call(void 0, "");
   const inputValue2 = _react.useMemo.call(void 0, () => inputValue, [inputValue]);
-  const setInputValue2 = _react.useCallback.call(void 0, 
-    (inputValue3) => setInputValue(inputValue3),
-    []
-  );
+  const setInputValue2 = _react.useCallback.call(void 0, (newValue) => setInputValue(newValue), []);
   const [options, setOptions] = _react.useState.call(void 0, []);
   const initialValueLoaded = _react.useRef.call(void 0, 
-    !initialValue ? true : !(initialValue != null && initialValue > 0)
+    !initialValue ? true : !(initialValue != null)
   );
   const fieldValue = _react.useRef.call(void 0, field.value);
   const fetchData = _react.useMemo.call(void 0, 
-    () => _utils.debounce.call(void 0, 
-      (payload, callback) => {
-        queryFn(payload).then((c) => callback(c));
-      },
-      400
-    ),
+    () => _utils.debounce.call(void 0, (payload, callback) => {
+      queryFn(payload).then((c) => callback(c));
+    }, 400),
     []
   );
   const fillOptions = (results) => {
@@ -684,7 +673,7 @@ var Component6 = function AsyncSelectElement(props) {
       setLoading(false);
       return void 0;
     }
-    if (!!fieldValue.current) {
+    if (fieldValue.current) {
       if (field.value === fieldValue.current) {
         return void 0;
       }
@@ -704,16 +693,16 @@ var Component6 = function AsyncSelectElement(props) {
     };
   }, [initialValue, inputValue2, fetchData]);
   const selectRef = _react.useRef.call(void 0, null);
-  const handleChange = (_2, selectedOption2, reason) => {
+  const handleChange = (_2, newSelectedOption, reason) => {
     if (reason === "clear") {
       setSelectedOption(null);
       field.onChange(null);
       setLoading(false);
     } else if (reason === "selectOption" || reason === "removeOption") {
-      if (selectedOption2) {
-        setSelectedOption(selectedOption2);
-        field.onChange(selectedOption2.Value);
-        fieldValue.current = selectedOption2.Value;
+      if (newSelectedOption) {
+        setSelectedOption(newSelectedOption);
+        field.onChange(newSelectedOption.Value);
+        fieldValue.current = newSelectedOption.Value;
         setLoading(false);
       }
     }
@@ -727,6 +716,14 @@ var Component6 = function AsyncSelectElement(props) {
       setLoading(false);
     }
   }, [field.value]);
+  const getOptionValue = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[valueKey] : null;
+  };
+  const getOptionLabel = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[labelKey] : "";
+  };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _Autocomplete2.default,
     {
@@ -734,13 +731,14 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.Label,
-      getOptionKey: (option) => option.Value,
-      isOptionEqualToValue: (option, val) => option.Value === val.Value,
+      getOptionLabel,
+      getOptionKey: getOptionValue,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
       autoComplete: true,
       disabled,
       includeInputInList: true,
       options,
+      filterOptions: (x) => x,
       value: selectedOption,
       filterSelectedOptions: true,
       onChange: handleChange,
@@ -775,8 +773,8 @@ var Component6 = function AsyncSelectElement(props) {
           }
         }
       ),
-      renderOption: (props2, option) => {
-        const { key, ...optionProps } = props2;
+      renderOption: (renderProps, option) => {
+        const { key, ...optionProps } = renderProps;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ...optionProps, children: option.Label }, key);
       }
     }
@@ -787,12 +785,12 @@ var AsyncSelectElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component6, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component6, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component6, { ...props });
 };
 AsyncSelectElement2.displayName = "AsyncSelectElement";
-var AsyncSelect_default = AsyncSelectElement2;
+var AsyncSelectElement_default = AsyncSelectElement2;
 
 // src/wrappers/AsyncMultiSelect/AsyncMultiSelect.tsx
 var _lodash = require('lodash'); var _lodash2 = _interopRequireDefault(_lodash);
@@ -995,7 +993,13 @@ var AsyncSelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component7, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Grid2,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component7, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component7, { ...props });
 };
@@ -1009,6 +1013,10 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 
 
+
+
+
+
 var Component8 = function SelectElement(props) {
   const {
     name,
@@ -1108,7 +1116,13 @@ var SelectElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component8, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Grid2,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component8, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component8, { ...props });
 };
@@ -1224,7 +1238,7 @@ var SelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props });
 };
@@ -1243,7 +1257,7 @@ var SelectMultiElement_default = SelectMultiElement2;
 
 
 
-var Component10 = function SelectCascadeElement2(props) {
+var Component10 = function SelectCascadeElement(props) {
   const {
     labelKey = "Label",
     valueKey = "Value",
@@ -1293,12 +1307,13 @@ var Component10 = function SelectCascadeElement2(props) {
     control
   });
   const parentValueRef = _react.useRef.call(void 0, _nullishCoalesce(dependentField.value, () => ( null)));
+  const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _24 => _24.current]) !== dependentField.value || dependentField.value === null) {
       field.onChange(null);
+      setHasAutoSelected(false);
     }
-  }, [dependentField.value, field]);
-  const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
+  }, [dependentField.value]);
   _react.useEffect.call(void 0, () => {
     if (isEdit && !disabled && options.length === 1 && field.value == null && !hasAutoSelected) {
       field.onChange(getOptionKey(options[0]));
@@ -1317,7 +1332,8 @@ var Component10 = function SelectCascadeElement2(props) {
     isEdit,
     disabled,
     field,
-    getOptionKey
+    getOptionKey,
+    dependentField.onChange
   ]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
@@ -1331,7 +1347,7 @@ var Component10 = function SelectCascadeElement2(props) {
       getOptionLabel,
       isOptionEqualToValue,
       ref: field.ref,
-      disabled,
+      disabled: dependentField.value == null || disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? getOptionKey(newValue) : null);
         if (onChange && typeof onChange === "function") {
@@ -1358,11 +1374,11 @@ var Component10 = function SelectCascadeElement2(props) {
           variant: variant ? variant : "outlined",
           sx: {
             "& .MuiOutlinedInput-root": {
-              bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+              bgcolor: disabled || dependentField.value == null ? theme.palette.action.disabledBackground : "transparent"
             },
             "& .MuiInputLabel-asterisk": { color: "red" },
             "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
+              cursor: disabled || dependentField.value == null ? "not-allowed" : "default"
             },
             ...sx
           }
@@ -1371,17 +1387,17 @@ var Component10 = function SelectCascadeElement2(props) {
     }
   );
 };
-var SelectCascadeElement = ({
-  gridProps,
+var SelectCascadeElement2 = ({
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props });
 };
-SelectCascadeElement.displayName = "SelectCascadeElement";
-var SelectCascadeElement_default = SelectCascadeElement;
+SelectCascadeElement2.displayName = "SelectCascadeElement";
+var SelectCascadeElement_default = SelectCascadeElement2;
 
 // src/wrappers/CheckboxElement/CheckboxElement.tsx
 
@@ -1443,7 +1459,7 @@ var CheckboxElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component11, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component11, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component11, { ...props });
 };
@@ -1521,7 +1537,7 @@ var CheckboxGroup2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...gridProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component12, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component12, { ...props }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component12, { ...props });
 };
@@ -1539,7 +1555,7 @@ var Field = {
   Select: SelectElement_default,
   SelectMulti: SelectMultiElement_default,
   SelectCascade: SelectCascadeElement_default,
-  AsyncSelect: AsyncSelect_default,
+  AsyncSelect: AsyncSelectElement_default,
   AsyncMultiSelect: AsyncMultiSelect_default,
   CheckboxGroup: CheckboxGroup_default
 };

package/dist/index.d.mts

@@ -4,8 +4,8 @@ export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErro
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
 export { Field } from './wrappers/index.mjs';
 export { Field2 } from './wrappers2/index.mjs';
-export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-CiwoX8EE.mjs';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.mjs';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-Cz4bgak0.mjs';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-8fG5uP-B.mjs';
 import 'react/jsx-runtime';
 import '@mui/material';
 import 'react';

package/dist/index.d.ts

@@ -4,8 +4,8 @@ export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErro
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';
 export { Field } from './wrappers/index.js';
 export { Field2 } from './wrappers2/index.js';
-export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-CiwoX8EE.js';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.js';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-Cz4bgak0.js';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-8fG5uP-B.js';
 import 'react/jsx-runtime';
 import '@mui/material';
 import 'react';

package/dist/index.js

@@ -14,10 +14,10 @@ require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkVNU4ZOUEjs = require('./chunk-VNU4ZOUE.js');
+var _chunkWCNR24BMjs = require('./chunk-WCNR24BM.js');
 
 
-var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
+var _chunkIZSKZD5Mjs = require('./chunk-IZSKZD5M.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -31,7 +31,7 @@ var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
 
-var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
+var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
 
 
 
@@ -55,4 +55,4 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkVNU4ZOUEjs.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkJKUOV3MNjs.FilterButton_default; exports.FilterWrapper = _chunkJKUOV3MNjs.FilterWrapper_default; exports.FormWrapper = _chunkJKUOV3MNjs.FormWrapper_default; exports.LabelText = _chunkJKUOV3MNjs.LabelText_default; exports.ListWrapper = _chunkJKUOV3MNjs.ListWrapper_default; exports.SimpleButton = _chunkJKUOV3MNjs.SimpleButton_default; exports.SimpleToolbar = _chunkJKUOV3MNjs.SimpleToolbar_default; exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkWCNR24BMjs.Field_default; exports.Field2 = _chunkIZSKZD5Mjs.Field_default; exports.FilterButton = _chunkJKUOV3MNjs.FilterButton_default; exports.FilterWrapper = _chunkJKUOV3MNjs.FilterWrapper_default; exports.FormWrapper = _chunkJKUOV3MNjs.FormWrapper_default; exports.LabelText = _chunkJKUOV3MNjs.LabelText_default; exports.ListWrapper = _chunkJKUOV3MNjs.ListWrapper_default; exports.SimpleButton = _chunkJKUOV3MNjs.SimpleButton_default; exports.SimpleToolbar = _chunkJKUOV3MNjs.SimpleToolbar_default; exports.api = _chunkFYN7F5WJjs.api; exports.api2 = _chunkFYN7F5WJjs.api2; exports.flattenObjectKeys = _chunkFYN7F5WJjs.flattenObjectKeys; exports.getTimezone = _chunkFYN7F5WJjs.getTimezone; exports.handleServerErrors = _chunkFYN7F5WJjs.handleServerErrors; exports.propertyExists = _chunkFYN7F5WJjs.propertyExists; exports.readValueAsDate = _chunkFYN7F5WJjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkFYN7F5WJjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkFYN7F5WJjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -14,10 +14,10 @@ import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-RVKKPXZC.mjs";
+} from "./chunk-KB3ODFZD.mjs";
 import {
   Field_default as Field_default2
-} from "./chunk-34X2YRTY.mjs";
+} from "./chunk-MM6OQZAY.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";
@@ -31,7 +31,7 @@ import {
   readValueAsDate,
   removeLeadingTrailingSlashes,
   schemaTools
-} from "./chunk-AVNKSUE5.mjs";
+} from "./chunk-GAYZ4QSD.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
   CancelButton_default as CancelButton,

package/dist/types/index.d.mts

@@ -1,6 +1,6 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.mjs';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.mjs';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-8fG5uP-B.mjs';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.js';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.js';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-8fG5uP-B.js';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {

package/dist/utils/index.d.mts

@@ -4,8 +4,8 @@ import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
 import '@mui/x-data-grid';
-import '../AsyncSelectPayload-CiwoX8EE.mjs';
-import '../OptionItem-BSg3KSRJ.mjs';
+import '../AsyncSelectPayload-Cz4bgak0.mjs';
+import '../OptionItem-8fG5uP-B.mjs';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;

package/dist/utils/index.d.ts

@@ -4,8 +4,8 @@ import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
 import '@mui/x-data-grid';
-import '../AsyncSelectPayload-CiwoX8EE.js';
-import '../OptionItem-BSg3KSRJ.js';
+import '../AsyncSelectPayload-Cz4bgak0.js';
+import '../OptionItem-8fG5uP-B.js';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;

package/dist/utils/index.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunkDKBPCLECjs = require('../chunk-DKBPCLEC.js');
+var _chunkFYN7F5WJjs = require('../chunk-FYN7F5WJ.js');
 
 
 
@@ -19,4 +19,4 @@ var _chunkDKBPCLECjs = require('../chunk-DKBPCLEC.js');
 
 
 
-exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools;
+exports.api = _chunkFYN7F5WJjs.api; exports.api2 = _chunkFYN7F5WJjs.api2; exports.flattenObjectKeys = _chunkFYN7F5WJjs.flattenObjectKeys; exports.getTimezone = _chunkFYN7F5WJjs.getTimezone; exports.handleServerErrors = _chunkFYN7F5WJjs.handleServerErrors; exports.propertyExists = _chunkFYN7F5WJjs.propertyExists; exports.readValueAsDate = _chunkFYN7F5WJjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkFYN7F5WJjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkFYN7F5WJjs.schemaTools;

package/dist/utils/index.mjs

@@ -8,7 +8,7 @@ import {
   readValueAsDate,
   removeLeadingTrailingSlashes,
   schemaTools
-} from "../chunk-AVNKSUE5.mjs";
+} from "../chunk-GAYZ4QSD.mjs";
 export {
   api,
   api2,

package/dist/wrappers/index.d.mts

@@ -1,7 +1,7 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants, SxProps, 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 { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
+import { FieldValues, FieldPath, Control, Path, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.mjs';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, PickerValidDate as PickerValidDate$1, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
@@ -19,22 +19,18 @@ type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName ex
     }[];
 };
 
-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"> & {
+type AsyncSelectElementProps<TOption extends Record<string, any> = Record<string, any>, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, 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>;
+    initialValue?: string | null;
+    queryFn: (data: AsyncSelectPayload) => Promise<TOption[] | undefined>;
     variant?: TextFieldVariants;
     sx?: SxProps;
+    labelKey?: string;
+    valueKey?: string;
 };
 
 type SelectCascadeElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled'> & {
@@ -68,8 +64,8 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     valueKey?: keyof TOption;
 };
 
-type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled'> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel" | "disabled"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
     gridProps?: Grid2Props;
@@ -81,7 +77,7 @@ type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues,
     disabled?: boolean;
     labelKey?: string;
     valueKey?: keyof TOption;
-    textFieldProps?: Omit<TextFieldProps, 'name'>;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
 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"> & {
@@ -197,13 +193,7 @@ declare const Field: {
     Select: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.Path<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiElementProps<TFieldValues, TName, TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectCascade: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TOption, TFieldValues, TName, 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;
+    AsyncSelect: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncMultiSelect: any;
     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;
 };

package/dist/wrappers/index.d.ts

@@ -1,7 +1,7 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants, SxProps, 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 { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
+import { FieldValues, FieldPath, Control, Path, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.js';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, PickerValidDate as PickerValidDate$1, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
@@ -19,22 +19,18 @@ type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName ex
     }[];
 };
 
-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"> & {
+type AsyncSelectElementProps<TOption extends Record<string, any> = Record<string, any>, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, 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>;
+    initialValue?: string | null;
+    queryFn: (data: AsyncSelectPayload) => Promise<TOption[] | undefined>;
     variant?: TextFieldVariants;
     sx?: SxProps;
+    labelKey?: string;
+    valueKey?: string;
 };
 
 type SelectCascadeElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled'> & {
@@ -68,8 +64,8 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     valueKey?: keyof TOption;
 };
 
-type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled'> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel" | "disabled"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
     gridProps?: Grid2Props;
@@ -81,7 +77,7 @@ type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues,
     disabled?: boolean;
     labelKey?: string;
     valueKey?: keyof TOption;
-    textFieldProps?: Omit<TextFieldProps, 'name'>;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
 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"> & {
@@ -197,13 +193,7 @@ declare const Field: {
     Select: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.Path<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiElementProps<TFieldValues, TName, TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectCascade: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TOption, TFieldValues, TName, 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;
+    AsyncSelect: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncMultiSelect: any;
     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;
 };

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVNU4ZOUEjs = require('../chunk-VNU4ZOUE.js');
+var _chunkWCNR24BMjs = require('../chunk-WCNR24BM.js');
 require('../chunk-6JZ35VQJ.js');
-require('../chunk-DKBPCLEC.js');
+require('../chunk-FYN7F5WJ.js');
 
 
-exports.Field = _chunkVNU4ZOUEjs.Field_default;
+exports.Field = _chunkWCNR24BMjs.Field_default;

package/dist/wrappers/index.mjs

@@ -1,8 +1,8 @@
 import {
   Field_default
-} from "../chunk-RVKKPXZC.mjs";
+} from "../chunk-KB3ODFZD.mjs";
 import "../chunk-GFSTK7KN.mjs";
-import "../chunk-AVNKSUE5.mjs";
+import "../chunk-GAYZ4QSD.mjs";
 export {
   Field_default as Field
 };

package/dist/wrappers2/index.d.mts

@@ -1,8 +1,8 @@
 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 { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-BSg3KSRJ.mjs';
-import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
+import { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-8fG5uP-B.mjs';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.mjs';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/wrappers2/index.d.ts

@@ -1,8 +1,8 @@
 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 { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-BSg3KSRJ.js';
-import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
+import { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-8fG5uP-B.js';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.js';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/wrappers2/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSTC2BZ2Ljs = require('../chunk-STC2BZ2L.js');
+var _chunkIZSKZD5Mjs = require('../chunk-IZSKZD5M.js');
 require('../chunk-6JZ35VQJ.js');
-require('../chunk-DKBPCLEC.js');
+require('../chunk-FYN7F5WJ.js');
 
 
-exports.Field2 = _chunkSTC2BZ2Ljs.Field_default;
+exports.Field2 = _chunkIZSKZD5Mjs.Field_default;

package/dist/wrappers2/index.mjs

@@ -1,8 +1,8 @@
 import {
   Field_default
-} from "../chunk-34X2YRTY.mjs";
+} from "../chunk-MM6OQZAY.mjs";
 import "../chunk-GFSTK7KN.mjs";
-import "../chunk-AVNKSUE5.mjs";
+import "../chunk-GAYZ4QSD.mjs";
 export {
   Field_default as Field2
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.18.40",
+  "version": "2.18.42",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",