@availity/mui-stepper 1.0.7 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-stepper",
-  "version": "1.0.7",
+  "version": "2.0.0",
   "description": "Availity MUI Stepper Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,25 +40,26 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-icon": "^1.1.0",
-    "@availity/mui-typography": "^1.0.2"
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0"
   },
   "devDependencies": {
-    "@availity/mui-button": "^1.1.4",
-    "@availity/mui-layout": "^1.0.2",
-    "@availity/mui-paper": "^1.0.2",
-    "@availity/mui-typography": "^1.0.2",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-button": "^2.0.0",
+    "@availity/mui-layout": "^2.0.0",
+    "@availity/mui-paper": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0",
+    "@mui/material": "^7.3.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "sideEffects": false
 }

package/src/lib/Step.tsx

@@ -2,6 +2,6 @@ import MuiStep, { StepProps as MuiStepProps } from '@mui/material/Step';
 
 export type StepProps = MuiStepProps;
 
-export const Step = ({ children, ...rest }: StepProps): JSX.Element => {
+export const Step = ({ children, ...rest }: StepProps): React.JSX.Element => {
   return <MuiStep {...rest}>{children}</MuiStep>;
 };

package/src/lib/StepButton.tsx

@@ -5,7 +5,7 @@ export type StepButtonProps = Omit<
   'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'
 >;
 
-export const StepButton = ({ children, ...rest }: StepButtonProps): JSX.Element => {
+export const StepButton = ({ children, ...rest }: StepButtonProps): React.JSX.Element => {
   return (
     <MuiStepButton {...rest} disableRipple disableTouchRipple>
       {children}

package/src/lib/StepConnector.tsx

@@ -2,6 +2,6 @@ import MuiStepConnector, { StepConnectorProps as MuiStepConnectorProps } from '@
 
 export type StepConnectorProps = MuiStepConnectorProps;
 
-export const StepConnector = (props: StepConnectorProps): JSX.Element => {
+export const StepConnector = (props: StepConnectorProps): React.JSX.Element => {
   return <MuiStepConnector {...props} />;
 };

package/src/lib/StepContent.tsx

@@ -2,6 +2,6 @@ import MuiStepContent, { StepContentProps as MuiStepContentProps } from '@mui/ma
 
 export type StepContentProps = MuiStepContentProps;
 
-export const StepContent = ({ children, ...rest }: StepContentProps): JSX.Element => {
+export const StepContent = ({ children, ...rest }: StepContentProps): React.JSX.Element => {
   return <MuiStepContent {...rest}>{children}</MuiStepContent>;
 };

package/src/lib/StepIcon.tsx

@@ -2,7 +2,7 @@ import MuiStepIcon, { StepIconProps as MuiStepIconProps } from '@mui/material/St
 import { SuccessCircleIcon, WarningCircleIcon } from '@availity/mui-icon';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 
-type Tag = ((props: SvgIconProps) => JSX.Element) | null;
+type Tag = ((props: SvgIconProps) => React.JSX.Element) | null;
 
 declare module '@mui/material/StepIcon' {
   interface StepIconProps {
@@ -16,7 +16,7 @@ export type StepIconProps = {
   warning?: boolean
 } & MuiStepIconProps;
 
-export const StepIcon = ({ error, completed, warning, ...rest }: StepIconProps): JSX.Element => {
+export const StepIcon = ({ error, completed, warning, ...rest }: StepIconProps): React.JSX.Element => {
   let tag: Tag = null;
   if (error) tag = WarningCircleIcon;
   if (warning) tag = (props: SvgIconProps) => <WarningCircleIcon color="warning" {...props} />;

package/src/lib/StepLabel.tsx

@@ -5,7 +5,7 @@ import { Typography } from '@availity/mui-typography';
 
 export type StepLabelProps = Pick<StepIconProps, 'warning'> & MuiStepLabelProps;
 
-const StepLabel = ({ children, error, optional, warning, ...rest }: StepLabelProps): JSX.Element => {
+const StepLabel = ({ children, error, optional, warning, ...rest }: StepLabelProps): React.JSX.Element => {
   if (typeof optional === 'string') {
     optional = <Typography variant="caption" children={optional} />;
   }

package/src/lib/Stepper.tsx

@@ -19,7 +19,7 @@ const HiddenConnectorStepper = styled(MuiStepper, {
   }
 });
 
-export const Stepper = ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps): JSX.Element => {
+export const Stepper = ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps): React.JSX.Element => {
   const alternativeLabel = orientation !== 'vertical';
   const Stepper = connector === null ? HiddenConnectorStepper : MuiStepper;