@availity/mui-card 1.0.12 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-card@1.0.13...@availity/mui-card@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.13`
+* `mui-icon` updated to version `1.0.13`
+* `mui-form-utils` updated to version `1.0.13`
+* `mui-layout` updated to version `1.0.13`
+* `mui-avatar` updated to version `1.0.13`
+* `mui-chip` updated to version `1.0.13`
+
+### ⚠ 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.13](https://github.com/Availity/element/compare/@availity/mui-card@1.0.12...@availity/mui-card@1.0.13) (2025-10-30)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.12`
+* `mui-icon` updated to version `1.0.12`
+* `mui-form-utils` updated to version `1.0.12`
+* `mui-layout` updated to version `1.0.12`
+* `mui-avatar` updated to version `1.0.12`
+* `mui-chip` updated to version `1.0.12`
 ## [1.0.12](https://github.com/Availity/element/compare/@availity/mui-card@1.0.11...@availity/mui-card@1.0.12) (2025-05-29)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -9,22 +9,22 @@ import { CardMediaProps as CardMediaProps$1 } from '@mui/material/CardMedia';
 interface CardProps extends Omit<CardProps$1, 'elevation' | 'raised' | 'square'> {
     children?: React.ReactNode;
 }
-declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
+declare const Card: ({ children, ...rest }: CardProps) => React.JSX.Element;
 
 interface CardActionAreaProps extends Omit<CardActionAreaProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'> {
     children?: React.ReactNode;
 }
-declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => JSX.Element;
+declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => React.JSX.Element;
 
 interface CardActionsProps extends CardActionsProps$1 {
     children?: React.ReactNode;
 }
-declare const CardActions: ({ children, ...rest }: CardActionsProps) => JSX.Element;
+declare const CardActions: ({ children, ...rest }: CardActionsProps) => React.JSX.Element;
 
 interface CardContentProps extends CardContentProps$1 {
     children?: React.ReactNode;
 }
-declare const CardContent: ({ children, ...rest }: CardContentProps) => JSX.Element;
+declare const CardContent: ({ children, ...rest }: CardContentProps) => React.JSX.Element;
 
 type StatusChipProps = {
     /** The color of the component.
@@ -42,11 +42,11 @@ interface CardHeaderProps extends CardHeaderProps$1 {
     /** Section at the top-right of the card for displaying logos. */
     logo?: React.ReactNode;
 }
-declare const CardHeader: ({ titleTypographyProps, subheaderTypographyProps, statusChipProps, action, subheader, title, logo, ...rest }: CardHeaderProps) => JSX.Element;
+declare const CardHeader: ({ titleTypographyProps, subheaderTypographyProps, statusChipProps, action, subheader, title, logo, ...rest }: CardHeaderProps) => React.JSX.Element;
 
 interface CardMediaProps extends CardMediaProps$1 {
     children?: React.ReactNode;
 }
-declare const CardMedia: ({ children, ...rest }: CardMediaProps) => JSX.Element;
+declare const CardMedia: ({ children, ...rest }: CardMediaProps) => React.JSX.Element;
 
 export { Card, CardActionArea, type CardActionAreaProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps };

package/dist/index.d.ts

@@ -9,22 +9,22 @@ import { CardMediaProps as CardMediaProps$1 } from '@mui/material/CardMedia';
 interface CardProps extends Omit<CardProps$1, 'elevation' | 'raised' | 'square'> {
     children?: React.ReactNode;
 }
-declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
+declare const Card: ({ children, ...rest }: CardProps) => React.JSX.Element;
 
 interface CardActionAreaProps extends Omit<CardActionAreaProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'> {
     children?: React.ReactNode;
 }
-declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => JSX.Element;
+declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => React.JSX.Element;
 
 interface CardActionsProps extends CardActionsProps$1 {
     children?: React.ReactNode;
 }
-declare const CardActions: ({ children, ...rest }: CardActionsProps) => JSX.Element;
+declare const CardActions: ({ children, ...rest }: CardActionsProps) => React.JSX.Element;
 
 interface CardContentProps extends CardContentProps$1 {
     children?: React.ReactNode;
 }
