@gnwebsoft/ui 2.18.41 → 2.18.43

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-H7MQZPJ6.mjs → chunk-3LU2Q6FI.mjs}

@@ -6,16 +6,23 @@ import {
 } from "./chunk-GAYZ4QSD.mjs";
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
-import { useMemo, useCallback } from "react";
+import { useCallback } from "react";
 import { useController } from "react-hook-form";
 import { DatePicker } from "@mui/x-date-pickers";
 import { Grid2, useForkRef } from "@mui/material";
+import { useLocalizationContext } from "@mui/x-date-pickers/internals";
 import { jsx } from "react/jsx-runtime";
+function readValueAsDate2(adapter, value) {
+  if (typeof value === "string") {
+    if (value === "") {
+      return null;
+    }
+    return adapter.utils.date(value);
+  }
+  return value;
+}
 function useTransform2(options) {
-  const value = useMemo(
-    () => typeof options.transform?.input === "function" ? options.transform.input(options.value) : options.value,
-    [options.transform, options.value]
-  );
+  const value = typeof options.transform?.input === "function" ? options.transform.input(options.value) : options.value;
   const onChange = useCallback(
     (...event) => {
       if (typeof options.transform?.output === "function") {
@@ -42,9 +49,11 @@ var Component = function DatePickerElement(props) {
     placeholder,
     slotProps,
     datePickerProps = {},
+    transform,
     sx,
     ...rest
   } = props;
+  const adapter = useLocalizationContext();
   const { disabled, inputRef, onClose, ...restDatePickerProps } = datePickerProps;
   const {
     field,
@@ -58,7 +67,7 @@ var Component = function DatePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      //@ts-ignore
+      input: typeof transform?.input === "function" ? transform.input : (newValue) => readValueAsDate2(adapter, newValue),
       output: (outputValue, context) => {
         if (outputValue === null) return null;
         return outputValue;
@@ -220,7 +229,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 +372,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 +492,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 });
 };
@@ -498,7 +507,7 @@ import {
   useController as useController5
 } from "react-hook-form";
 import { useForkRef as useForkRef4, Grid2 as Grid25 } from "@mui/material";
-import { useLocalizationContext } from "@mui/x-date-pickers/internals";
+import { useLocalizationContext as useLocalizationContext2 } from "@mui/x-date-pickers/internals";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Component5 = function TimePickerElement(props) {
   const {
@@ -514,7 +523,7 @@ var Component5 = function TimePickerElement(props) {
     transform,
     ...rest
   } = props;
-  const adapter = useLocalizationContext();
+  const adapter = useLocalizationContext2();
   const {
     field,
     fieldState: { error }
@@ -574,7 +583,7 @@ 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 });
 };
@@ -584,7 +593,7 @@ var TimePickerElement_default = TimePickerElement2;
 // 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 { useRef, useMemo, 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";
@@ -618,14 +627,14 @@ var Component6 = function AsyncSelectElement(props) {
   const [loading, setLoading] = useState2(false);
   const [selectedOption, setSelectedOption] = useState2(null);
   const [inputValue, setInputValue] = useState2("");
-  const inputValue2 = useMemo2(() => inputValue, [inputValue]);
+  const inputValue2 = useMemo(() => inputValue, [inputValue]);
   const setInputValue2 = useCallback2((newValue) => setInputValue(newValue), []);
   const [options, setOptions] = useState2([]);
   const initialValueLoaded = useRef(
     !initialValue ? true : !(initialValue != null)
   );
   const fieldValue = useRef(field.value);
-  const fetchData = useMemo2(
+  const fetchData = useMemo(
     () => debounce((payload, callback) => {
       queryFn(payload).then((c) => callback(c));
     }, 400),
@@ -785,7 +794,7 @@ 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 });
 };
@@ -797,7 +806,7 @@ import _ from "lodash";
 import {
   useState as useState3,
   useRef as useRef2,
-  useMemo as useMemo3,
+  useMemo as useMemo2,
   useEffect as useEffect3,
   useCallback as useCallback3,
   Fragment as Fragment2
@@ -845,12 +854,12 @@ var Component7 = function AsyncSelectMultiElement(props) {
   const initialValuesLoaded = useRef2(
     !(initialValues && initialValues.length > 0)
   );
-  const inputValue2 = useMemo3(() => inputValue, [inputValue]);
+  const inputValue2 = useMemo2(() => inputValue, [inputValue]);
   const setInputValue2 = useCallback3(
     (inputValue3) => setInputValue(inputValue3),
     []
   );
-  const fetchData = useMemo3(
+  const fetchData = useMemo2(
     () => debounce2(
       (payload, callback) => {
         queryFn(payload).then((c) => callback(c));
@@ -993,7 +1002,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 });
 };
@@ -1001,7 +1016,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 useMemo3,
+  useEffect as useEffect4,
+  useCallback as useCallback4
+} from "react";
 import {
   useController as useController8
 } from "react-hook-form";
@@ -1059,7 +1078,7 @@ var Component8 = function SelectElement(props) {
       field.onChange(defaultValue);
     }
   }, [isEdit, options]);
-  const autocompleteValue = useMemo4(
+  const autocompleteValue = useMemo3(
     () => options.find((option) => getOptionValue(option) === field.value) ?? null,
     [field.value, options, getOptionValue]
   );
@@ -1106,7 +1125,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 });
 };
@@ -1222,7 +1247,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 });
 };
