@nethru/ui 1.0.43 → 1.0.45

package/dist/AccordionSummary.js

@@ -1,11 +1,12 @@
+import { Stack, Typography } from "@mui/material";
 import MuiAccordionSummary from "@mui/material/AccordionSummary";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import { Typography } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function AccordionSummary({
   title,
+  desc,
   children,
   ...props
 }) {
@@ -13,8 +14,17 @@ export default function AccordionSummary({
     children: [title && /*#__PURE__*/_jsx(MuiAccordionSummary, {
       expandIcon: /*#__PURE__*/_jsx(ExpandMoreIcon, {}),
       ...props,
-      children: /*#__PURE__*/_jsx(Typography, {
-        children: title
+      children: /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "flex-end",
+        gap: 1,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          children: title
+        }), desc && /*#__PURE__*/_jsx(Typography, {
+          variant: "caption",
+          color: "#aaa",
+          children: desc
+        })]
       })
     }), !title && /*#__PURE__*/_jsx(MuiAccordionSummary, {
       expandIcon: /*#__PURE__*/_jsx(ExpandMoreIcon, {}),

package/dist/Button.js

@@ -0,0 +1,36 @@
+import { useMemo } from "react";
+import MuiButton from "@mui/material/Button";
+import { Box } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Button({
+  label,
+  icon,
+  iconPlacement = 'start',
+  iconSize = '20px',
+  iconProps = {},
+  ...props
+}) {
+  const iconComponent = useMemo(() => {
+    return icon ? /*#__PURE__*/_jsx(Box, {
+      component: icon,
+      sx: {
+        '&.MuiSvgIcon-root': {
+          fontSize: `${iconSize}!important`
+        }
+      },
+      ...iconProps
+    }) : null;
+  }, [icon, iconSize, iconProps]);
+  const startIcon = useMemo(() => {
+    return iconPlacement === 'start' ? iconComponent : null;
+  }, [iconComponent, iconPlacement]);
+  const endIcon = useMemo(() => {
+    return iconPlacement === 'end' ? iconComponent : null;
+  }, [iconComponent, iconPlacement]);
+  return /*#__PURE__*/_jsx(MuiButton, {
+    startIcon: startIcon,
+    endIcon: endIcon,
+    ...props,
+    children: label
+  });
+}

package/dist/Checkbox.js

@@ -1,16 +1,27 @@
+import { useMemo } from "react";
 import MuiCheckbox from "@mui/material/Checkbox";
 import { FormControlLabel } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Checkbox({
   label,
+  size = 'medium',
   sx,
   ...props
 }) {
+  const styles = useMemo(() => ({
+    '& .MuiFormControlLabel-label': {
+      fontSize: size === 'small' ? '14px' : '16px'
+    }
+  }), [size]);
   return /*#__PURE__*/_jsx(FormControlLabel, {
     label: label,
     control: /*#__PURE__*/_jsx(MuiCheckbox, {
+      size: size,
       ...props
     }),
-    sx: sx
+    sx: {
+      ...styles,
+      ...sx
+    }
   });
 }

package/dist/TextField.js

@@ -1,7 +1,7 @@
 import MuiTextField from "@mui/material/TextField";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function TextField2({
+export default function TextField({
   width,
   fontSize,
   textAlign,

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as AlertDialog } from "./AlertDialog";
 export { default as AppBar } from "./AppBar";
 export { default as AppendableFormList } from "./AppendableFormList";
 export { default as AvatarDropdown } from "./AvatarDropdown";
+export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
 export { default as CircularProgress } from "./CircularProgress";
 export { default as ColumnedSection } from "./ColumnedSection";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "main": "dist/index.js",
   "files": [
     "/dist"