@gnwebsoft/ui 2.18.44 → 3.0.0

package/dist/{chunk-MM6OQZAY.mjs → chunk-5HOGPCEO.mjs}

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

package/dist/{chunk-IZSKZD5M.js → chunk-6NOXJGU2.js}

@@ -3,7 +3,7 @@
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
-var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
+var _chunkI7EIUZKKjs = require('./chunk-I7EIUZKK.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) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkI7EIUZKKjs.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) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkI7EIUZKKjs.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });

package/dist/{chunk-3LU2Q6FI.mjs → chunk-BWQUYXUW.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-GFSTK7KN.mjs";
 import {
   readValueAsDate
-} from "./chunk-GAYZ4QSD.mjs";
+} from "./chunk-RQS44YC7.mjs";
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 import { useCallback } from "react";
 import { useController } from "react-hook-form";
 import { DatePicker } from "@mui/x-date-pickers";
-import { Grid2, useForkRef } from "@mui/material";
+import { Grid2, useForkRef, useTheme } from "@mui/material";
 import { useLocalizationContext } from "@mui/x-date-pickers/internals";
 import { jsx } from "react/jsx-runtime";
 function readValueAsDate2(adapter, value) {
@@ -54,6 +54,7 @@ var Component = function DatePickerElement(props) {
     ...rest
   } = props;
   const adapter = useLocalizationContext();
+  const theme = useTheme();
   const { disabled, inputRef, onClose, ...restDatePickerProps } = datePickerProps;
   const {
     field,
@@ -98,7 +99,16 @@ var Component = function DatePickerElement(props) {
           datePickerProps.onChange(newValue, context);
         }
       },
-      sx,
+      sx: {
+        "& .MuiOutlinedInput-root": {
+          bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+        },
+        "& .MuiInputLabel-asterisk": { color: "red" },
+        "& .MuiInputBase-input": {
+          cursor: disabled ? "not-allowed" : "default"
+        },
+        ...sx
+      },
       slotProps: {
         ...slotProps,
         actionBar: {
@@ -127,11 +137,17 @@ var Component = function DatePickerElement(props) {
   );
 };
 var DatePickerElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...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 });
 };
@@ -225,11 +241,17 @@ var Component2 = function PasswordEl(props) {
   );
 };
 var PasswordElement = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx2(Grid22, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...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 });
 };
@@ -247,7 +269,7 @@ import {
   FormLabel,
   Radio,
   RadioGroup,
-  useTheme,
+  useTheme as useTheme2,
   Grid2 as Grid23
 } from "@mui/material";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
@@ -276,7 +298,7 @@ var Component3 = function RadioButtonGroup(props) {
     rules = {},
     ...rest
   } = props;
-  const theme = useTheme();
+  const theme = useTheme2();
   const {
     field,
     fieldState: { error }
@@ -368,11 +390,17 @@ var Component3 = function RadioButtonGroup(props) {
   ] });
 };
 var RadioButtonGroup2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx3(Grid23, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...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 });
 };
@@ -384,7 +412,7 @@ import {
   Grid2 as Grid24,
   TextField as TextField2,
   useForkRef as useForkRef3,
-  useTheme as useTheme2
+  useTheme as useTheme3
 } from "@mui/material";
 import {
   useController as useController4
@@ -422,7 +450,7 @@ var Component4 = function TextFieldElement(props) {
     name,
     control
   });
-  const theme = useTheme2();
+  const theme = useTheme3();
   const { value, onChange } = useTransform({
     value: field.value,
     onChange: field.onChange,
@@ -488,11 +516,17 @@ var Component4 = function TextFieldElement(props) {
   );
 };
 var TextFieldElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx4(Grid24, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...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 });
 };
@@ -579,11 +613,17 @@ var Component5 = function TimePickerElement(props) {
   );
 };
 var TimePickerElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx5(Grid25, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...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 });
 };
@@ -593,11 +633,18 @@ 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, 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";
-import { Grid2 as Grid26, useTheme as useTheme3, CircularProgress } from "@mui/material";
+import { Grid2 as Grid26, useTheme as useTheme4, CircularProgress } from "@mui/material";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var Component6 = function AsyncSelectElement(props) {
   const {
@@ -623,21 +670,27 @@ var Component6 = function AsyncSelectElement(props) {
     name,
     control
   });
-  const theme = useTheme3();
+  const theme = useTheme4();
   const [loading, setLoading] = useState2(false);
   const [selectedOption, setSelectedOption] = useState2(null);
   const [inputValue, setInputValue] = useState2("");
   const inputValue2 = useMemo(() => inputValue, [inputValue]);
-  const setInputValue2 = useCallback2((newValue) => setInputValue(newValue), []);
+  const setInputValue2 = useCallback2(
+    (newValue) => setInputValue(newValue),
+    []
+  );
   const [options, setOptions] = useState2([]);
   const initialValueLoaded = useRef(
     !initialValue ? true : !(initialValue != null)
   );
   const fieldValue = useRef(field.value);
   const fetchData = useMemo(
-    () => debounce((payload, callback) => {
-      queryFn(payload).then((c) => callback(c));
-    }, 400),
+    () => debounce(
+      (payload, callback) => {
+        queryFn(payload).then((c) => callback(c));
+      },
+      400
+    ),
     []
   );
   const fillOptions = (results) => {
@@ -790,11 +843,17 @@ var Component6 = function AsyncSelectElement(props) {
   );
 };
 var AsyncSelectElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx6(Grid26, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...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 });
 };