@@ -1372,11 +1397,11 @@ var Component10 = function SelectCascadeElement(props) {
   );
 };
 var SelectCascadeElement2 = ({
-  gridProps,
+  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 });
 };
@@ -1443,7 +1468,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 +1546,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 });
 };

package/dist/{chunk-4XSPG2IF.js → chunk-BBDVHJQ3.js}

@@ -10,12 +10,19 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reacthookform = require('react-hook-form');
 var _xdatepickers = require('@mui/x-date-pickers');
 var _material = require('@mui/material');
+var _internals = require('@mui/x-date-pickers/internals');
 var _jsxruntime = require('react/jsx-runtime');
+function readValueAsDate2(adapter, value) {
+  if (typeof value === "string") {
+    if (value === "") {
+      return null;
+    }
+    return adapter.utils.date(value);
+  }
+  return value;
+}
 function useTransform2(options) {
-  const value = _react.useMemo.call(void 0, 
-    () => typeof _optionalChain([options, 'access', _3 => _3.transform, 'optionalAccess', _4 => _4.input]) === "function" ? options.transform.input(options.value) : options.value,
-    [options.transform, options.value]
-  );
+  const value = typeof _optionalChain([options, 'access', _3 => _3.transform, 'optionalAccess', _4 => _4.input]) === "function" ? options.transform.input(options.value) : options.value;
   const onChange = _react.useCallback.call(void 0, 
     (...event) => {
       if (typeof _optionalChain([options, 'access', _5 => _5.transform, 'optionalAccess', _6 => _6.output]) === "function") {
@@ -42,9 +49,11 @@ var Component = function DatePickerElement(props) {
     placeholder,
     slotProps,
     datePickerProps = {},
+    transform,
     sx,
     ...rest
   } = props;
+  const adapter = _internals.useLocalizationContext.call(void 0, );
   const { disabled, inputRef, onClose, ...restDatePickerProps } = datePickerProps;
   const {
     field,
@@ -58,7 +67,7 @@ var Component = function DatePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      //@ts-ignore
+      input: typeof _optionalChain([transform, 'optionalAccess', _7 => _7.input]) === "function" ? transform.input : (newValue) => readValueAsDate2(adapter, newValue),
       output: (outputValue, context) => {
         if (outputValue === null) return null;
         return outputValue;
@@ -102,15 +111,15 @@ var Component = function DatePickerElement(props) {
           fullWidth: true,
           onBlur: (event) => {
             field.onBlur();
-            if (typeof _optionalChain([inputProps, 'optionalAccess', _7 => _7.onBlur]) === "function") {
+            if (typeof _optionalChain([inputProps, 'optionalAccess', _8 => _8.onBlur]) === "function") {
               inputProps.onBlur(event);
             }
           },
           error: !!error,
-          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _8 => _8.helperText]) || rest.helperText,
+          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _9 => _9.helperText]) || rest.helperText,
           inputProps: {
             readOnly: !!textReadOnly,
-            ..._optionalChain([inputProps, 'optionalAccess', _9 => _9.inputProps])
+            ..._optionalChain([inputProps, 'optionalAccess', _10 => _10.inputProps])
           }
         }
       }
@@ -206,7 +215,7 @@ var Component2 = function PasswordEl(props) {
           ...slotProps,
           input: {
             endAdornment,
-            ..._optionalChain([slotProps, 'optionalAccess', _10 => _10.input])
+            ..._optionalChain([slotProps, 'optionalAccess', _11 => _11.input])
           }
         }
       },
@@ -220,7 +229,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 });
 };
