@gnwebsoft/ui 2.18.13 → 2.18.15

package/dist/{chunk-FP2QMQOO.js → chunk-6NG256YG.js}

@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
 // src/components/LabelText/LabelText.tsx
 
 
-var LabelText = ({ label, value }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-  _material.Grid2,
-  {
-    size: { xs: 12, sm: 6, md: 6 },
-    sx: {
-      display: "flex",
-      flexDirection: { xs: "column", sm: "row", md: "row" },
-      "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
-    },
-    children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _material.Grid2,
-        {
-          size: { xs: 6, sm: 7, md: 6 },
-          sx: {
-            padding: "5px",
-            fontSize: "14px",
-            textAlign: { xs: "left", sm: "right", md: "right" }
-          },
-          children: [
-            label,
-            " :"
-          ]
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _material.Grid2,
-        {
-          size: { xs: 12, sm: 5, md: 6 },
-          sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _material.Typography,
-            {
-              color: "#3598dc",
+var LabelText = ({
+  label,
+  value,
+  gridSize,
+  containerSize
+}) => {
+  const defaultGridSize = {
+    labelSize: { xs: 6, sm: 6, md: 6 },
+    valueSize: { xs: 12, sm: 6, md: 6 }
+  };
+  const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
+  const size = gridSize || defaultGridSize;
+  const container = containerSize || defaultContainerSize;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Grid2,
+    {
+      size: container,
+      sx: {
+        display: "flex",
+        flexDirection: { xs: "column", sm: "row", md: "row" },
+        "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _material.Grid2,
+          {
+            size: size.labelSize,
+            sx: {
+              padding: "5px",
               fontSize: "14px",
-              sx: {
-                wordBreak: "break-word",
-                overflow: "hidden",
-                display: "-webkit-box",
-                textOverflow: "ellipsis",
-                WebkitLineClamp: 2,
-                WebkitBoxOrient: "vertical"
-              },
-              children: value ? value : "-"
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
+              textAlign: { xs: "left", sm: "right", md: "right" }
+            },
+            children: [
+              label,
+              " :"
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Grid2,
+          {
+            size: size.valueSize,
+            sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Typography,
+              {
+                color: "#3598dc",
+                fontSize: "14px",
+                sx: {
+                  wordBreak: "break-word",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  textOverflow: "ellipsis",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical"
+                },
+                children: value ? value : "-"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
 var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx

package/dist/{chunk-6MNBBCUG.mjs → chunk-BQI3T3MY.mjs}

@@ -1283,6 +1283,84 @@ var CheckboxElement2 = ({
 CheckboxElement2.displayName = "CheckboxElement";
 var CheckboxElement_default = CheckboxElement2;
 
+// src/wrappers/CheckboxGroup/CheckboxGroup.tsx
+import {
+  Checkbox as Checkbox2,
+  FormControl as FormControl3,
+  FormControlLabel as FormControlLabel3,
+  FormGroup as FormGroup2,
+  FormHelperText as FormHelperText3,
+  Grid2 as Grid212
+} from "@mui/material";
+import { useEffect as useEffect5, useState as useState5 } from "react";
+import {
+  useController as useController12
+} from "react-hook-form";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var Component12 = function CheckboxGroup(props) {
+  const { name, control, label, labelProps, inputRef, options, ...rest } = props;
+  const {
+    field,
+    fieldState: { error }
+  } = useController12({
+    name,
+    control,
+    disabled: rest.disabled
+  });
+  const [selectedValues, setSelectedValues] = useState5(
+    options.filter((c) => field.value?.includes(c.Value)).map((c) => c.Value) || []
+  );
+  useEffect5(() => {
+    field.onChange(selectedValues ? [...selectedValues] : []);
+  }, [selectedValues]);
+  const handleChange = (event) => {
+    const value = parseInt(event.target.value, 10);
+    if (event.target.checked) {
+      setSelectedValues([...selectedValues, value]);
+    } else {
+      setSelectedValues(selectedValues.filter((item) => item !== value));
+    }
+  };
+  return /* @__PURE__ */ jsxs6(FormControl3, { error: !!error, children: [
+    /* @__PURE__ */ jsx12(FormGroup2, { row: true, children: options.map((option) => /* @__PURE__ */ jsx12(
+      FormControlLabel3,
+      {
+        label: option.Label,
+        ...labelProps,
+        control: /* @__PURE__ */ jsx12(
+          Checkbox2,
+          {
+            ...rest,
+            color: rest.color || "primary",
+            sx: [
+              ...Array.isArray(rest.sx) ? rest.sx : [rest.sx],
+              {
+                color: error ? "error.main" : void 0
+              }
+            ],
+            value: option.Value,
+            checked: selectedValues.includes(option.Value),
+            onChange: handleChange
+          }
+        )
+      },
+      `${option.Value}`
+    )) }),
+    error && /* @__PURE__ */ jsx12(FormHelperText3, { error: !!error, children: error.message })
+  ] });
+};
+var CheckboxGroup2 = ({
+  gridProps,
+  ...props
+}) => {
+  if (gridProps) {
+    return /* @__PURE__ */ jsx12(Grid212, { ...gridProps, children: /* @__PURE__ */ jsx12(Component12, { ...props }) });
+  }
+  return /* @__PURE__ */ jsx12(Component12, { ...props });
+};
+CheckboxGroup2.displayName = "CheckboxGroup";
+var CheckboxGroup_default = CheckboxGroup2;
+
 // src/wrappers/Field/index.ts
 var Field = {
   Text: TextFieldElement_default,
@@ -1295,7 +1373,8 @@ var Field = {
   SelectMulti: SelectMultiElement_default,
   SelectCascade: SelectCascadeElement_default,
   AsyncSelect: AsyncSelect_default,
-  AsyncMultiSelect: AsyncMultiSelect_default
+  AsyncMultiSelect: AsyncMultiSelect_default,
+  CheckboxGroup: CheckboxGroup_default
 };
 var Field_default = Field;
 

package/dist/{chunk-TRGH3WIB.js → chunk-J7475TFC.js}

@@ -1283,6 +1283,84 @@ var CheckboxElement2 = ({
 CheckboxElement2.displayName = "CheckboxElement";
 var CheckboxElement_default = CheckboxElement2;
 
+// src/wrappers/CheckboxGroup/CheckboxGroup.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Component12 = function CheckboxGroup(props) {
+  const { name, control, label, labelProps, inputRef, options, ...rest } = props;
+  const {
+    field,
+    fieldState: { error }
+  } = _reacthookform.useController.call(void 0, {
+    name,
+    control,
+    disabled: rest.disabled
+  });
+  const [selectedValues, setSelectedValues] = _react.useState.call(void 0, 
+    options.filter((c) => _optionalChain([field, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.includes, 'call', _25 => _25(c.Value)])).map((c) => c.Value) || []
+  );
+  _react.useEffect.call(void 0, () => {
+    field.onChange(selectedValues ? [...selectedValues] : []);
+  }, [selectedValues]);
+  const handleChange = (event) => {
+    const value = parseInt(event.target.value, 10);
+    if (event.target.checked) {
+      setSelectedValues([...selectedValues, value]);
+    } else {
+      setSelectedValues(selectedValues.filter((item) => item !== value));
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { error: !!error, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormGroup, { row: true, children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        label: option.Label,
+        ...labelProps,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Checkbox,
+          {
+            ...rest,
+            color: rest.color || "primary",
+            sx: [
+              ...Array.isArray(rest.sx) ? rest.sx : [rest.sx],
+              {
+                color: error ? "error.main" : void 0
+              }
+            ],
+            value: option.Value,
+            checked: selectedValues.includes(option.Value),
+            onChange: handleChange
+          }
+        )
+      },
+      `${option.Value}`
+    )) }),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { error: !!error, children: error.message })
+  ] });
+};
+var CheckboxGroup2 = ({
+  gridProps,
+  ...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, Component12, { ...props });
+};
+CheckboxGroup2.displayName = "CheckboxGroup";
+var CheckboxGroup_default = CheckboxGroup2;
+
 // src/wrappers/Field/index.ts
 var Field = {
   Text: TextFieldElement_default,
@@ -1295,7 +1373,8 @@ var Field = {
   SelectMulti: SelectMultiElement_default,
   SelectCascade: SelectCascadeElement_default,
   AsyncSelect: AsyncSelect_default,
-  AsyncMultiSelect: AsyncMultiSelect_default
+  AsyncMultiSelect: AsyncMultiSelect_default,
+  CheckboxGroup: CheckboxGroup_default
 };
 var Field_default = Field;
 

package/dist/{chunk-DNYQFSTP.mjs → chunk-JHOCLWGJ.mjs}

@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
 // src/components/LabelText/LabelText.tsx
 import { Grid2 as Grid23, Tooltip, Typography as Typography3 } from "@mui/material";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs3(
-  Grid23,
-  {
-    size: { xs: 12, sm: 6, md: 6 },
-    sx: {
-      display: "flex",
-      flexDirection: { xs: "column", sm: "row", md: "row" },
-      "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
-    },
-    children: [
-      /* @__PURE__ */ jsxs3(
-        Grid23,
-        {
-          size: { xs: 6, sm: 7, md: 6 },
-          sx: {
-            padding: "5px",
-            fontSize: "14px",
-            textAlign: { xs: "left", sm: "right", md: "right" }
-          },
-          children: [
-            label,
-            " :"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        Grid23,
-        {
-          size: { xs: 12, sm: 5, md: 6 },
-          sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
-            Typography3,
-            {
-              color: "#3598dc",
+var LabelText = ({
+  label,
+  value,
+  gridSize,
+  containerSize
+}) => {
+  const defaultGridSize = {
+    labelSize: { xs: 6, sm: 6, md: 6 },
+    valueSize: { xs: 12, sm: 6, md: 6 }
+  };
+  const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
+  const size = gridSize || defaultGridSize;
+  const container = containerSize || defaultContainerSize;
+  return /* @__PURE__ */ jsxs3(
+    Grid23,
+    {
+      size: container,
+      sx: {
+        display: "flex",
+        flexDirection: { xs: "column", sm: "row", md: "row" },
+        "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          Grid23,
+          {
+            size: size.labelSize,
+            sx: {
+              padding: "5px",
               fontSize: "14px",
-              sx: {
-                wordBreak: "break-word",
-                overflow: "hidden",
-                display: "-webkit-box",
-                textOverflow: "ellipsis",
-                WebkitLineClamp: 2,
-                WebkitBoxOrient: "vertical"
-              },
-              children: value ? value : "-"
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
+              textAlign: { xs: "left", sm: "right", md: "right" }
+            },
+            children: [
+              label,
+              " :"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Grid23,
+          {
+            size: size.valueSize,
+            sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
+            children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
+              Typography3,
+              {
+                color: "#3598dc",
+                fontSize: "14px",
+                sx: {
+                  wordBreak: "break-word",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  textOverflow: "ellipsis",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical"
+                },
+                children: value ? value : "-"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
 var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx

package/dist/components/index.d.mts

@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
 type LabelTextProps = {
     label: string;
     value: React.ReactNode;
+    gridSize?: {
+        labelSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+        valueSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+    };
+    containerSize?: {
+        xs: number;
+        sm: number;
+        md: number;
+    };
 };
-declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
 
 type ListWrapperProps = PropsWithChildren<{
     title: string;

package/dist/components/index.d.ts

@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
 type LabelTextProps = {
     label: string;
     value: React.ReactNode;
+    gridSize?: {
+        labelSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+        valueSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+    };
+    containerSize?: {
+        xs: number;
+        sm: number;
+        md: number;
+    };
 };
-declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
 
 type ListWrapperProps = PropsWithChildren<{
     title: string;

package/dist/components/index.js

@@ -6,7 +6,7 @@
 
 
 
-var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
+var _chunk6NG256YGjs = require('../chunk-6NG256YG.js');
 
 
 
@@ -15,4 +15,4 @@ var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
 
 
 
-exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default;
+exports.ClearButton = _chunk6NG256YGjs.ClearButton_default; exports.FilterButton = _chunk6NG256YGjs.FilterButton_default; exports.FilterWrapper = _chunk6NG256YGjs.FilterWrapper_default; exports.FormWrapper = _chunk6NG256YGjs.FormWrapper_default; exports.LabelText = _chunk6NG256YGjs.LabelText_default; exports.ListWrapper = _chunk6NG256YGjs.ListWrapper_default; exports.SimpleToolbar = _chunk6NG256YGjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -6,7 +6,7 @@ import {
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "../chunk-DNYQFSTP.mjs";
+} from "../chunk-JHOCLWGJ.mjs";
 export {
   ClearButton_default as ClearButton,
   FilterButton_default as FilterButton,

package/dist/index.js

@@ -6,12 +6,12 @@
 
 
 
-var _chunkFP2QMQOOjs = require('./chunk-FP2QMQOO.js');
+var _chunk6NG256YGjs = require('./chunk-6NG256YG.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkTRGH3WIBjs = require('./chunk-TRGH3WIB.js');
+var _chunkJ7475TFCjs = require('./chunk-J7475TFC.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -43,4 +43,4 @@ var _chunk5UQNB4A7js = require('./chunk-5UQNB4A7.js');
 
 
 
-exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.Field = _chunkTRGH3WIBjs.Field_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default; exports.api = _chunk5UQNB4A7js.api; exports.flattenObjectKeys = _chunk5UQNB4A7js.flattenObjectKeys; exports.getTimezone = _chunk5UQNB4A7js.getTimezone; exports.handleServerErrors = _chunk5UQNB4A7js.handleServerErrors; exports.propertyExists = _chunk5UQNB4A7js.propertyExists; exports.readValueAsDate = _chunk5UQNB4A7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunk5UQNB4A7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunk5UQNB4A7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.ClearButton = _chunk6NG256YGjs.ClearButton_default; exports.Field = _chunkJ7475TFCjs.Field_default; exports.FilterButton = _chunk6NG256YGjs.FilterButton_default; exports.FilterWrapper = _chunk6NG256YGjs.FilterWrapper_default; exports.FormWrapper = _chunk6NG256YGjs.FormWrapper_default; exports.LabelText = _chunk6NG256YGjs.LabelText_default; exports.ListWrapper = _chunk6NG256YGjs.ListWrapper_default; exports.SimpleToolbar = _chunk6NG256YGjs.SimpleToolbar_default; exports.api = _chunk5UQNB4A7js.api; exports.flattenObjectKeys = _chunk5UQNB4A7js.flattenObjectKeys; exports.getTimezone = _chunk5UQNB4A7js.getTimezone; exports.handleServerErrors = _chunk5UQNB4A7js.handleServerErrors; exports.propertyExists = _chunk5UQNB4A7js.propertyExists; exports.readValueAsDate = _chunk5UQNB4A7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunk5UQNB4A7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunk5UQNB4A7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -6,12 +6,12 @@ import {
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "./chunk-DNYQFSTP.mjs";
+} from "./chunk-JHOCLWGJ.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-6MNBBCUG.mjs";
+} from "./chunk-BQI3T3MY.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";

package/dist/wrappers/index.d.mts

@@ -1,4 +1,4 @@
-import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldProps, IconButtonProps, FormControlLabelProps, FormLabelProps, RadioProps, CheckboxProps, TextField } from '@mui/material';
+import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
 import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.mjs';
@@ -8,6 +8,18 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
+type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    label?: FormControlLabelProps["label"];
+    labelProps?: Omit<FormControlLabelProps, "label" | "control">;
+    gridProps?: Grid2Props;
+    options: {
+        Value: number;
+        Label: string;
+    }[];
+};
+
 type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
     Value: number;
     Label: string;
@@ -227,6 +239,7 @@ declare const Field: {
         Value: number;
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+    CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
 };
 
 export { Field };

package/dist/wrappers/index.d.ts

@@ -1,4 +1,4 @@
-import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldProps, IconButtonProps, FormControlLabelProps, FormLabelProps, RadioProps, CheckboxProps, TextField } from '@mui/material';
+import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
 import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.js';
@@ -8,6 +8,18 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
+type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    label?: FormControlLabelProps["label"];
+    labelProps?: Omit<FormControlLabelProps, "label" | "control">;
+    gridProps?: Grid2Props;
+    options: {
+        Value: number;
+        Label: string;
+    }[];
+};
+
 type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
     Value: number;
     Label: string;
@@ -227,6 +239,7 @@ declare const Field: {
         Value: number;
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+    CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
 };
 
 export { Field };

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTRGH3WIBjs = require('../chunk-TRGH3WIB.js');
+var _chunkJ7475TFCjs = require('../chunk-J7475TFC.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-5UQNB4A7.js');
 
 
-exports.Field = _chunkTRGH3WIBjs.Field_default;
+exports.Field = _chunkJ7475TFCjs.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-6MNBBCUG.mjs";
+} from "../chunk-BQI3T3MY.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-RU644IPB.mjs";
 export {

package/package.json

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