-declare const CardContent: ({ children, ...rest }: CardContentProps) => JSX.Element;
+declare const CardContent: ({ children, ...rest }: CardContentProps) => React.JSX.Element;
 
 type StatusChipProps = {
     /** The color of the component.
@@ -42,11 +42,11 @@ interface CardHeaderProps extends CardHeaderProps$1 {
     /** Section at the top-right of the card for displaying logos. */
     logo?: React.ReactNode;
 }
-declare const CardHeader: ({ titleTypographyProps, subheaderTypographyProps, statusChipProps, action, subheader, title, logo, ...rest }: CardHeaderProps) => JSX.Element;
+declare const CardHeader: ({ titleTypographyProps, subheaderTypographyProps, statusChipProps, action, subheader, title, logo, ...rest }: CardHeaderProps) => React.JSX.Element;
 
 interface CardMediaProps extends CardMediaProps$1 {
     children?: React.ReactNode;
 }
-declare const CardMedia: ({ children, ...rest }: CardMediaProps) => JSX.Element;
+declare const CardMedia: ({ children, ...rest }: CardMediaProps) => React.JSX.Element;
 
 export { Card, CardActionArea, type CardActionAreaProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps };

package/dist/index.js

@@ -103,20 +103,16 @@ var CardContent = (_a) => {
 // src/lib/CardHeader.tsx
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
 
-// ../chip/src/lib/Chip.tsx
+// ../chip/src/lib/StatusChip.tsx
 var import_Chip = __toESM(require("@mui/material/Chip"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../chip/src/lib/StatusChip.tsx
-var import_Chip2 = __toESM(require("@mui/material/Chip"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var StatusChip = (_a) => {
   var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Chip2.default, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Chip.default, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
 };
 
 // src/lib/CardHeader.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var CardHeader = (_a) => {
   var _b = _a, {
     titleTypographyProps,
@@ -135,25 +131,25 @@ var CardHeader = (_a) => {
     "title",
     "logo"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_CardHeader.default,
     __spreadProps(__spreadValues({}, rest), {
-      title: logo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      title: logo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         logo,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
         title
       ] }) : title,
       titleTypographyProps: __spreadProps(__spreadValues({}, titleTypographyProps), {
         variant: "h5"
       }),
       subheaderTypographyProps: __spreadProps(__spreadValues({}, subheaderTypographyProps), { variant: "body2" }),
-      subheader: statusChipProps && statusChipProps.position === "bottom" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      subheader: statusChipProps && statusChipProps.position === "bottom" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         subheader,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatusChip, __spreadValues({}, statusChipProps))
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StatusChip, __spreadValues({}, statusChipProps))
       ] }) : subheader,
-      action: statusChipProps && statusChipProps.position === "right" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatusChip, __spreadValues({}, statusChipProps)),
+      action: statusChipProps && statusChipProps.position === "right" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StatusChip, __spreadValues({}, statusChipProps)),
         action
       ] }) : action
     })