@@ -280,10 +289,10 @@ var Component3 = function RadioButtonGroup(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _11 => _11.input]) === "function" ? transform.input : (value2) => {
+      input: typeof _optionalChain([transform, 'optionalAccess', _12 => _12.input]) === "function" ? transform.input : (value2) => {
         return value2 || "";
       },
-      output: typeof _optionalChain([transform, 'optionalAccess', _12 => _12.output]) === "function" ? _optionalChain([transform, 'optionalAccess', _13 => _13.output]) : (_event, value2) => {
+      output: typeof _optionalChain([transform, 'optionalAccess', _13 => _13.output]) === "function" ? _optionalChain([transform, 'optionalAccess', _14 => _14.output]) : (_event, value2) => {
         if (value2 && type === "number") {
           return Number(value2);
         }
@@ -328,7 +337,7 @@ var Component3 = function RadioButtonGroup(props) {
             option
           );
         }
-        let val = returnObject ? _optionalChain([value, 'optionalAccess', _14 => _14[valueKey]]) : value;
+        let val = returnObject ? _optionalChain([value, 'optionalAccess', _15 => _15[valueKey]]) : value;
         if (type === "number") {
           val = Number(val);
         }
@@ -363,7 +372,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 });
 };
@@ -418,10 +427,10 @@ var Component4 = function TextFieldElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (value2) => {
+      input: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.input]) === "function" ? transform.input : (value2) => {
         return _nullishCoalesce(value2, () => ( ""));
       },
-      output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (event) => {
+      output: typeof _optionalChain([transform, 'optionalAccess', _17 => _17.output]) === "function" ? transform.output : (event) => {
         const value2 = event.target.value;
         if (type !== "number") {
           return value2;
@@ -483,7 +492,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 });
 };
@@ -498,7 +507,7 @@ var TextFieldElement_default = TextFieldElement2;
 
 
 
-var _internals = require('@mui/x-date-pickers/internals');
+
 
 var Component5 = function TimePickerElement(props) {
   const {
@@ -528,8 +537,8 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      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
+      input: typeof _optionalChain([transform, 'optionalAccess', _18 => _18.input]) === "function" ? transform.input : (newValue) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
+      output: typeof _optionalChain([transform, 'optionalAccess', _19 => _19.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
   const handleInputRef = _material.useForkRef.call(void 0, field.ref, inputRef);
@@ -559,10 +568,10 @@ var Component5 = function TimePickerElement(props) {
           required,
           fullWidth: true,
           error: !!error,
-          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _19 => _19.helperText]) || rest.helperText,
+          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _20 => _20.helperText]) || rest.helperText,
           inputProps: {
             readOnly: textReadOnly,
-            ..._optionalChain([inputProps, 'optionalAccess', _20 => _20.inputProps])
+            ..._optionalChain([inputProps, 'optionalAccess', _21 => _21.inputProps])
           }
         }
       }
@@ -574,7 +583,7 @@ 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 });
 };
@@ -653,7 +662,7 @@ var Component6 = function AsyncSelectElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         if (!!results && results.length > 0) {
-          fillOptions(_optionalChain([results, 'optionalAccess', _21 => _21.filter, 'call', _22 => _22((c) => c.Value == initialValue)]));
+          fillOptions(_optionalChain([results, 'optionalAccess', _22 => _22.filter, 'call', _23 => _23((c) => c.Value == initialValue)]));
           setSelectedOption(results[0]);
           field.onChange(results[0].Value);
           fieldValue.current = results[0].Value;
@@ -785,7 +794,7 @@ 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 });
 };
@@ -993,7 +1002,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 });
 };
@@ -1007,6 +1022,10 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 
 
+
+
+
+
 var Component8 = function SelectElement(props) {
   const {
     name,
@@ -1050,7 +1069,7 @@ var Component8 = function SelectElement(props) {
   const handleChange = (event, newValue, reason) => {
     const option = newValue;
     field.onChange(option ? getOptionValue(option) : null);
-    _optionalChain([onChange, 'optionalCall', _23 => _23(event, newValue, reason)]);
+    _optionalChain([onChange, 'optionalCall', _24 => _24(event, newValue, reason)]);
   };
   _react.useEffect.call(void 0, () => {
     if (!isEdit && options.length === 1 && (field.value == null || field.value == void 0 || field.value === "")) {
@@ -1106,7 +1125,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 });
 };
@@ -1222,7 +1247,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 });
 };
@@ -1293,7 +1318,7 @@ var Component10 = function SelectCascadeElement(props) {
   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) {
+    if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _25 => _25.current]) !== dependentField.value || dependentField.value === null) {
       field.onChange(null);
       setHasAutoSelected(false);
     }
@@ -1372,11 +1397,11 @@ var Component10 = function SelectCascadeElement(props) {
   );
 };
 var SelectCascadeElement2 = ({
-  gridProps,
+  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 });
 };
@@ -1443,7 +1468,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 });
 };