@@ -817,7 +876,7 @@ import {
   CircularProgress as CircularProgress2,
   Grid2 as Grid27,
   TextField as TextField4,
-  useTheme as useTheme4
+  useTheme as useTheme5
 } from "@mui/material";
 import { useController as useController7 } from "react-hook-form";
 import match from "autosuggest-highlight/match";
@@ -845,7 +904,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
     name,
     control
   });
-  const theme = useTheme4();
+  const theme = useTheme5();
   const multiSelectRef = useRef2(null);
   const [selectedOptions, setSelectedOptions] = useState3([]);
   const [inputValue, setInputValue] = useState3("");
@@ -1024,7 +1083,7 @@ import {
 import {
   useController as useController8
 } from "react-hook-form";
-import { Grid2 as Grid28, useTheme as useTheme5, TextField as TextField5, Autocomplete as Autocomplete3 } from "@mui/material";
+import { Grid2 as Grid28, useTheme as useTheme6, TextField as TextField5, Autocomplete as Autocomplete3 } from "@mui/material";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var Component8 = function SelectElement(props) {
   const {
@@ -1051,7 +1110,7 @@ var Component8 = function SelectElement(props) {
     name,
     control
   });
-  const theme = useTheme5();
+  const theme = useTheme6();
   const getOptionValue = useCallback4(
     (option) => {
       if (typeof option === "string") return option;
@@ -1121,7 +1180,7 @@ var Component8 = function SelectElement(props) {
   );
 };
 var SelectElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
@@ -1243,7 +1302,7 @@ var Component9 = function SelectMultiElement(props) {
   );
 };
 var SelectMultiElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
@@ -1261,7 +1320,7 @@ import {
 } from "react-hook-form";
 import {
   Grid2 as Grid210,
-  useTheme as useTheme6,
+  useTheme as useTheme7,
   TextField as TextField7,
   Autocomplete as Autocomplete5
 } from "@mui/material";
@@ -1310,7 +1369,7 @@ var Component10 = function SelectCascadeElement(props) {
     name,
     control
   });
-  const theme = useTheme6();
+  const theme = useTheme7();
   const { field: dependentField } = useController10({
     name: dependsOn,
     control

package/dist/{chunk-BBDVHJQ3.js → chunk-D3J7MWAU.js}

@@ -3,7 +3,7 @@
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
-var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
+var _chunkI7EIUZKKjs = require('./chunk-I7EIUZKK.js');
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -54,6 +54,7 @@ var Component = function DatePickerElement(props) {
     ...rest
   } = props;
   const adapter = _internals.useLocalizationContext.call(void 0, );
+  const theme = _material.useTheme.call(void 0, );
   const { disabled, inputRef, onClose, ...restDatePickerProps } = datePickerProps;
   const {
     field,
@@ -98,7 +99,16 @@ var Component = function DatePickerElement(props) {
           datePickerProps.onChange(newValue, context);
         }
       },
-      sx,
+      sx: {
+        "& .MuiOutlinedInput-root": {
+          bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+        },
+        "& .MuiInputLabel-asterisk": { color: "red" },
+        "& .MuiInputBase-input": {
+          cursor: disabled ? "not-allowed" : "default"
+        },
+        ...sx
+      },
       slotProps: {
         ...slotProps,
         actionBar: {
@@ -127,11 +137,17 @@ var Component = function DatePickerElement(props) {
   );
 };
 var DatePickerElement2 = ({
-  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, 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 });
 };
@@ -225,11 +241,17 @@ var Component2 = function PasswordEl(props) {
   );
 };
 var PasswordElement = ({
-  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, { ...{ 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, 
+      _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 });
 };
@@ -368,11 +390,17 @@ var Component3 = function RadioButtonGroup(props) {
   ] });
 };
 var RadioButtonGroup2 = ({
-  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, { ...{ 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, 
+      _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 });
 };
@@ -488,11 +516,17 @@ var Component4 = function TextFieldElement(props) {
   );
 };
 var TextFieldElement2 = ({
-  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, { ...{ 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, 
+      _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 });
 };
@@ -537,7 +571,7 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _18 => _18.input]) === "function" ? transform.input : (newValue) => _chunkFYN7F5WJjs.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _18 => _18.input]) === "function" ? transform.input : (newValue) => _chunkI7EIUZKKjs.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _19 => _19.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
@@ -579,11 +613,17 @@ var Component5 = function TimePickerElement(props) {
   );
 };
 var TimePickerElement2 = ({
-  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, { ...{ 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, 
+      _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 });
 };
@@ -594,6 +634,13 @@ var TimePickerElement_default = TimePickerElement2;
 
 
 
+
+
+
+
+
+
+
 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);
