@availity/mui-tabs 1.2.3 → 2.0.1

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-tabs@2.0.0...@availity/mui-tabs@2.0.1) (2025-12-03)
+
+### Dependency Updates
+
+* `mui-divider` 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-tabs@1.2.3...@availity/mui-tabs@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-divider` updated to version `1.2.3`
+* `mui-icon` updated to version `1.2.3`
+
+### ⚠ 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.2.3](https://github.com/Availity/element/compare/@availity/mui-tabs@1.2.2...@availity/mui-tabs@1.2.3) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -5,25 +5,25 @@ import { TabsProps as TabsProps$1 } from '@mui/material/Tabs';
 import { TabPanelProps as TabPanelProps$1 } from '@mui/lab/TabPanel';
 
 type TabProps = Omit<TabProps$1, 'centerRipple' | 'disableFocusRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'touchRippleRef' | 'TouchRippleProps'>;
-declare const Tab: (props: TabProps) => JSX.Element;
+declare const Tab: (props: TabProps) => React.JSX.Element;
 
 interface TabContextProps extends TabContextProps$1 {
     children?: React.ReactNode;
 }
-declare const TabContext: ({ children, ...rest }: TabContextProps) => JSX.Element;
+declare const TabContext: ({ children, ...rest }: TabContextProps) => React.JSX.Element;
 
 interface TabsProps extends Omit<TabsProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
     /** The hierarchy level of the tabs, i.e. `primary` for top level tabs, `secondary` for inner tabs. */
     level?: "primary" | "secondary";
 }
-declare const Tabs: ({ level, ...rest }: TabsProps) => JSX.Element;
+declare const Tabs: ({ level, ...rest }: TabsProps) => React.JSX.Element;
 
 type TabListProps = Omit<TabListProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> & Pick<TabsProps, 'level'>;
-declare const TabList: ({ level, ...rest }: TabListProps) => JSX.Element;
+declare const TabList: ({ level, ...rest }: TabListProps) => React.JSX.Element;
 
 interface TabPanelProps extends TabPanelProps$1 {
     children?: React.ReactNode;
 }
-declare const TabPanel: ({ children, ...rest }: TabPanelProps) => JSX.Element;
+declare const TabPanel: ({ children, ...rest }: TabPanelProps) => React.JSX.Element;
 
 export { Tab, TabContext, type TabContextProps, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/index.d.ts

@@ -5,25 +5,25 @@ import { TabsProps as TabsProps$1 } from '@mui/material/Tabs';
 import { TabPanelProps as TabPanelProps$1 } from '@mui/lab/TabPanel';
 
 type TabProps = Omit<TabProps$1, 'centerRipple' | 'disableFocusRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'touchRippleRef' | 'TouchRippleProps'>;
-declare const Tab: (props: TabProps) => JSX.Element;
+declare const Tab: (props: TabProps) => React.JSX.Element;
 
 interface TabContextProps extends TabContextProps$1 {
     children?: React.ReactNode;
 }
-declare const TabContext: ({ children, ...rest }: TabContextProps) => JSX.Element;
+declare const TabContext: ({ children, ...rest }: TabContextProps) => React.JSX.Element;
 
 interface TabsProps extends Omit<TabsProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
     /** The hierarchy level of the tabs, i.e. `primary` for top level tabs, `secondary` for inner tabs. */
     level?: "primary" | "secondary";
 }
-declare const Tabs: ({ level, ...rest }: TabsProps) => JSX.Element;
+declare const Tabs: ({ level, ...rest }: TabsProps) => React.JSX.Element;
 
 type TabListProps = Omit<TabListProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> & Pick<TabsProps, 'level'>;
-declare const TabList: ({ level, ...rest }: TabListProps) => JSX.Element;
+declare const TabList: ({ level, ...rest }: TabListProps) => React.JSX.Element;
 
 interface TabPanelProps extends TabPanelProps$1 {
     children?: React.ReactNode;
 }
-declare const TabPanel: ({ children, ...rest }: TabPanelProps) => JSX.Element;
+declare const TabPanel: ({ children, ...rest }: TabPanelProps) => React.JSX.Element;
 
 export { Tab, TabContext, type TabContextProps, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

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-tabs",
-  "version": "1.2.3",
+  "version": "2.0.1",
   "description": "Availity MUI Tabs Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,20 +40,20 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@mui/lab": "6.0.0-beta.12"
+    "@mui/lab": "7.0.1-beta.18"
   },
   "devDependencies": {
-    "@availity/mui-divider": "^1.0.3",
-    "@availity/mui-icon": "^1.1.1",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-divider": "^2.0.1",
+    "@availity/mui-icon": "^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/Tab.stories.tsx

@@ -1,7 +1,7 @@
 // Each exported component in the package should have its own stories file
 
 import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { Tabs } from './Tabs';

package/src/lib/Tab.tsx

@@ -11,6 +11,6 @@ export type TabProps = Omit<
   | 'TouchRippleProps'
 >;
 
-export const Tab = (props: TabProps): JSX.Element => {
+export const Tab = (props: TabProps): React.JSX.Element => {
   return <MuiTab {...props} disableRipple disableFocusRipple disableTouchRipple />;
 };

package/src/lib/TabContext.stories.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { TabContext, TabContextProps } from './TabContext';
 import { Divider } from '@availity/mui-divider';
 import { TabList } from './TabList';

package/src/lib/TabContext.tsx

@@ -4,6 +4,6 @@ export interface TabContextProps extends MuiTabContextProps {
   children?: React.ReactNode;
 }
 
-export const TabContext = ({ children, ...rest }: TabContextProps): JSX.Element => {
+export const TabContext = ({ children, ...rest }: TabContextProps): React.JSX.Element => {
   return <MuiTabContext {...rest}>{children}</MuiTabContext>;
 };

package/src/lib/TabList.stories.tsx

@@ -1,7 +1,7 @@
 // Each exported component in the package should have its own stories file
 
 import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { LinkIcon, UserIcon } from '@availity/mui-icon';
 import { TabList, TabListProps } from './TabList';
 import { Tab } from './Tab';

package/src/lib/TabList.tsx

@@ -19,7 +19,7 @@ const SecondaryTabs = styled(MuiTabList, {
   overridesResolver: (props, styles) => styles.avSecondary,
 })<{ ownerState: MuiTabListProps }>(secondaryTabStyling);
 
-export const TabList = ({ level = 'primary', ...rest }: TabListProps): JSX.Element => {
+export const TabList = ({ level = 'primary', ...rest }: TabListProps): React.JSX.Element => {
   const LevelledTabs = level === 'primary' ? PrimaryTabs : SecondaryTabs;
   return (
     <LevelledTabs {...rest} orientation="horizontal" centered={false}/>

package/src/lib/TabPanel.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { TabContext } from './TabContext';
 import { Divider } from '@availity/mui-divider';
 import { TabList } from './TabList';

package/src/lib/TabPanel.tsx

@@ -4,6 +4,6 @@ export interface TabPanelProps extends MuiTabPanelProps {
   children?: React.ReactNode;
 }
 
-export const TabPanel = ({ children, ...rest }: TabPanelProps): JSX.Element => {
+export const TabPanel = ({ children, ...rest }: TabPanelProps): React.JSX.Element => {
   return <MuiTabPanel {...rest}>{children}</MuiTabPanel>;
 };

package/src/lib/Tabs.stories.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { LinkIcon, UserIcon } from '@availity/mui-icon';

package/src/lib/Tabs.tsx

@@ -49,7 +49,7 @@ const SecondaryTabs = styled(MuiTabs, {
   overridesResolver: (props, styles) => styles.avSecondary,
 })<{ ownerState: MuiTabsProps }>(secondaryTabStyling);
 
-export const Tabs = ({level = "primary", ...rest}: TabsProps): JSX.Element => {
+export const Tabs = ({level = "primary", ...rest}: TabsProps): React.JSX.Element => {
   const LevelledTabs = level === 'primary' ? PrimaryTabs : SecondaryTabs;
 
   return (