@@ -1475,7 +1500,7 @@ var Component12 = function CheckboxGroup(props) {
     disabled: rest.disabled
   });
   const [selectedValues, setSelectedValues] = _react.useState.call(void 0, 
-    options.filter((c) => _optionalChain([field, 'access', _25 => _25.value, 'optionalAccess', _26 => _26.includes, 'call', _27 => _27(c.Value)])).map((c) => c.Value) || []
+    options.filter((c) => _optionalChain([field, 'access', _26 => _26.value, 'optionalAccess', _27 => _27.includes, 'call', _28 => _28(c.Value)])).map((c) => c.Value) || []
   );
   _react.useEffect.call(void 0, () => {
     field.onChange(selectedValues ? [...selectedValues] : []);
@@ -1521,7 +1546,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 });
 };

package/dist/index.d.mts

@@ -5,7 +5,7 @@ export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, property
 export { Field } from './wrappers/index.mjs';
 export { Field2 } from './wrappers2/index.mjs';
 export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-Cz4bgak0.mjs';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.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

@@ -5,7 +5,7 @@ export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, property
 export { Field } from './wrappers/index.js';
 export { Field2 } from './wrappers2/index.js';
 export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-Cz4bgak0.js';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.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

@@ -11,10 +11,9 @@
 
 var _chunkJKUOV3MNjs = require('./chunk-JKUOV3MN.js');
 require('./chunk-7M2VOCYN.js');
-require('./chunk-6BGQA4BQ.js');
 
 
-var _chunk4XSPG2IFjs = require('./chunk-4XSPG2IF.js');
+var _chunkBBDVHJQ3js = require('./chunk-BBDVHJQ3.js');
 
 
 var _chunkIZSKZD5Mjs = require('./chunk-IZSKZD5M.js');
@@ -32,6 +31,7 @@ var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
 var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
+require('./chunk-6BGQA4BQ.js');
 
 
 
@@ -55,4 +55,4 @@ var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
 
 
 
-exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunk4XSPG2IFjs.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;
+exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkBBDVHJQ3js.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

@@ -11,10 +11,9 @@ import {
   SimpleToolbar_default
 } from "./chunk-FSU3H777.mjs";
 import "./chunk-2JFL7TS5.mjs";
-import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-H7MQZPJ6.mjs";
+} from "./chunk-3LU2Q6FI.mjs";
 import {
   Field_default as Field_default2
 } from "./chunk-MM6OQZAY.mjs";
@@ -32,6 +31,7 @@ import {
   removeLeadingTrailingSlashes,
   schemaTools
 } from "./chunk-GAYZ4QSD.mjs";
+import "./chunk-EVPUCTZA.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-Cz4bgak0.mjs';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.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-Cz4bgak0.js';
-export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.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

@@ -5,7 +5,7 @@ import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
 import '@mui/x-data-grid';
 import '../AsyncSelectPayload-Cz4bgak0.mjs';
-import '../OptionItem-BSg3KSRJ.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

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

package/dist/wrappers/index.d.mts

@@ -64,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;
@@ -77,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"> & {
@@ -139,20 +139,20 @@ type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TNam
     required?: boolean;
     isDate?: boolean;
     parseError?: (error: FieldError | DateValidationError) => ReactNode;
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     control?: Control<TFieldValues>;
     inputProps?: TextFieldProps;
-    helperText?: TextFieldProps['helperText'];
+    helperText?: TextFieldProps["helperText"];
     label?: ReactNode;
     placeholder?: string;
     textReadOnly?: boolean;
-    slotProps?: Omit<DatePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, 'textField'>;
+    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'>;
+    datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
     variant?: TextFieldVariants;
     sx?: SxProps;
 };

package/dist/wrappers/index.d.ts

@@ -64,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;
@@ -77,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"> & {
@@ -139,20 +139,20 @@ type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TNam
     required?: boolean;
     isDate?: boolean;
     parseError?: (error: FieldError | DateValidationError) => ReactNode;
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     control?: Control<TFieldValues>;
     inputProps?: TextFieldProps;
-    helperText?: TextFieldProps['helperText'];
+    helperText?: TextFieldProps["helperText"];
     label?: ReactNode;
     placeholder?: string;
     textReadOnly?: boolean;
-    slotProps?: Omit<DatePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, 'textField'>;
+    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'>;
+    datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
     variant?: TextFieldVariants;
     sx?: SxProps;
 };

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4XSPG2IFjs = require('../chunk-4XSPG2IF.js');
+var _chunkBBDVHJQ3js = require('../chunk-BBDVHJQ3.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-FYN7F5WJ.js');
 
 
-exports.Field = _chunk4XSPG2IFjs.Field_default;
+exports.Field = _chunkBBDVHJQ3js.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-H7MQZPJ6.mjs";
+} from "../chunk-3LU2Q6FI.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-GAYZ4QSD.mjs";
 export {

package/dist/wrappers2/index.d.mts

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

package/dist/wrappers2/index.d.ts

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

package/package.json

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