@@ -162,10 +158,10 @@ var CardHeader = (_a) => {
 
 // src/lib/CardMedia.tsx
 var import_CardMedia = __toESM(require("@mui/material/CardMedia"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var CardMedia = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_CardMedia.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_CardMedia.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -67,20 +67,16 @@ var CardContent = (_a) => {
 // src/lib/CardHeader.tsx
 import { default as MuiCardHeader } from "@mui/material/CardHeader";
 
-// ../chip/src/lib/Chip.tsx
+// ../chip/src/lib/StatusChip.tsx
 import { default as MuiChip } from "@mui/material/Chip";
 import { jsx as jsx5 } from "react/jsx-runtime";
-
-// ../chip/src/lib/StatusChip.tsx
-import { default as MuiChip2 } from "@mui/material/Chip";
-import { jsx as jsx6 } from "react/jsx-runtime";
 var StatusChip = (_a) => {
   var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
-  return /* @__PURE__ */ jsx6(MuiChip2, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
+  return /* @__PURE__ */ jsx5(MuiChip, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
 };
 
 // src/lib/CardHeader.tsx
-import { Fragment, jsx as jsx7, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
 var CardHeader = (_a) => {
   var _b = _a, {
     titleTypographyProps,
@@ -99,12 +95,12 @@ var CardHeader = (_a) => {
     "title",
     "logo"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     MuiCardHeader,
     __spreadProps(__spreadValues({}, rest), {
       title: logo ? /* @__PURE__ */ jsxs(Fragment, { children: [
         logo,
-        /* @__PURE__ */ jsx7("br", {}),
+        /* @__PURE__ */ jsx6("br", {}),
         title
       ] }) : title,
       titleTypographyProps: __spreadProps(__spreadValues({}, titleTypographyProps), {
@@ -113,11 +109,11 @@ var CardHeader = (_a) => {
       subheaderTypographyProps: __spreadProps(__spreadValues({}, subheaderTypographyProps), { variant: "body2" }),
       subheader: statusChipProps && statusChipProps.position === "bottom" ? /* @__PURE__ */ jsxs(Fragment, { children: [
         subheader,
-        /* @__PURE__ */ jsx7("br", {}),
-        /* @__PURE__ */ jsx7(StatusChip, __spreadValues({}, statusChipProps))
+        /* @__PURE__ */ jsx6("br", {}),
+        /* @__PURE__ */ jsx6(StatusChip, __spreadValues({}, statusChipProps))
       ] }) : subheader,
       action: statusChipProps && statusChipProps.position === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx7(StatusChip, __spreadValues({}, statusChipProps)),
+        /* @__PURE__ */ jsx6(StatusChip, __spreadValues({}, statusChipProps)),
         action
       ] }) : action
     })
@@ -126,10 +122,10 @@ var CardHeader = (_a) => {
 
 // src/lib/CardMedia.tsx
 import { default as MuiCardMedia } from "@mui/material/CardMedia";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var CardMedia = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx8(MuiCardMedia, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx7(MuiCardMedia, __spreadProps(__spreadValues({}, rest), { children }));
 };
 export {
   Card,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-card",
-  "version": "1.0.12",
+  "version": "2.0.0",
   "description": "Availity MUI Card Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,19 +40,20 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^1.1.4",
-    "@availity/mui-icon": "^1.1.0",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-button": "^2.0.0",
+    "@availity/mui-icon": "^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/Card.tsx

@@ -4,6 +4,6 @@ export interface CardProps extends Omit<MuiCardProps, 'elevation' | 'raised' | '
   children?: React.ReactNode;
 }
 
-export const Card = ({ children, ...rest }: CardProps): JSX.Element => {
+export const Card = ({ children, ...rest }: CardProps): React.JSX.Element => {
   return <MuiCard {...rest}>{children}</MuiCard>;
 };

package/src/lib/CardActionArea.tsx

@@ -11,7 +11,7 @@ export interface CardActionAreaProps
   children?: React.ReactNode;
 }
 
-export const CardActionArea = ({ children, ...rest }: CardActionAreaProps): JSX.Element => {
+export const CardActionArea = ({ children, ...rest }: CardActionAreaProps): React.JSX.Element => {
   return (
     <MuiCardActionArea {...rest} disableRipple>
       {children}

package/src/lib/CardActions.tsx

@@ -4,6 +4,6 @@ export interface CardActionsProps extends MuiCardActionsProps {
   children?: React.ReactNode;
 }
 
-export const CardActions = ({ children, ...rest }: CardActionsProps): JSX.Element => {
+export const CardActions = ({ children, ...rest }: CardActionsProps): React.JSX.Element => {
   return <MuiCardActions {...rest}>{children}</MuiCardActions>;
 };

package/src/lib/CardContent.tsx

@@ -4,6 +4,6 @@ export interface CardContentProps extends MuiCardContentProps {
   children?: React.ReactNode;
 }
 
-export const CardContent = ({ children, ...rest }: CardContentProps): JSX.Element => {
+export const CardContent = ({ children, ...rest }: CardContentProps): React.JSX.Element => {
   return <MuiCardContent {...rest}>{children}</MuiCardContent>;
 };

package/src/lib/CardHeader.tsx

@@ -22,7 +22,7 @@ export const CardHeader = ({
   title,
   logo,
   ...rest
-}: CardHeaderProps): JSX.Element => {
+}: CardHeaderProps): React.JSX.Element => {
   return (
     <MuiCardHeader
       {...rest}

package/src/lib/CardMedia.tsx

@@ -4,6 +4,6 @@ export interface CardMediaProps extends MuiCardMediaProps {
   children?: React.ReactNode;
 }
 
-export const CardMedia = ({ children, ...rest }: CardMediaProps): JSX.Element => {
+export const CardMedia = ({ children, ...rest }: CardMediaProps): React.JSX.Element => {
   return <MuiCardMedia {...rest}>{children}</MuiCardMedia>;
 };