@gnwebsoft/ui 2.18.0 → 2.18.1

package/dist/{chunk-POY32C6G.mjs → chunk-B5ZIFGAN.mjs}

@@ -27,33 +27,90 @@ var FilterButton = ({ isSubmitting }) => {
 };
 var FilterButton_default = FilterButton;
 
-// src/components/FormWrapper/FormWrapper.tsx
+// src/components/FilterWrapper/FilterWrapper.tsx
 import {
+  Box,
   Card,
   CardContent,
   CardHeader,
   Divider,
+  Grid2,
   Typography
 } from "@mui/material";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+import ManageSearchIcon from "@mui/icons-material/ManageSearch";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var FilterWrapper = ({ children, title }) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      sx: {
+        position: "relative",
+        borderRadius: "0px",
+        mb: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx3(
+          CardHeader,
+          {
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              p: "1rem",
+              ".MuiCardHeader-action": {
+                margin: 0,
+                alignSelf: "center"
+              },
+              alignItems: "center"
+            },
+            title: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ jsx3(ManageSearchIcon, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ jsx3(
+                Typography,
+                {
+                  variant: "h5",
+                  sx: { color: "#4db3a2", fontWeight: "bold" },
+                  children: title
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx3(Divider, {}),
+        /* @__PURE__ */ jsx3(CardContent, { sx: { py: 2 }, children: /* @__PURE__ */ jsx3(Grid2, { container: true, spacing: 2, children }) })
+      ]
+    }
+  );
+};
+var FilterWrapper_default = FilterWrapper;
+
+// src/components/FormWrapper/FormWrapper.tsx
+import {
+  Card as Card2,
+  CardContent as CardContent2,
+  CardHeader as CardHeader2,
+  Divider as Divider2,
+  Grid2 as Grid22,
+  Typography as Typography2
+} from "@mui/material";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var FormWrapper = ({
   children,
   title,
   editMode,
   breadCrumb
 }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    breadCrumb ? breadCrumb : /* @__PURE__ */ jsx3(Fragment, {}),
-    /* @__PURE__ */ jsxs(
-      Card,
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    breadCrumb ? breadCrumb : /* @__PURE__ */ jsx4(Fragment, {}),
+    /* @__PURE__ */ jsxs2(
+      Card2,
       {
         sx: {
           position: "relative",
           borderRadius: "0px"
         },
         children: [
-          /* @__PURE__ */ jsx3(
-            CardHeader,
+          /* @__PURE__ */ jsx4(
+            CardHeader2,
             {
               sx: {
                 display: "flex",
@@ -64,11 +121,11 @@ var FormWrapper = ({
                   alignSelf: "center"
                 }
               },
-              title: title ?? /* @__PURE__ */ jsx3(Typography, { variant: "h5", children: editMode ? `Create ${title}` : `Edit ${title}` })
+              title: title ?? /* @__PURE__ */ jsx4(Typography2, { variant: "h5", children: editMode ? `Create ${title}` : `Edit ${title}` })
             }
           ),
-          /* @__PURE__ */ jsx3(Divider, { sx: { mt: 0 } }),
-          /* @__PURE__ */ jsx3(CardContent, { children })
+          /* @__PURE__ */ jsx4(Divider2, { sx: { mt: 0 } }),
+          /* @__PURE__ */ jsx4(CardContent2, { children: /* @__PURE__ */ jsx4(Grid22, { container: true, spacing: 2, children }) })
         ]
       }
     )
@@ -77,10 +134,10 @@ var FormWrapper = ({
 var FormWrapper_default = FormWrapper;
 
 // src/components/LabelText/LabelText.tsx
-import { Grid2 as Grid22, Tooltip, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
-  Grid22,
+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: {
@@ -89,8 +146,8 @@ var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
       "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
     },
     children: [
-      /* @__PURE__ */ jsxs2(
-        Grid22,
+      /* @__PURE__ */ jsxs3(
+        Grid23,
         {
           size: { xs: 6, sm: 7, md: 6 },
           sx: {
@@ -104,13 +161,13 @@ var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
-        Grid22,
+      /* @__PURE__ */ jsx5(
+        Grid23,
         {
           size: { xs: 12, sm: 5, md: 6 },
           sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ jsx4(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx4(
-            Typography2,
+          children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
+            Typography3,
             {
               color: "#3598dc",
               fontSize: "14px",
@@ -134,27 +191,27 @@ var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx
 import {
-  Box,
-  Card as Card2,
-  CardContent as CardContent2,
-  CardHeader as CardHeader2,
-  Divider as Divider2,
-  Grid2 as Grid23,
-  Typography as Typography3
+  Box as Box2,
+  Card as Card3,
+  CardContent as CardContent3,
+  CardHeader as CardHeader3,
+  Divider as Divider3,
+  Grid2 as Grid24,
+  Typography as Typography4
 } from "@mui/material";
-import ManageSearchIcon from "@mui/icons-material/ManageSearch";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import ManageSearchIcon2 from "@mui/icons-material/ManageSearch";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ListWrapper = ({ children, title, count }) => {
-  return /* @__PURE__ */ jsxs3(
-    Card2,
+  return /* @__PURE__ */ jsxs4(
+    Card3,
     {
       sx: {
         position: "relative",
         borderRadius: "0px"
       },
       children: [
-        /* @__PURE__ */ jsx5(
-          CardHeader2,
+        /* @__PURE__ */ jsx6(
+          CardHeader3,
           {
             sx: {
               display: "flex",
@@ -166,10 +223,10 @@ var ListWrapper = ({ children, title, count }) => {
               },
               alignItems: "center"
             },
-            title: /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              /* @__PURE__ */ jsx5(ManageSearchIcon, { sx: { color: "#4db3a2", height: "2.5rem" } }),
-              /* @__PURE__ */ jsx5(
-                Typography3,
+            title: /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ jsx6(ManageSearchIcon2, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ jsx6(
+                Typography4,
                 {
                   variant: "h5",
                   sx: { color: "#4db3a2", fontWeight: "bold" },
@@ -179,8 +236,8 @@ var ListWrapper = ({ children, title, count }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ jsx5(Divider2, {}),
-        /* @__PURE__ */ jsx5(CardContent2, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx5(Grid23, { container: true, spacing: 2, children }) })
+        /* @__PURE__ */ jsx6(Divider3, {}),
+        /* @__PURE__ */ jsx6(CardContent3, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx6(Grid24, { container: true, spacing: 2, children }) })
       ]
     }
   );
@@ -195,10 +252,10 @@ import {
   GridToolbarFilterButton,
   GridToolbarQuickFilter
 } from "@mui/x-data-grid";
-import { Box as Box2 } from "@mui/material";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var SimpleToolbar = () => /* @__PURE__ */ jsxs4(GridToolbarContainer, { children: [
-  /* @__PURE__ */ jsx6(
+import { Box as Box3 } from "@mui/material";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var SimpleToolbar = () => /* @__PURE__ */ jsxs5(GridToolbarContainer, { children: [
+  /* @__PURE__ */ jsx7(
     GridToolbarQuickFilter,
     {
       sx: {
@@ -219,16 +276,17 @@ var SimpleToolbar = () => /* @__PURE__ */ jsxs4(GridToolbarContainer, { children
       }
     }
   ),
-  /* @__PURE__ */ jsx6(Box2, { sx: { flexGrow: 1 } }),
-  /* @__PURE__ */ jsx6(GridToolbarColumnsButton, {}),
-  /* @__PURE__ */ jsx6(GridToolbarFilterButton, {}),
-  /* @__PURE__ */ jsx6(GridToolbarExport, {})
+  /* @__PURE__ */ jsx7(Box3, { sx: { flexGrow: 1 } }),
+  /* @__PURE__ */ jsx7(GridToolbarColumnsButton, {}),
+  /* @__PURE__ */ jsx7(GridToolbarFilterButton, {}),
+  /* @__PURE__ */ jsx7(GridToolbarExport, {})
 ] });
 var SimpleToolbar_default = SimpleToolbar;
 
 export {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,

package/dist/{chunk-E46YP3KM.js → chunk-DMKDUMBD.js}

@@ -27,6 +27,62 @@ var FilterButton = ({ isSubmitting }) => {
 };
 var FilterButton_default = FilterButton;
 
+// src/components/FilterWrapper/FilterWrapper.tsx
+
+
+
+
+
+
+
+
+
+var _ManageSearch = require('@mui/icons-material/ManageSearch'); var _ManageSearch2 = _interopRequireDefault(_ManageSearch);
+
+var FilterWrapper = ({ children, title }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Card,
+    {
+      sx: {
+        position: "relative",
+        borderRadius: "0px",
+        mb: 2
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.CardHeader,
+          {
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              p: "1rem",
+              ".MuiCardHeader-action": {
+                margin: 0,
+                alignSelf: "center"
+              },
+              alignItems: "center"
+            },
+            title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.Typography,
+                {
+                  variant: "h5",
+                  sx: { color: "#4db3a2", fontWeight: "bold" },
+                  children: title
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { sx: { py: 2 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { container: true, spacing: 2, children }) })
+      ]
+    }
+  );
+};
+var FilterWrapper_default = FilterWrapper;
+
 // src/components/FormWrapper/FormWrapper.tsx
 
 
@@ -36,6 +92,7 @@ var FilterButton_default = FilterButton;
 
 
 
+
 var FormWrapper = ({
   children,
   title,
@@ -68,7 +125,7 @@ var FormWrapper = ({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { sx: { mt: 0 } }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { children })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { container: true, spacing: 2, children }) })
         ]
       }
     )
@@ -142,7 +199,7 @@ var LabelText_default = LabelText;
 
 
 
-var _ManageSearch = require('@mui/icons-material/ManageSearch'); var _ManageSearch2 = _interopRequireDefault(_ManageSearch);
+
 
 var ListWrapper = ({ children, title, count }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -233,4 +290,5 @@ var SimpleToolbar_default = SimpleToolbar;
 
 
 
-exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default;
+
+exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FilterWrapper_default = FilterWrapper_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default;

package/dist/components/index.d.mts

@@ -12,6 +12,11 @@ type FilterButtonProps = {
 };
 declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
+type FilterWrapperProps = PropsWithChildren<{
+    title: string;
+}>;
+declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
@@ -34,4 +39,4 @@ declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => rea
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.d.ts

@@ -12,6 +12,11 @@ type FilterButtonProps = {
 };
 declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
+type FilterWrapperProps = PropsWithChildren<{
+    title: string;
+}>;
+declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
@@ -34,4 +39,4 @@ declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => rea
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.js

@@ -5,12 +5,14 @@
 
 
 
-var _chunkE46YP3KMjs = require('../chunk-E46YP3KM.js');
 
+var _chunkDMKDUMBDjs = require('../chunk-DMKDUMBD.js');
 
 
 
 
 
 
-exports.ClearButton = _chunkE46YP3KMjs.ClearButton_default; exports.FilterButton = _chunkE46YP3KMjs.FilterButton_default; exports.FormWrapper = _chunkE46YP3KMjs.FormWrapper_default; exports.LabelText = _chunkE46YP3KMjs.LabelText_default; exports.ListWrapper = _chunkE46YP3KMjs.ListWrapper_default; exports.SimpleToolbar = _chunkE46YP3KMjs.SimpleToolbar_default;
+
+
+exports.ClearButton = _chunkDMKDUMBDjs.ClearButton_default; exports.FilterButton = _chunkDMKDUMBDjs.FilterButton_default; exports.FilterWrapper = _chunkDMKDUMBDjs.FilterWrapper_default; exports.FormWrapper = _chunkDMKDUMBDjs.FormWrapper_default; exports.LabelText = _chunkDMKDUMBDjs.LabelText_default; exports.ListWrapper = _chunkDMKDUMBDjs.ListWrapper_default; exports.SimpleToolbar = _chunkDMKDUMBDjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -1,14 +1,16 @@
 import {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "../chunk-POY32C6G.mjs";
+} from "../chunk-B5ZIFGAN.mjs";
 export {
   ClearButton_default as ClearButton,
   FilterButton_default as FilterButton,
+  FilterWrapper_default as FilterWrapper,
   FormWrapper_default as FormWrapper,
   LabelText_default as LabelText,
   ListWrapper_default as ListWrapper,

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.mjs';
 export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.js';
 export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';

package/dist/index.js

@@ -5,7 +5,8 @@
 
 
 
-var _chunkE46YP3KMjs = require('./chunk-E46YP3KM.js');
+
+var _chunkDMKDUMBDjs = require('./chunk-DMKDUMBD.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-TLJXC46A.js');
 
@@ -41,4 +42,5 @@ var _chunkKTAQRRS7js = require('./chunk-KTAQRRS7.js');
 
 
 
-exports.ClearButton = _chunkE46YP3KMjs.ClearButton_default; exports.Field = _chunkIQ2NGFMEjs.Field_default; exports.FilterButton = _chunkE46YP3KMjs.FilterButton_default; exports.FormWrapper = _chunkE46YP3KMjs.FormWrapper_default; exports.LabelText = _chunkE46YP3KMjs.LabelText_default; exports.ListWrapper = _chunkE46YP3KMjs.ListWrapper_default; exports.SimpleToolbar = _chunkE46YP3KMjs.SimpleToolbar_default; exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+
+exports.ClearButton = _chunkDMKDUMBDjs.ClearButton_default; exports.Field = _chunkIQ2NGFMEjs.Field_default; exports.FilterButton = _chunkDMKDUMBDjs.FilterButton_default; exports.FilterWrapper = _chunkDMKDUMBDjs.FilterWrapper_default; exports.FormWrapper = _chunkDMKDUMBDjs.FormWrapper_default; exports.LabelText = _chunkDMKDUMBDjs.LabelText_default; exports.ListWrapper = _chunkDMKDUMBDjs.ListWrapper_default; exports.SimpleToolbar = _chunkDMKDUMBDjs.SimpleToolbar_default; exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -1,11 +1,12 @@
 import {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "./chunk-POY32C6G.mjs";
+} from "./chunk-B5ZIFGAN.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-5VR5QVUV.mjs";
 import {
@@ -28,6 +29,7 @@ export {
   ClearButton_default as ClearButton,
   Field_default as Field,
   FilterButton_default as FilterButton,
+  FilterWrapper_default as FilterWrapper,
   FormWrapper_default as FormWrapper,
   LabelText_default as LabelText,
   ListWrapper_default as ListWrapper,

package/package.json

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