@@ -628,16 +675,22 @@ 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, (newValue) => setInputValue(newValue), []);
+  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)
   );
   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) => {
@@ -790,11 +843,17 @@ var Component6 = function AsyncSelectElement(props) {
   );
 };
 var AsyncSelectElement2 = ({
-  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, { ...{ 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, 
+      _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 });
 };
@@ -1121,7 +1180,7 @@ var Component8 = function SelectElement(props) {
   );
 };
 var SelectElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {
@@ -1243,7 +1302,7 @@ var Component9 = function SelectMultiElement(props) {
   );
 };
 var SelectMultiElement2 = ({
-  gridProps,
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
   ...props
 }) => {
   if (gridProps) {

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

@@ -314,7 +314,7 @@ var schemaTools = {
   date: ({ message }) => _zod.z.coerce.string().transform((c) => c === "null" || c === "undefined" ? null : c).refine((c) => !!c, { message }).refine((c) => !!c ? _dayjs2.default.call(void 0, c).isValid() : true, {
     message: message ? message : "Invalid date"
   }),
-  nullableDate: ({ message }) => _zod.z.coerce.string().transform((c) => c === "null" ? null : c).transform((c) => c === "undefined" ? null : c).refine((c) => !c && c != null ? _dayjs2.default.call(void 0, c).isValid() : true, {
+  nullableDate: ({ message } = {}) => _zod.z.coerce.string().transform((c) => c === "null" ? null : c).transform((c) => c === "undefined" ? null : c).refine((c) => !c && c != null ? _dayjs2.default.call(void 0, c).isValid() : true, {
     message: message ? message : "Invalid date"
   })
 };

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

@@ -314,7 +314,7 @@ var schemaTools = {
   date: ({ message }) => z.coerce.string().transform((c) => c === "null" || c === "undefined" ? null : c).refine((c) => !!c, { message }).refine((c) => !!c ? dayjs(c).isValid() : true, {
     message: message ? message : "Invalid date"
   }),
-  nullableDate: ({ message }) => z.coerce.string().transform((c) => c === "null" ? null : c).transform((c) => c === "undefined" ? null : c).refine((c) => !c && c != null ? dayjs(c).isValid() : true, {
+  nullableDate: ({ message } = {}) => z.coerce.string().transform((c) => c === "null" ? null : c).transform((c) => c === "undefined" ? null : c).refine((c) => !c && c != null ? dayjs(c).isValid() : true, {
     message: message ? message : "Invalid date"
   })
 };

package/dist/index.js

@@ -14,10 +14,10 @@ require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkIZSKZD5Mjs = require('./chunk-IZSKZD5M.js');
+var _chunk6NOXJGU2js = require('./chunk-6NOXJGU2.js');
 
 
-var _chunkBBDVHJQ3js = require('./chunk-BBDVHJQ3.js');
+var _chunkD3J7MWAUjs = require('./chunk-D3J7MWAU.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -31,7 +31,7 @@ var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
 
-var _chunkFYN7F5WJjs = require('./chunk-FYN7F5WJ.js');
+var _chunkI7EIUZKKjs = require('./chunk-I7EIUZKK.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 = _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;
+exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkD3J7MWAUjs.Field_default; exports.Field2 = _chunk6NOXJGU2js.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 = _chunkI7EIUZKKjs.api; exports.api2 = _chunkI7EIUZKKjs.api2; exports.flattenObjectKeys = _chunkI7EIUZKKjs.flattenObjectKeys; exports.getTimezone = _chunkI7EIUZKKjs.getTimezone; exports.handleServerErrors = _chunkI7EIUZKKjs.handleServerErrors; exports.propertyExists = _chunkI7EIUZKKjs.propertyExists; exports.readValueAsDate = _chunkI7EIUZKKjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkI7EIUZKKjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkI7EIUZKKjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -14,10 +14,10 @@ import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default as Field_default2
-} from "./chunk-MM6OQZAY.mjs";
+} from "./chunk-5HOGPCEO.mjs";
 import {
   Field_default
-} from "./chunk-3LU2Q6FI.mjs";
+} from "./chunk-BWQUYXUW.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";
@@ -31,7 +31,7 @@ import {
   readValueAsDate,
   removeLeadingTrailingSlashes,
   schemaTools
-} from "./chunk-GAYZ4QSD.mjs";
+} from "./chunk-RQS44YC7.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
   CancelButton_default as CancelButton,

package/dist/utils/index.d.mts

@@ -51,8 +51,8 @@ declare const schemaTools: {
     date: ({ message }: {
         message?: string;
     }) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodString, string | null, string>, string | null, string>, string | null, string>;
-    nullableDate: ({ message }: {
-        message?: string;
+    nullableDate: ({ message }?: {
+        message?: string | null;
     }) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodString, string | null, string>, string | null, string>, string | null, string>;
 };
 

package/dist/utils/index.d.ts

@@ -51,8 +51,8 @@ declare const schemaTools: {
     date: ({ message }: {
         message?: string;
     }) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodString, string | null, string>, string | null, string>, string | null, string>;
-    nullableDate: ({ message }: {
-        message?: string;
+    nullableDate: ({ message }?: {
+        message?: string | null;
     }) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodString, string | null, string>, string | null, string>, string | null, string>;
 };
 

package/dist/utils/index.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunkFYN7F5WJjs = require('../chunk-FYN7F5WJ.js');
+var _chunkI7EIUZKKjs = require('../chunk-I7EIUZKK.js');
 
 
 
@@ -19,4 +19,4 @@ var _chunkFYN7F5WJjs = require('../chunk-FYN7F5WJ.js');
 
 
 
-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.api = _chunkI7EIUZKKjs.api; exports.api2 = _chunkI7EIUZKKjs.api2; exports.flattenObjectKeys = _chunkI7EIUZKKjs.flattenObjectKeys; exports.getTimezone = _chunkI7EIUZKKjs.getTimezone; exports.handleServerErrors = _chunkI7EIUZKKjs.handleServerErrors; exports.propertyExists = _chunkI7EIUZKKjs.propertyExists; exports.readValueAsDate = _chunkI7EIUZKKjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkI7EIUZKKjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkI7EIUZKKjs.schemaTools;

package/dist/utils/index.mjs

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

package/dist/wrappers/index.js

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

package/dist/wrappers/index.mjs

@@ -1,8 +1,8 @@
 import {
   Field_default
-} from "../chunk-3LU2Q6FI.mjs";
+} from "../chunk-BWQUYXUW.mjs";
 import "../chunk-GFSTK7KN.mjs";
-import "../chunk-GAYZ4QSD.mjs";
+import "../chunk-RQS44YC7.mjs";
 export {
   Field_default as Field
 };

package/dist/wrappers2/index.js

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

package/dist/wrappers2/index.mjs

@@ -1,8 +1,8 @@
 import {
   Field_default
-} from "../chunk-MM6OQZAY.mjs";
+} from "../chunk-5HOGPCEO.mjs";
 import "../chunk-GFSTK7KN.mjs";
-import "../chunk-GAYZ4QSD.mjs";
+import "../chunk-RQS44YC7.mjs";
 export {
   Field_default as Field2
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.18.44",
+  "version": "3.0.0",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",
@@ -60,9 +60,9 @@
     "@arethetypeswrong/cli": "^0.17.2",
     "@types/autosuggest-highlight": "^3.2.3",
     "@types/lodash": "^4.17.13",
-    "@types/node": "22.10.3",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/node": "^24.2.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
     "rimraf": "^6.0.1",
     "tslib": "^2.8.1",
     "tsup": "^8.4.0"
@@ -70,23 +70,23 @@
   "peerDependencies": {
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@hookform/resolvers": "^3.9.1",
-    "@mui/icons-material": "^6.4.11",
-    "@mui/lab": "^6.0.0-beta.21",
-    "@mui/material": "^6.5.0",
-    "@mui/x-data-grid": "^7.29.8",
-    "@mui/x-date-pickers": "^7.29.4",
+    "@emotion/styled": "^11.14.1",
+    "@hookform/resolvers": "^5.2.1",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/lab": "^7.0.0-beta.16",
+    "@mui/material": "^7.3.1",
+    "@mui/x-data-grid": "^8.9.2",
+    "@mui/x-date-pickers": "^8.9.2",
     "autosuggest-highlight": "^3.3.4",
-    "axios": "^1.10.0",
+    "axios": "^1.11.0",
     "dayjs": "^1.11.13",
-    "es-toolkit": "^1.39.7",
+    "es-toolkit": "^1.39.8",
     "lodash": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.60.0",
-    "typescript": "^5.7.2",
-    "zod": "^3.25.76",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-hook-form": "^7.62.0",
+    "typescript": "^5.9.2",
+    "zod": "^4.0.15",
     "zustand": "^5.0.2"
   }
 }