@zidsa/zidmui 2.0.3 → 2.1.0

package/dist/react/cjs/theme/components/radio.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiRadio = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      paddingInline: 0,
+      variants: [
+        //
+        //sizes:
+        {
+          props: { size: "small" },
+          style: {
+            "& .MuiSvgIcon-root": { width: theme.spacing(2), height: theme.spacing(2) },
+            width: theme.spacing(2.5),
+            height: theme.spacing(2.5)
+          }
+        },
+        {
+          props: { size: "medium" },
+          style: {
+            "& .MuiSvgIcon-root": { width: theme.spacing(2.5), height: theme.spacing(2.5) },
+            width: theme.spacing(2.5),
+            height: theme.spacing(2.5)
+          }
+        },
+        {
+          props: { size: "large" },
+          style: {
+            "& .MuiSvgIcon-root": { width: theme.spacing(3), height: theme.spacing(3) },
+            // width: theme.spacing(5.75),
+            // height: theme.spacing(5.75),
+            padding: 0
+          }
+        },
+        //
+        // primary colors, unchecked:
+        {
+          props: { color: "primary", checked: false },
+          style: {
+            "& .MuiSvgIcon-root": { fill: theme.palette.text.secondary },
+            "&.Mui-disabled .MuiSvgIcon-root": { fill: theme.palette.action.disabled },
+            "&:hover": { backgroundColor: theme.palette.primary._states?.hover },
+            "&.Mui-focusVisible": { backgroundColor: theme.palette.action.disabledBackground },
+            "&:active": { backgroundColor: theme.palette.action.disabledBackground }
+          }
+        },
+        //
+        // primary colors, checked:
+        {
+          props: { color: "primary", checked: true },
+          style: {
+            "& .MuiSvgIcon-root": { fill: theme.palette.colors.primary[1e3] },
+            "&.Mui-disabled .MuiSvgIcon-root": { fill: theme.palette.action.disabled },
+            "&:hover": { backgroundColor: theme.palette.primary._states?.hover },
+            "&.Mui-focusVisible": { backgroundColor: theme.palette.primary._states?.focusVisible },
+            "&:active": { backgroundColor: theme.palette.primary._states?.focusVisible }
+          }
+        },
+        //
+        // error colors, unchecked:
+        {
+          props: { color: "error", checked: false },
+          style: {
+            "& .MuiSvgIcon-root": { fill: theme.palette.text.secondary },
+            "&.Mui-disabled .MuiSvgIcon-root": { fill: theme.palette.action.disabled },
+            "&:hover": { backgroundColor: theme.palette.error._states?.hover },
+            "&.Mui-focusVisible": { backgroundColor: theme.palette.action.disabledBackground },
+            "&:active": { backgroundColor: theme.palette.action.disabledBackground }
+          }
+        },
+        //
+        // error colors, checked:
+        {
+          props: { color: "error", checked: true },
+          style: {
+            "& .MuiSvgIcon-root": { fill: theme.palette.error.main },
+            "&.Mui-disabled .MuiSvgIcon-root": { fill: theme.palette.action.disabled },
+            "&:hover": { backgroundColor: theme.palette.error._states?.hover },
+            "&.Mui-focusVisible": { backgroundColor: theme.palette.error._states?.focusVisible },
+            "&:active": { backgroundColor: theme.palette.error._states?.focusVisible }
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiRadio = MuiRadio;
+//# sourceMappingURL=radio.js.map

package/dist/react/cjs/theme/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../../src/theme/components/radio.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiRadio: Components<Theme & CssVarsTheme>['MuiRadio'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      paddingInline: 0,\n      variants: [\n        //\n        //sizes:\n        {\n          props: { size: 'small' },\n          style: {\n            '& .MuiSvgIcon-root': { width: theme.spacing(2), height: theme.spacing(2) },\n            width: theme.spacing(2.5),\n            height: theme.spacing(2.5),\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            '& .MuiSvgIcon-root': { width: theme.spacing(2.5), height: theme.spacing(2.5) },\n            width: theme.spacing(2.5),\n            height: theme.spacing(2.5),\n          },\n        },\n        {\n          props: { size: 'large' },\n          style: {\n            '& .MuiSvgIcon-root': { width: theme.spacing(3), height: theme.spacing(3) },\n            // width: theme.spacing(5.75),\n            // height: theme.spacing(5.75),\n            padding: 0,\n          },\n        },\n        //\n        // primary colors, unchecked:\n        {\n          props: { color: 'primary', checked: false },\n          style: {\n            '& .MuiSvgIcon-root': { fill: theme.palette.text.secondary },\n            '&.Mui-disabled .MuiSvgIcon-root': { fill: theme.palette.action.disabled },\n            '&:hover': { backgroundColor: theme.palette.primary._states?.hover },\n            '&.Mui-focusVisible': { backgroundColor: theme.palette.action.disabledBackground },\n            '&:active': { backgroundColor: theme.palette.action.disabledBackground },\n          },\n        },\n        //\n        // primary colors, checked:\n        {\n          props: { color: 'primary', checked: true },\n          style: {\n            '& .MuiSvgIcon-root': { fill: theme.palette.colors.primary[1000] },\n            '&.Mui-disabled .MuiSvgIcon-root': { fill: theme.palette.action.disabled },\n            '&:hover': { backgroundColor: theme.palette.primary._states?.hover },\n            '&.Mui-focusVisible': { backgroundColor: theme.palette.primary._states?.focusVisible },\n            '&:active': { backgroundColor: theme.palette.primary._states?.focusVisible },\n          },\n        },\n        //\n        // error colors, unchecked:\n        {\n          props: { color: 'error', checked: false },\n          style: {\n            '& .MuiSvgIcon-root': { fill: theme.palette.text.secondary },\n            '&.Mui-disabled .MuiSvgIcon-root': { fill: theme.palette.action.disabled },\n            '&:hover': { backgroundColor: theme.palette.error._states?.hover },\n            '&.Mui-focusVisible': { backgroundColor: theme.palette.action.disabledBackground },\n            '&:active': { backgroundColor: theme.palette.action.disabledBackground },\n          },\n        },\n        //\n        // error colors, checked:\n        {\n          props: { color: 'error', checked: true },\n          style: {\n            '& .MuiSvgIcon-root': { fill: theme.palette.error.main },\n            '&.Mui-disabled .MuiSvgIcon-root': { fill: theme.palette.action.disabled },\n            '&:hover': { backgroundColor: theme.palette.error._states?.hover },\n            '&.Mui-focusVisible': { backgroundColor: theme.palette.error._states?.focusVisible },\n            '&:active': { backgroundColor: theme.palette.error._states?.focusVisible },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/skeleton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiSkeleton = {
+  defaultProps: {
+    animation: "wave"
+  }
+};
+exports.MuiSkeleton = MuiSkeleton;
+//# sourceMappingURL=skeleton.js.map

package/dist/react/cjs/theme/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../../../src/theme/components/skeleton.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiSkeleton: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSkeleton'] = {\n  defaultProps: {\n    animation: 'wave',\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,cAEM;AAAA,EACjB,cAAc;AAAA,IACZ,WAAW;AAAA,EAAA;AAEf;;"}

package/dist/react/cjs/theme/components/switch.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createSwitchActiveStyles = (theme, colorKey) => {
+  const toggleCircleSize = theme.spacing(1.83);
+  const pressedToggleCircleSize = theme.spacing(2.25);
+  const transformValue = theme.spacing(0.5);
+  return {
+    "&:active": {
+      "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,
+        boxShadow: "none"
+      },
+      "& .MuiSwitch-switchBase:not(.Mui-checked)": {
+        "& + .MuiSwitch-track": {
+          boxShadow: "none"
+        },
+        "& .MuiSwitch-thumb": {
+          width: `${pressedToggleCircleSize}`,
+          transform: "translateX(0)",
+          borderRadius: toggleCircleSize
+        }
+      },
+      "& .MuiSwitch-switchBase.Mui-checked": {
+        "& + .MuiSwitch-track": {
+          boxShadow: "none"
+        },
+        "& .MuiSwitch-thumb": {
+          width: `${pressedToggleCircleSize}`,
+          transform: `translateX(-${transformValue})`,
+          borderRadius: toggleCircleSize
+        }
+      }
+    }
+  };
+};
+const MuiSwitch = {
+  defaultProps: {
+    disableRipple: true,
+    disableTouchRipple: true
+  },
+  variants: [
+    {
+      props: { color: "primary" },
+      style: ({ theme }) => ({
+        ...createSwitchActiveStyles(theme, "primary"),
+        "& .MuiSwitch-switchBase.Mui-checked": {
+          "& + .MuiSwitch-track": {
+            backgroundColor: theme.palette._components.switch?.primary?.activeBackground
+          }
+        }
+      })
+    },
+    {
+      props: { color: "error" },
+      style: ({ theme }) => ({
+        ...createSwitchActiveStyles(theme, "error"),
+        "& .MuiSwitch-switchBase.Mui-checked": {
+          "& + .MuiSwitch-track": {
+            backgroundColor: theme.palette._components.switch?.error?.activeBackground
+          }
+        }
+      })
+    }
+  ],
+  styleOverrides: {
+    root: ({ theme }) => {
+      const toggleSwitchWidth = theme.spacing(4);
+      const toggleSwitchHeight = theme.spacing(2.5);
+      const toggleCircleSize = theme.spacing(1.83);
+      const innerMargin = theme.spacing(0.33);
+      const shadowValue = theme.spacing(0, 0, 0, 0.25);
+      const transformValue = theme.spacing(1.51);
+      return {
+        width: toggleSwitchWidth,
+        height: toggleSwitchHeight,
+        padding: 0,
+        overflow: "visible",
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1.5),
+        "&:hover": {
+          "& .MuiSwitch-switchBase:not(.Mui-checked)": {
+            "& + .MuiSwitch-track": {
+              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`
+            }
+          },
+          "& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track": {
+            boxShadow: "none"
+          }
+        },
+        "& .MuiSwitch-switchBase": {
+          padding: 0,
+          margin: innerMargin,
+          width: toggleCircleSize,
+          transitionDuration: "300ms",
+          "&.Mui-checked": {
+            transform: `translateX(${transformValue})`,
+            color: theme.palette._components?.switch?.knobFillEnabled,
+            "& + .MuiSwitch-track": {
+              opacity: 1,
+              boxShadow: "none"
+            },
+            "&.Mui-disabled + .MuiSwitch-track": {
+              opacity: 0.5
+            }
+          },
+          "&.Mui-focusVisible .MuiSwitch-thumb": {
+            color: theme.palette._components?.switch?.color,
+            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`
+          },
+          "&.Mui-disabled .MuiSwitch-thumb": {
+            color: theme.palette._components?.switch?.knobFillEnabled
+          },
+          "&.Mui-disabled + .MuiSwitch-track": {
+            opacity: 0.7,
+            boxShadow: "none"
+          }
+        },
+        "& .MuiSwitch-thumb": {
+          boxSizing: "border-box",
+          width: toggleCircleSize,
+          height: toggleCircleSize,
+          borderRadius: toggleCircleSize,
+          borderWidth: theme.spacing(0.08375),
+          borderStyle: "solid",
+          borderColor: theme.palette._components.switch.knowFillDisabled,
+          boxShadow: theme.shadows[2],
+          transition: theme.transitions.create(["transform"], {
+            duration: 300
+          })
+        },
+        "& .MuiSwitch-track": {
+          borderRadius: theme.spacing(8.25),
+          backgroundColor: theme.palette._components.switch?.slideFill,
+          opacity: 1,
+          transition: theme.transitions.create(["background-color"], {
+            duration: 500
+          }),
+          boxShadow: `${shadowValue} transparent`
+        }
+      };
+    }
+  }
+};
+exports.MuiSwitch = MuiSwitch;
+//# sourceMappingURL=switch.js.map

package/dist/react/cjs/theme/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n  const toggleCircleSize = theme.spacing(1.83);\n  const pressedToggleCircleSize = theme.spacing(2.25);\n  const transformValue = theme.spacing(0.5);\n\n  return {\n    '&:active': {\n      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n        boxShadow: 'none',\n      },\n      '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: 'translateX(0)',\n          borderRadius: toggleCircleSize,\n        },\n      },\n      '& .MuiSwitch-switchBase.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: `translateX(-${transformValue})`,\n          borderRadius: toggleCircleSize,\n        },\n      },\n    },\n  };\n};\n\nexport const MuiSwitch: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  variants: [\n    {\n      props: { color: 'primary' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'primary'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n          },\n        },\n      }),\n    },\n    {\n      props: { color: 'error' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'error'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n          },\n        },\n      }),\n    },\n  ],\n  styleOverrides: {\n    root: ({ theme }) => {\n      const toggleSwitchWidth = theme.spacing(4);\n      const toggleSwitchHeight = theme.spacing(2.5);\n      const toggleCircleSize = theme.spacing(1.83);\n      const innerMargin = theme.spacing(0.33);\n      const shadowValue = theme.spacing(0, 0, 0, 0.25);\n      const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n      return {\n        width: toggleSwitchWidth,\n        height: toggleSwitchHeight,\n        padding: 0,\n        overflow: 'visible',\n        marginRight: theme.spacing(1),\n        marginLeft: theme.spacing(1.5),\n        '&:hover': {\n          '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n            '& + .MuiSwitch-track': {\n              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n            },\n          },\n          '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-switchBase': {\n          padding: 0,\n          margin: innerMargin,\n          width: toggleCircleSize,\n          transitionDuration: '300ms',\n          '&.Mui-checked': {\n            transform: `translateX(${transformValue})`,\n            color: theme.palette._components?.switch?.knobFillEnabled,\n            '& + .MuiSwitch-track': {\n              opacity: 1,\n              boxShadow: 'none',\n            },\n            '&.Mui-disabled + .MuiSwitch-track': {\n              opacity: 0.5,\n            },\n          },\n          '&.Mui-focusVisible .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.color,\n            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n          },\n          '&.Mui-disabled .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.knobFillEnabled,\n          },\n          '&.Mui-disabled + .MuiSwitch-track': {\n            opacity: 0.7,\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-thumb': {\n          boxSizing: 'border-box',\n          width: toggleCircleSize,\n          height: toggleCircleSize,\n          borderRadius: toggleCircleSize,\n          borderWidth: theme.spacing(0.08375),\n          borderStyle: 'solid',\n          borderColor: theme.palette._components.switch.knowFillDisabled,\n          boxShadow: theme.shadows[2],\n          transition: theme.transitions.create(['transform'], {\n            duration: 300,\n          }),\n        },\n        '& .MuiSwitch-track': {\n          borderRadius: theme.spacing(8.25),\n          backgroundColor: theme.palette._components.switch?.slideFill,\n          opacity: 1,\n          transition: theme.transitions.create(['background-color'], {\n            duration: 500,\n          }),\n          boxShadow: `${shadowValue} transparent`,\n        },\n      };\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/tab.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiTab = {
+  defaultProps: {
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableTouchRipple: true
+  }
+};
+exports.MuiTab = MuiTab;
+//# sourceMappingURL=tab.js.map

package/dist/react/cjs/theme/components/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../../../src/theme/components/tab.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiTab: Components<Theme & CssVarsTheme>['MuiTab'] = {\n  defaultProps: {\n    disableFocusRipple: true,\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,SAAqD;AAAA,EAChE,cAAc;AAAA,IACZ,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAExB;;"}

package/dist/react/cjs/theme/components/tabs.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiTabs = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      minHeight: theme.spacing(5.25),
+      ".MuiTab-root": {
+        textTransform: "none",
+        minHeight: theme.spacing(5.25),
+        borderRadius: theme.spacing(1),
+        minWidth: 100,
+        lineHeight: theme.spacing(3),
+        color: theme.palette.text.primary,
+        fontWeight: 400,
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        paddingLeft: theme.spacing(2),
+        paddingRight: theme.spacing(2),
+        "& .Mui-selected": {
+          color: theme.palette.primary.main
+        },
+        "& .Mui-disabled": {
+          color: theme.palette.text.disabled
+        }
+      },
+      variants: [
+        {
+          props: { textColor: "primary" },
+          style: {
+            ".Mui-selected": {
+              color: theme.palette.text.primary
+            },
+            " .Mui-disabled": {
+              color: theme.palette.text.disabled
+            }
+          }
+        },
+        {
+          props: { textColor: "secondary" },
+          style: {
+            ".MuiTab-root": {
+              color: theme.palette.text.secondary,
+              minHeight: theme.spacing(5.25)
+            },
+            ".MuiButtonBase-root.Mui-selected": {
+              backgroundColor: theme.palette.background.gray100,
+              color: theme.palette.tabs.text.secondary
+            },
+            " .Mui-disabled": {
+              color: theme.palette.text.disabled
+            },
+            ".Mui-disabled": {
+              color: theme.palette.text.disabled
+            },
+            ".MuiTabs-indicator": {
+              backgroundColor: "transparent"
+            }
+          }
+        },
+        {
+          props: { orientation: "vertical", textColor: "primary" },
+          style: {
+            ".MuiTab-root": {
+              maxWidth: "100%"
+            },
+            ".Mui-selected": {
+              color: theme.palette.primary.main
+            },
+            ".Mui-disabled": {
+              color: theme.palette.text.disabled
+            }
+          }
+        },
+        {
+          props: { orientation: "vertical", textColor: "secondary" },
+          style: {
+            ".MuiTab-root": {
+              color: theme.palette.text.secondary,
+              maxWidth: "100%"
+            },
+            ".MuiButtonBase-root.Mui-selected": {
+              backgroundColor: theme.palette.background.gray100,
+              color: theme.palette.tabs.text.secondary
+            },
+            ".Mui-disabled": {
+              color: theme.palette.text.disabled
+            },
+            ".MuiTabs-indicator": {
+              backgroundColor: "transparent"
+            }
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiTabs = MuiTabs;
+//# sourceMappingURL=tabs.js.map

package/dist/react/cjs/theme/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../../../src/theme/components/tabs.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiTabs: Components<Theme & CssVarsTheme>['MuiTabs'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      minHeight: theme.spacing(5.25),\n\n      '.MuiTab-root': {\n        textTransform: 'none',\n        minHeight: theme.spacing(5.25),\n        borderRadius: theme.spacing(1),\n        minWidth: 100,\n        lineHeight: theme.spacing(3),\n        color: theme.palette.text.primary,\n        fontWeight: 400,\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n\n        '& .Mui-selected': {\n          color: theme.palette.primary.main,\n        },\n\n        '& .Mui-disabled': {\n          color: theme.palette.text.disabled,\n        },\n      },\n\n      variants: [\n        {\n          props: { textColor: 'primary' },\n          style: {\n            '.Mui-selected': {\n              color: theme.palette.text.primary,\n            },\n\n            ' .Mui-disabled': {\n              color: theme.palette.text.disabled,\n            },\n          },\n        },\n        {\n          props: { textColor: 'secondary' },\n          style: {\n            '.MuiTab-root': {\n              color: theme.palette.text.secondary,\n              minHeight: theme.spacing(5.25),\n            },\n\n            '.MuiButtonBase-root.Mui-selected': {\n              backgroundColor: theme.palette.background.gray100,\n              color: theme.palette.tabs.text.secondary,\n            },\n\n            ' .Mui-disabled': {\n              color: theme.palette.text.disabled,\n            },\n\n            '.Mui-disabled': {\n              color: theme.palette.text.disabled,\n            },\n\n            '.MuiTabs-indicator': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n        {\n          props: { orientation: 'vertical', textColor: 'primary' },\n          style: {\n            '.MuiTab-root': {\n              maxWidth: '100%',\n            },\n\n            '.Mui-selected': {\n              color: theme.palette.primary.main,\n            },\n\n            '.Mui-disabled': {\n              color: theme.palette.text.disabled,\n            },\n          },\n        },\n        {\n          props: { orientation: 'vertical', textColor: 'secondary' },\n          style: {\n            '.MuiTab-root': {\n              color: theme.palette.text.secondary,\n              maxWidth: '100%',\n            },\n\n            '.MuiButtonBase-root.Mui-selected': {\n              backgroundColor: theme.palette.background.gray100,\n              color: theme.palette.tabs.text.secondary,\n            },\n\n            '.Mui-disabled': {\n              color: theme.palette.text.disabled,\n            },\n\n            '.MuiTabs-indicator': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,UAAuD;AAAA,EAClE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,WAAW,MAAM,QAAQ,IAAI;AAAA,MAE7B,gBAAgB;AAAA,QACd,eAAe;AAAA,QACf,WAAW,MAAM,QAAQ,IAAI;AAAA,QAC7B,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,UAAU;AAAA,QACV,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY;AAAA,QACZ,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,eAAe,MAAM,QAAQ,CAAC;AAAA,QAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,QAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,QAE7B,mBAAmB;AAAA,UACjB,OAAO,MAAM,QAAQ,QAAQ;AAAA,QAAA;AAAA,QAG/B,mBAAmB;AAAA,UACjB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,MAGF,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,WAAW,UAAA;AAAA,UACpB,OAAO;AAAA,YACL,iBAAiB;AAAA,cACf,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG5B,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,UAC5B;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,WAAW,YAAA;AAAA,UACpB,OAAO;AAAA,YACL,gBAAgB;AAAA,cACd,OAAO,MAAM,QAAQ,KAAK;AAAA,cAC1B,WAAW,MAAM,QAAQ,IAAI;AAAA,YAAA;AAAA,YAG/B,oCAAoC;AAAA,cAClC,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC1C,OAAO,MAAM,QAAQ,KAAK,KAAK;AAAA,YAAA;AAAA,YAGjC,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG5B,iBAAiB;AAAA,cACf,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG5B,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,UACnB;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,aAAa,YAAY,WAAW,UAAA;AAAA,UAC7C,OAAO;AAAA,YACL,gBAAgB;AAAA,cACd,UAAU;AAAA,YAAA;AAAA,YAGZ,iBAAiB;AAAA,cACf,OAAO,MAAM,QAAQ,QAAQ;AAAA,YAAA;AAAA,YAG/B,iBAAiB;AAAA,cACf,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,UAC5B;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,aAAa,YAAY,WAAW,YAAA;AAAA,UAC7C,OAAO;AAAA,YACL,gBAAgB;AAAA,cACd,OAAO,MAAM,QAAQ,KAAK;AAAA,cAC1B,UAAU;AAAA,YAAA;AAAA,YAGZ,oCAAoC;AAAA,cAClC,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC1C,OAAO,MAAM,QAAQ,KAAK,KAAK;AAAA,YAAA;AAAA,YAGjC,iBAAiB;AAAA,cACf,OAAO,MAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG5B,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components.js

@@ -7,6 +7,21 @@ const list = require("./components/list.js");
 const stack = require("./components/stack.js");
 const tooltip = require("./components/tooltip.js");
 const typography = require("./components/typography.js");
+const divider = require("./components/divider.js");
+const iconButton = require("./components/icon-button.js");
+const tab = require("./components/tab.js");
+const tabs = require("./components/tabs.js");
+const skeleton = require("./components/skeleton.js");
+const checkbox = require("./components/checkbox.js");
+const dialog = require("./components/dialog.js");
+const inputAdornment = require("./components/input-adornment.js");
+const inputBase = require("./components/input-base.js");
+const inputLabel = require("./components/input-label.js");
+const textField = require("./components/text-field.js");
+const pagination = require("./components/pagination.js");
+const _switch = require("./components/switch.js");
+const radio = require("./components/radio.js");
+const formGroup = require("./components/form-group.js");
 const components = {
   MuiTypography: typography.MuiTypography,
   MuiChip: chip.MuiChip,
@@ -16,11 +31,25 @@ const components = {
   MuiList: list.MuiList,
   MuiListItemText: list.MuiListItemText,
   MuiListItemIcon: list.MuiListItemIcon,
-  MuiTooltip: tooltip.MuiTooltip
-  // MuiTextField,
-  // MuiInputBase,
-  // MuiInputLabel,
-  // MuiInputAdornment,
+  MuiTooltip: tooltip.MuiTooltip,
+  MuiDivider: divider.MuiDivider,
+  MuiIconButton: iconButton.MuiIconButton,
+  MuiTabs: tabs.MuiTabs,
+  MuiTab: tab.MuiTab,
+  MuiSkeleton: skeleton.MuiSkeleton,
+  MuiCheckbox: checkbox.MuiCheckbox,
+  MuiDialog: dialog.MuiDialog,
+  MuiDialogTitle: dialog.MuiDialogTitle,
+  MuiDialogContent: dialog.MuiDialogContent,
+  MuiDialogActions: dialog.MuiDialogActions,
+  MuiTextField: textField.MuiTextField,
+  MuiInputBase: inputBase.MuiInputBase,
+  MuiInputLabel: inputLabel.MuiInputLabel,
+  MuiInputAdornment: inputAdornment.MuiInputAdornment,
+  MuiPagination: pagination.MuiPagination,
+  MuiSwitch: _switch.MuiSwitch,
+  MuiRadio: radio.MuiRadio,
+  MuiFormGroup: formGroup.MuiFormGroup
 };
 exports.components = components;
 //# sourceMappingURL=components.js.map

package/dist/react/cjs/theme/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\n// import { MuiInputAdornment } from './components/input-adornment';\n// import { MuiInputBase } from './components/input-base';\n// import { MuiInputLabel } from './components/input-label';\n// import { MuiTextField } from './components/text-field';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  // MuiTextField,\n  // MuiInputBase,\n  // MuiInputLabel,\n  // MuiInputAdornment,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip"],"mappings":";;;;;;;;;AAiBO,MAAM,aAAkC;AAAA,EAAA,eAC7CA,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAKF;;"}
+{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  MuiDivider,\n  MuiIconButton,\n  MuiTabs,\n  MuiTab,\n  MuiSkeleton,\n  MuiCheckbox,\n  MuiDialog,\n  MuiDialogTitle,\n  MuiDialogContent,\n  MuiDialogActions,\n  MuiTextField,\n  MuiInputBase,\n  MuiInputLabel,\n  MuiInputAdornment,\n  MuiPagination,\n  MuiSwitch,\n  MuiRadio,\n  MuiFormGroup,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,aAAkC;AAAA,EAAA,eAC7CA,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AACF;;"}

package/dist/react/cjs/theme/palette.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const colors = require("./colors.js");
-const colorManipulator = require("../node_modules/.pnpm/@mui_system@7.3.5_@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4__@emotion_st_11ad1bc919f221d0594f2562584c38ea/node_modules/@mui/system/esm/colorManipulator/colorManipulator.js");
+const material = require("@mui/material");
 const palette = {
   mode: "light",
   colors: colors.colors,
@@ -45,10 +45,10 @@ const palette = {
     contrastText: "#A3A1A6",
     primaryContrastTest: "#FFFFFF",
     _states: {
-      hover: colorManipulator.alpha(colors.colors.base.black, 0.04),
-      selected: colorManipulator.alpha(colors.colors.base.black, 0.08),
-      focus: colorManipulator.alpha(colors.colors.base.black, 0.12),
-      focusVisible: colorManipulator.alpha(colors.colors.base.black, 0.3)
+      hover: material.alpha(colors.colors.base.black, 0.04),
+      selected: material.alpha(colors.colors.base.black, 0.08),
+      focus: material.alpha(colors.colors.base.black, 0.12),
+      focusVisible: material.alpha(colors.colors.base.black, 0.3)
     }
   },
   icon: {
@@ -96,12 +96,12 @@ const palette = {
     }
   },
   action: {
-    active: colorManipulator.alpha(colors.colors.neutral[600], 0.56),
-    hover: colorManipulator.alpha(colors.colors.neutral[600], 0.04),
-    selected: colorManipulator.alpha(colors.colors.neutral[600], 0.08),
-    focus: colorManipulator.alpha(colors.colors.neutral[600], 0.12),
-    disabled: colorManipulator.alpha(colors.colors.neutral[600], 0.38),
-    disabledBackground: colorManipulator.alpha(colors.colors.neutral[600], 0.12)
+    active: material.alpha(colors.colors.neutral[600], 0.56),
+    hover: material.alpha(colors.colors.neutral[600], 0.04),
+    selected: material.alpha(colors.colors.neutral[600], 0.08),
+    focus: material.alpha(colors.colors.neutral[600], 0.12),
+    disabled: material.alpha(colors.colors.neutral[600], 0.38),
+    disabledBackground: material.alpha(colors.colors.neutral[600], 0.12)
   },
   error: {
     main: "#FA3768",
@@ -268,24 +268,24 @@ const palette = {
     },
     alert: {
       error: {
-        color: "#70192F",
-        border: "#FDC9D0",
-        background: "#FFF3F4"
+        color: colors.colors.red[1e3],
+        border: colors.colors.red[300],
+        background: colors.colors.red[100]
       },
       warning: {
-        color: "#6F673B",
-        border: "#FAEBA4",
-        background: "#FEFDF5"
+        color: colors.colors.yellow[1e3],
+        border: colors.colors.yellow[500],
+        background: colors.colors.yellow[100]
       },
       info: {
-        color: "#306666",
-        border: "#B5EFEF",
-        background: "#F4FCFC"
+        color: colors.colors.blue[1e3],
+        border: colors.colors.blue[400],
+        background: colors.colors.blue[100]
       },
       success: {
-        color: "#476A44",
-        border: "#CAF4C8",
-        background: "#F7FDF7"
+        color: colors.colors.green[1e3],
+        border: colors.colors.green[400],
+        background: colors.colors.green[100]
       }
     },
     stepper: {
@@ -296,22 +296,22 @@ const palette = {
         hover: "#0000001f"
       },
       primary: {
-        text: "#4E3372",
+        text: colors.colors.primary[1e3],
         focused: "#ae72ff4d",
-        hover: "#FBF9FF",
-        focusedIcon: "#ae72ff"
+        hover: colors.colors.primary[50],
+        focusedIcon: colors.colors.primary[600]
       },
       secondary: {
-        text: "#1B0D26",
+        text: colors.colors.secondary[1e3],
         focused: "#3c1c544d",
         hover: colors.colors.secondary[50],
-        focusedIcon: "#ae72ff"
+        focusedIcon: colors.colors.primary[600]
       },
       error: {
-        text: "#1B0D26",
+        text: colors.colors.secondary[1e3],
         focused: "#fa37684d",
         hover: colors.colors.secondary[50],
-        focusedIcon: "#ae72ff"
+        focusedIcon: colors.colors.primary[600]
       }
     }
   },