@availity/mui-stepper 1.0.8 → 2.0.1

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-stepper@2.0.0...@availity/mui-stepper@2.0.1) (2025-12-03)
+
+### Dependency Updates
+
+* `mui-button` updated to version `2.0.0`
+* `mui-layout` updated to version `2.0.0`
+* `mui-paper` updated to version `2.0.0`
+* `mui-typography` updated to version `2.0.0`
+* `mui-icon` updated to version `2.0.0`
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.8...@availity/mui-stepper@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.8`
+* `mui-layout` updated to version `1.0.8`
+* `mui-paper` updated to version `1.0.8`
+* `mui-typography` updated to version `1.0.8`
+* `mui-icon` updated to version `1.0.8`
+
+### ⚠ BREAKING CHANGES
+
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
 ## [1.0.8](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.7...@availity/mui-stepper@1.0.8) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -8,18 +8,18 @@ import { StepLabelProps as StepLabelProps$1 } from '@mui/material/StepLabel';
 import { StepperProps as StepperProps$1 } from '@mui/material/Stepper';
 
 type StepProps = StepProps$1;
-declare const Step: ({ children, ...rest }: StepProps) => JSX.Element;
+declare const Step: ({ children, ...rest }: StepProps) => React.JSX.Element;
 
 type StepButtonProps = Omit<StepButtonProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'>;
-declare const StepButton: ({ children, ...rest }: StepButtonProps) => JSX.Element;
+declare const StepButton: ({ children, ...rest }: StepButtonProps) => React.JSX.Element;
 
 type StepConnectorProps = StepConnectorProps$1;
-declare const StepConnector: (props: StepConnectorProps) => JSX.Element;
+declare const StepConnector: (props: StepConnectorProps) => React.JSX.Element;
 
 type StepContentProps = StepContentProps$1;
-declare const StepContent: ({ children, ...rest }: StepContentProps) => JSX.Element;
+declare const StepContent: ({ children, ...rest }: StepContentProps) => React.JSX.Element;
 
-type Tag = ((props: SvgIconProps) => JSX.Element) | null;
+type Tag = ((props: SvgIconProps) => React.JSX.Element) | null;
 declare module '@mui/material/StepIcon' {
     interface StepIconProps {
         as?: Tag;
@@ -30,17 +30,17 @@ type StepIconProps = {
     /** If `true`, the step will have a warning icon. */
     warning?: boolean;
 } & StepIconProps$1;
-declare const StepIcon: ({ error, completed, warning, ...rest }: StepIconProps) => JSX.Element;
+declare const StepIcon: ({ error, completed, warning, ...rest }: StepIconProps) => React.JSX.Element;
 
 type StepLabelProps = Pick<StepIconProps, 'warning'> & StepLabelProps$1;
 declare const StepLabel: {
-    ({ children, error, optional, warning, ...rest }: StepLabelProps): JSX.Element;
+    ({ children, error, optional, warning, ...rest }: StepLabelProps): React.JSX.Element;
     muiName: string;
 };
 
 type StepperProps = {
     scrollButtons?: boolean;
 } & Omit<StepperProps$1, 'alternativeLabel' | 'elevation'>;
-declare const Stepper: ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps) => JSX.Element;
+declare const Stepper: ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps) => React.JSX.Element;
 
 export { Step, StepButton, type StepButtonProps, StepConnector, type StepConnectorProps, StepContent, type StepContentProps, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps };

package/dist/index.d.ts

@@ -8,18 +8,18 @@ import { StepLabelProps as StepLabelProps$1 } from '@mui/material/StepLabel';
 import { StepperProps as StepperProps$1 } from '@mui/material/Stepper';
 
 type StepProps = StepProps$1;
-declare const Step: ({ children, ...rest }: StepProps) => JSX.Element;
+declare const Step: ({ children, ...rest }: StepProps) => React.JSX.Element;
 
 type StepButtonProps = Omit<StepButtonProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'>;
-declare const StepButton: ({ children, ...rest }: StepButtonProps) => JSX.Element;
+declare const StepButton: ({ children, ...rest }: StepButtonProps) => React.JSX.Element;
 
 type StepConnectorProps = StepConnectorProps$1;
-declare const StepConnector: (props: StepConnectorProps) => JSX.Element;
+declare const StepConnector: (props: StepConnectorProps) => React.JSX.Element;
 
 type StepContentProps = StepContentProps$1;
-declare const StepContent: ({ children, ...rest }: StepContentProps) => JSX.Element;
+declare const StepContent: ({ children, ...rest }: StepContentProps) => React.JSX.Element;
 
-type Tag = ((props: SvgIconProps) => JSX.Element) | null;
+type Tag = ((props: SvgIconProps) => React.JSX.Element) | null;
 declare module '@mui/material/StepIcon' {
     interface StepIconProps {
         as?: Tag;
@@ -30,17 +30,17 @@ type StepIconProps = {
     /** If `true`, the step will have a warning icon. */
     warning?: boolean;
 } & StepIconProps$1;
-declare const StepIcon: ({ error, completed, warning, ...rest }: StepIconProps) => JSX.Element;
+declare const StepIcon: ({ error, completed, warning, ...rest }: StepIconProps) => React.JSX.Element;
 
 type StepLabelProps = Pick<StepIconProps, 'warning'> & StepLabelProps$1;
 declare const StepLabel: {
-    ({ children, error, optional, warning, ...rest }: StepLabelProps): JSX.Element;
+    ({ children, error, optional, warning, ...rest }: StepLabelProps): React.JSX.Element;
     muiName: string;
 };
 
 type StepperProps = {
     scrollButtons?: boolean;
 } & Omit<StepperProps$1, 'alternativeLabel' | 'elevation'>;
-declare const Stepper: ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps) => JSX.Element;
+declare const Stepper: ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps) => React.JSX.Element;
 
 export { Step, StepButton, type StepButtonProps, StepConnector, type StepConnectorProps, StepContent, type StepContentProps, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps };

package/dist/index.js

@@ -159,10 +159,10 @@ var IconButton = (0, import_react.forwardRef)((props, ref) => {
 var import_mui_icon2 = require("@availity/mui-icon");
 
 // ../layout/src/lib/Grid.tsx
-var import_Grid2 = __toESM(require("@mui/material/Grid2"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Grid = (args) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Grid2.default, __spreadValues({}, args));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Grid.default, __spreadValues({}, args));
 };
 
 // src/lib/Stepper.tsx

package/dist/index.mjs

@@ -120,10 +120,10 @@ var IconButton = forwardRef((props, ref) => {
 import { NavigatePreviousIcon, NavigateNextIcon } from "@availity/mui-icon";
 
 // ../layout/src/lib/Grid.tsx
-import MuiGrid2 from "@mui/material/Grid2";
+import MuiGrid from "@mui/material/Grid";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var Grid = (args) => {
-  return /* @__PURE__ */ jsx8(MuiGrid2, __spreadValues({}, args));
+  return /* @__PURE__ */ jsx8(MuiGrid, __spreadValues({}, args));
 };
 
 // src/lib/Stepper.tsx

package/introduction.mdx

@@ -1,5 +1,4 @@
-import { Markdown } from '@storybook/blocks';
-import { Meta } from '@storybook/addon-docs';
+import { Markdown, Meta } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 import CHANGELOG from './CHANGELOG.md?raw';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-stepper",
-  "version": "1.0.8",
+  "version": "2.0.1",
   "description": "Availity MUI Stepper Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,23 +40,23 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-typography": "^1.0.3"
+    "@availity/mui-icon": "^2.0.1",
+    "@availity/mui-typography": "^2.0.1"
   },
   "devDependencies": {
-    "@availity/mui-button": "^1.1.5",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-paper": "^1.0.3",
-    "@availity/mui-typography": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-button": "^2.0.1",
+    "@availity/mui-layout": "^2.0.1",
+    "@availity/mui-paper": "^2.0.1",
+    "@availity/mui-typography": "^2.0.1",
+    "@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"

package/src/lib/Step.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 import { useState, useEffect } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '@availity/mui-button';
 import { Typography } from '@availity/mui-typography';
 import { Box } from '@availity/mui-layout';

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.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 import { useState, useEffect } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '@availity/mui-button';
 import { Typography } from '@availity/mui-typography';
 import { Box } from '@availity/mui-layout';

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.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 import { useState, useEffect } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '@availity/mui-button';
 import { Typography } from '@availity/mui-typography';
 import { Box } from '@availity/mui-layout';

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.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 import { useState, useEffect } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '@availity/mui-button';
 import { Typography } from '@availity/mui-typography';
 import { Box } from '@availity/mui-layout';

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;