@availity/mui-spaces 0.7.6 → 1.0.0-alpha.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.0-alpha.0](https://github.com/Availity/element/compare/@availity/mui-spaces@0.7.6...@availity/mui-spaces@1.0.0-alpha.0) (2025-02-24)
+
+
+### ⚠ BREAKING CHANGES
+
+* upgraded to @mui/material v6
+* **element:** upgraded to @mui/material v6
+
+### Features
+
+* **element:** upgrade to @mui/material v6 ([cb958bb](https://github.com/Availity/element/commit/cb958bba99a4f1ee6dab323f0ff54b69e6fd3493))
+* upgrade @mui/material ([571453a](https://github.com/Availity/element/commit/571453a34b21c344594ab4c03bc497d19aba942b))
+* upgrade to MUI v6 ([7febd6f](https://github.com/Availity/element/commit/7febd6fd4fd58e87e1c97a832cea3b4595a35d58))
+
 ## [0.7.6](https://github.com/Availity/element/compare/@availity/mui-spaces@0.7.5...@availity/mui-spaces@0.7.6) (2025-02-24)
 
 ## [0.7.5](https://github.com/Availity/element/compare/@availity/mui-spaces@0.7.4...@availity/mui-spaces@0.7.5) (2025-02-20)

package/dist/index.js

@@ -77,8 +77,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   INITIAL_STATE: () => INITIAL_STATE,
   Spaces: () => Spaces,
   SpacesAgreement: () => SpacesAgreement,
@@ -90,7 +90,7 @@ __export(src_exports, {
   useSpaces: () => useSpaces,
   useSpacesContext: () => useSpacesContext
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/lib/Spaces.tsx
 var import_react3 = require("react");
@@ -285,8 +285,7 @@ var updateUrl = (url, key, value) => {
   return `${uri}?${newParams}`;
 };
 var getUrl = (url = "", loadApp, absolute) => {
-  if (absolute || !loadApp)
-    return url;
+  if (absolute || !loadApp) return url;
   return `/public/apps/home/#!/loadApp?appUrl=${encodeURIComponent(url)}`;
 };
 var getTarget = (target) => {
@@ -332,8 +331,7 @@ var getLocalStorageTopApps = (akaname) => {
   return topAppsValues;
 };
 var updateTopApps = (space, akaname) => __async(void 0, null, function* () {
-  if (!space.configurationId || !space.type)
-    return;
+  if (!space.configurationId || !space.type) return;
   if (canTrackSpace(space.configurationId, space.type)) {
     const today = (0, import_dayjs.default)();
     const topApps = (yield getLocalStorageTopApps(akaname)) || {};
@@ -423,8 +421,7 @@ var SpacesImage = (_a) => {
   if (!url && !loading && fallback) {
     url = fallback;
   }
-  if (!url || !id)
-    return null;
+  if (!url || !id) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_image.Img,
     __spreadValues({
@@ -458,8 +455,7 @@ var MODAL_INITIAL_STATE = {
 var ModalContext = (0, import_react2.createContext)(null);
 var useModal = () => {
   const ctx = (0, import_react2.useContext)(ModalContext);
-  if (!ctx)
-    throw new Error("ModalContext be used inside a Provider");
+  if (!ctx) throw new Error("ModalContext be used inside a Provider");
   return ctx;
 };
 var MODAL_TYPES = {
@@ -514,16 +510,12 @@ var modalActions = {
 };
 var modalReducer = (state, _a) => {
   var _b = _a, { type } = _b, action = __objRest(_b, ["type"]);
-  if (type === "RESET")
-    return modalActions.RESET();
+  if (type === "RESET") return modalActions.RESET();
   if (isModalOptions(action)) {
-    if (type === "OPEN_MULTI_PAYER_MODAL")
-      return modalActions.OPEN_MULTI_PAYER_MODAL(state, action);
-    else if (type === "OPEN_DISCLAIMER_MODAL")
-      return modalActions.OPEN_DISCLAIMER_MODAL(state, action);
+    if (type === "OPEN_MULTI_PAYER_MODAL") return modalActions.OPEN_MULTI_PAYER_MODAL(state, action);
+    else if (type === "OPEN_DISCLAIMER_MODAL") return modalActions.OPEN_DISCLAIMER_MODAL(state, action);
   } else if (isModalState(action)) {
-    if (type === "UPDATE_MODAL_STATE")
-      return modalActions.UPDATE_MODAL_STATE(state, action);
+    if (type === "UPDATE_MODAL_STATE") return modalActions.UPDATE_MODAL_STATE(state, action);
   }
   return state;
 };
@@ -793,8 +785,7 @@ var openLink = (space, params) => __async(void 0, null, function* () {
   if (!((_a = space == null ? void 0 : space.link) == null ? void 0 : _a.url)) {
     return;
   }
-  if (params == null ? void 0 : params.akaname)
-    yield updateTopApps(space, params.akaname);
+  if (params == null ? void 0 : params.akaname) yield updateTopApps(space, params.akaname);
   const url = !(0, import_resolve_url2.isAbsoluteUrl)(space.link.url) ? getUrl(updateUrl(space.link.url, "spaceId", (params == null ? void 0 : params.payerSpaceId) || ((_c = (_b = space.parents) == null ? void 0 : _b[0]) == null ? void 0 : _c.id)), false, false) : space.link.url;
   const target = getTarget(space.link.target);
   window.open(url, target);
@@ -811,8 +802,7 @@ var openLinkWithSso = (_0, _1) => __async(void 0, [_0, _1], function* (space, {
       attributes.X_Client_ID = clientId;
     }
     try {
-      if (akaname)
-        yield updateTopApps(space, akaname);
+      if (akaname) yield updateTopApps(space, akaname);
       yield (0, import_native_form.default)(space.meta.ssoId, attributes, options, space.type);
     } catch (e) {
       console.warn("Something went wrong");
@@ -900,20 +890,17 @@ var useLink = (spaceOrSpaceId, options) => {
   } else if ((_c = space == null ? void 0 : space.meta) == null ? void 0 : _c.disclaimerId) {
     mediaProps.onClick = legacySso;
     mediaProps.onKeyDown = (event) => {
-      if (event.key === "Enter")
-        return legacySso();
+      if (event.key === "Enter") return legacySso();
     };
   } else if (parentPayerSpaces && parentPayerSpaces.length > 1 && !((_d = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _d.spaceId)) {
     mediaProps.onClick = openMultiPayerModal;
     mediaProps.onKeyDown = (event) => {
-      if (event.key === "Enter")
-        return openMultiPayerModal();
+      if (event.key === "Enter") return openMultiPayerModal();
     };
   } else {
     mediaProps.onClick = () => {
       var _a2;
-      if (space)
-        return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
+      if (space) return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
     };
     mediaProps.onKeyDown = (event) => {
       var _a2;
@@ -932,23 +919,19 @@ var SpacesLinkFavoriteHeart = (0, import_styles.styled)(import_mui_layout2.Grid,
 var IconLink = (0, import_styles.styled)(import_Link.default, { name: "AvSpacesLink", slot: "IconLink" })({});
 var getDisplayDate = (date) => (0, import_dayjs2.default)(date).format("MM/DD/YYYY");
 var getContainerTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: import_mui_card.Card, list: import_mui_list.ListItem }[variant];
+  if (variant && variant !== "default") return { card: import_mui_card.Card, list: import_mui_list.ListItem }[variant];
   return propTag || "div";
 };
 var getBodyTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: import_mui_card.CardContent, list: "div" }[variant];
+  if (variant && variant !== "default") return { card: import_mui_card.CardContent, list: "div" }[variant];
   return propTag || "div";
 };
 var getTitleTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return import_Link.default;
+  if (variant && variant !== "default") return import_Link.default;
   return propTag || import_Link.default;
 };
 var getTextTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: import_mui_typography2.Typography, list: import_mui_list.ListItemText }[variant];
+  if (variant && variant !== "default") return { card: import_mui_typography2.Typography, list: import_mui_list.ListItemText }[variant];
   return propTag || "div";
 };
 var SpacesLink = (_a) => {
@@ -1046,8 +1029,10 @@ var SpacesLink = (_a) => {
     () => customBadgeText && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_mui_layout2.Box,
       {
-        textAlign: stacked ? "center" : "inherit",
-        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0,
+        sx: {
+          textAlign: stacked ? "center" : "inherit",
+          marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_mui_chip.StatusChip,
           {
@@ -1099,10 +1084,12 @@ var SpacesLink = (_a) => {
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         import_mui_layout2.Grid,
         {
-          alignItems: !showDescription || stacked ? "center" : "start",
+          sx: {
+            alignItems: !showDescription || stacked ? "center" : "start",
+            flexWrap: "nowrap"
+          },
           direction: stacked ? "column" : "row",
           container: true,
-          flexWrap: "nowrap",
           children: [
             !stacked && favoriteIcon,
             FileIcon && (linkSpace == null ? void 0 : linkSpace.url) && ((_b2 = linkSpace == null ? void 0 : linkSpace.type) == null ? void 0 : _b2.toUpperCase()) === "FILE" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1115,13 +1102,15 @@ var SpacesLink = (_a) => {
                 children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FileIcon, { "data-testid": "icon" })
               }
             ) : null,
-            children ? renderChildren() : body && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_mui_layout2.Grid, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
+            children ? renderChildren() : body && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_mui_layout2.Grid, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, sx: { flexGrow: 1 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 import_mui_layout2.Box,
                 {
-                  marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
-                  paddingTop: stacked ? 3 : void 0,
-                  textAlign: stacked ? "center" : void 0,
+                  sx: {
+                    marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+                    paddingTop: stacked ? 3 : void 0,
+                    textAlign: stacked ? "center" : void 0
+                  },
                   children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     TitleTag,
                     __spreadProps(__spreadValues(__spreadValues({

package/dist/index.mjs

@@ -243,8 +243,7 @@ var updateUrl = (url, key, value) => {
   return `${uri}?${newParams}`;
 };
 var getUrl = (url = "", loadApp, absolute) => {
-  if (absolute || !loadApp)
-    return url;
+  if (absolute || !loadApp) return url;
   return `/public/apps/home/#!/loadApp?appUrl=${encodeURIComponent(url)}`;
 };
 var getTarget = (target) => {
@@ -290,8 +289,7 @@ var getLocalStorageTopApps = (akaname) => {
   return topAppsValues;
 };
 var updateTopApps = (space, akaname) => __async(void 0, null, function* () {
-  if (!space.configurationId || !space.type)
-    return;
+  if (!space.configurationId || !space.type) return;
   if (canTrackSpace(space.configurationId, space.type)) {
     const today = dayjs();
     const topApps = (yield getLocalStorageTopApps(akaname)) || {};
@@ -381,8 +379,7 @@ var SpacesImage = (_a) => {
   if (!url && !loading && fallback) {
     url = fallback;
   }
-  if (!url || !id)
-    return null;
+  if (!url || !id) return null;
   return /* @__PURE__ */ jsx2(
     Img,
     __spreadValues({
@@ -416,8 +413,7 @@ var MODAL_INITIAL_STATE = {
 var ModalContext = createContext(null);
 var useModal = () => {
   const ctx = useContext(ModalContext);
-  if (!ctx)
-    throw new Error("ModalContext be used inside a Provider");
+  if (!ctx) throw new Error("ModalContext be used inside a Provider");
   return ctx;
 };
 var MODAL_TYPES = {
@@ -472,16 +468,12 @@ var modalActions = {
 };
 var modalReducer = (state, _a) => {
   var _b = _a, { type } = _b, action = __objRest(_b, ["type"]);
-  if (type === "RESET")
-    return modalActions.RESET();
+  if (type === "RESET") return modalActions.RESET();
   if (isModalOptions(action)) {
-    if (type === "OPEN_MULTI_PAYER_MODAL")
-      return modalActions.OPEN_MULTI_PAYER_MODAL(state, action);
-    else if (type === "OPEN_DISCLAIMER_MODAL")
-      return modalActions.OPEN_DISCLAIMER_MODAL(state, action);
+    if (type === "OPEN_MULTI_PAYER_MODAL") return modalActions.OPEN_MULTI_PAYER_MODAL(state, action);
+    else if (type === "OPEN_DISCLAIMER_MODAL") return modalActions.OPEN_DISCLAIMER_MODAL(state, action);
   } else if (isModalState(action)) {
-    if (type === "UPDATE_MODAL_STATE")
-      return modalActions.UPDATE_MODAL_STATE(state, action);
+    if (type === "UPDATE_MODAL_STATE") return modalActions.UPDATE_MODAL_STATE(state, action);
   }
   return state;
 };
@@ -751,8 +743,7 @@ var openLink = (space, params) => __async(void 0, null, function* () {
   if (!((_a = space == null ? void 0 : space.link) == null ? void 0 : _a.url)) {
     return;
   }
-  if (params == null ? void 0 : params.akaname)
-    yield updateTopApps(space, params.akaname);
+  if (params == null ? void 0 : params.akaname) yield updateTopApps(space, params.akaname);
   const url = !isAbsoluteUrl2(space.link.url) ? getUrl(updateUrl(space.link.url, "spaceId", (params == null ? void 0 : params.payerSpaceId) || ((_c = (_b = space.parents) == null ? void 0 : _b[0]) == null ? void 0 : _c.id)), false, false) : space.link.url;
   const target = getTarget(space.link.target);
   window.open(url, target);
@@ -769,8 +760,7 @@ var openLinkWithSso = (_0, _1) => __async(void 0, [_0, _1], function* (space, {
       attributes.X_Client_ID = clientId;
     }
     try {
-      if (akaname)
-        yield updateTopApps(space, akaname);
+      if (akaname) yield updateTopApps(space, akaname);
       yield nativeForm(space.meta.ssoId, attributes, options, space.type);
     } catch (e) {
       console.warn("Something went wrong");
@@ -858,20 +848,17 @@ var useLink = (spaceOrSpaceId, options) => {
   } else if ((_c = space == null ? void 0 : space.meta) == null ? void 0 : _c.disclaimerId) {
     mediaProps.onClick = legacySso;
     mediaProps.onKeyDown = (event) => {
-      if (event.key === "Enter")
-        return legacySso();
+      if (event.key === "Enter") return legacySso();
     };
   } else if (parentPayerSpaces && parentPayerSpaces.length > 1 && !((_d = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _d.spaceId)) {
     mediaProps.onClick = openMultiPayerModal;
     mediaProps.onKeyDown = (event) => {
-      if (event.key === "Enter")
-        return openMultiPayerModal();
+      if (event.key === "Enter") return openMultiPayerModal();
     };
   } else {
     mediaProps.onClick = () => {
       var _a2;
-      if (space)
-        return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
+      if (space) return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
     };
     mediaProps.onKeyDown = (event) => {
       var _a2;
@@ -890,23 +877,19 @@ var SpacesLinkFavoriteHeart = styled(Grid2, { name: "AvSpacesLink", slot: "AvFav
 var IconLink = styled(Link, { name: "AvSpacesLink", slot: "IconLink" })({});
 var getDisplayDate = (date) => dayjs2(date).format("MM/DD/YYYY");
 var getContainerTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: Card, list: ListItem }[variant];
+  if (variant && variant !== "default") return { card: Card, list: ListItem }[variant];
   return propTag || "div";
 };
 var getBodyTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: CardContent, list: "div" }[variant];
+  if (variant && variant !== "default") return { card: CardContent, list: "div" }[variant];
   return propTag || "div";
 };
 var getTitleTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return Link;
+  if (variant && variant !== "default") return Link;
   return propTag || Link;
 };
 var getTextTag = (propTag, variant) => {
-  if (variant && variant !== "default")
-    return { card: Typography2, list: ListItemText }[variant];
+  if (variant && variant !== "default") return { card: Typography2, list: ListItemText }[variant];
   return propTag || "div";
 };
 var SpacesLink = (_a) => {
@@ -1004,8 +987,10 @@ var SpacesLink = (_a) => {
     () => customBadgeText && /* @__PURE__ */ jsx6(
       Box2,
       {
-        textAlign: stacked ? "center" : "inherit",
-        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0,
+        sx: {
+          textAlign: stacked ? "center" : "inherit",
+          marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0
+        },
         children: /* @__PURE__ */ jsx6(
           StatusChip,
           {
@@ -1057,10 +1042,12 @@ var SpacesLink = (_a) => {
       children: /* @__PURE__ */ jsx6(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs3(
         Grid2,
         {
-          alignItems: !showDescription || stacked ? "center" : "start",
+          sx: {
+            alignItems: !showDescription || stacked ? "center" : "start",
+            flexWrap: "nowrap"
+          },
           direction: stacked ? "column" : "row",
           container: true,
-          flexWrap: "nowrap",
           children: [
             !stacked && favoriteIcon,
             FileIcon && (linkSpace == null ? void 0 : linkSpace.url) && ((_b2 = linkSpace == null ? void 0 : linkSpace.type) == null ? void 0 : _b2.toUpperCase()) === "FILE" ? /* @__PURE__ */ jsx6(
@@ -1073,13 +1060,15 @@ var SpacesLink = (_a) => {
                 children: /* @__PURE__ */ jsx6(FileIcon, { "data-testid": "icon" })
               }
             ) : null,
-            children ? renderChildren() : body && /* @__PURE__ */ jsxs3(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
+            children ? renderChildren() : body && /* @__PURE__ */ jsxs3(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, sx: { flexGrow: 1 }, children: [
               /* @__PURE__ */ jsx6(
                 Box2,
                 {
-                  marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
-                  paddingTop: stacked ? 3 : void 0,
-                  textAlign: stacked ? "center" : void 0,
+                  sx: {
+                    marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+                    paddingTop: stacked ? 3 : void 0,
+                    textAlign: stacked ? "center" : void 0
+                  },
                   children: /* @__PURE__ */ jsx6(
                     TitleTag,
                     __spreadProps(__spreadValues(__spreadValues({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-spaces",
-  "version": "0.7.6",
+  "version": "1.0.0-alpha.0",
   "description": "Availity MUI Spaces Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,53 +40,55 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^0.7.0",
-    "@availity/mui-card": "^0.3.2",
-    "@availity/mui-chip": "^0.3.0",
-    "@availity/mui-dialog": "^0.3.1",
-    "@availity/mui-disclaimer": "^0.2.0",
-    "@availity/mui-favorites": "^0.3.2",
-    "@availity/mui-icon": "^0.14.0",
-    "@availity/mui-layout": "^0.3.0",
-    "@availity/mui-list": "^0.3.0",
-    "@availity/mui-modal": "^0.2.2",
-    "@availity/mui-paper": "^0.2.0",
-    "@availity/mui-progress": "^0.5.1",
-    "@availity/mui-typography": "^0.3.0",
-    "@mui/material": "^5.15.15",
+    "@availity/mui-button": "^1.0.0-alpha.0",
+    "@availity/mui-card": "^1.0.0-alpha.0",
+    "@availity/mui-chip": "^1.0.0-alpha.0",
+    "@availity/mui-dialog": "^1.0.0-alpha.0",
+    "@availity/mui-disclaimer": "^1.0.0-alpha.0",
+    "@availity/mui-favorites": "^1.0.0-alpha.0",
+    "@availity/mui-icon": "^1.0.0-alpha.0",
+    "@availity/mui-layout": "^1.0.0-alpha.0",
+    "@availity/mui-list": "^1.0.0-alpha.0",
+    "@availity/mui-modal": "^1.0.0-alpha.0",
+    "@availity/mui-paper": "^1.0.0-alpha.0",
+    "@availity/mui-progress": "^1.0.0-alpha.0",
+    "@availity/mui-typography": "^1.0.0-alpha.0",
+    "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^8.0.2",
+    "react-router-dom": "^6.26.0",
+    "tsup": "^8.3.6",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-button": "^0.7.0",
-    "@availity/mui-card": "^0.3.2",
-    "@availity/mui-chip": "^0.3.0",
-    "@availity/mui-dialog": "^0.3.1",
-    "@availity/mui-disclaimer": "^0.2.0",
-    "@availity/mui-favorites": "^0.3.2",
-    "@availity/mui-icon": "^0.14.0",
-    "@availity/mui-layout": "^0.3.0",
-    "@availity/mui-list": "^0.3.0",
-    "@availity/mui-modal": "^0.2.2",
-    "@availity/mui-progress": "^0.5.1",
-    "@availity/mui-typography": "^0.3.0",
-    "@mui/material": "^5.11.9",
-    "react": ">=16.3.0"
+    "@availity/mui-button": "^1.0.0-alpha.0",
+    "@availity/mui-card": "^1.0.0-alpha.0",
+    "@availity/mui-chip": "^1.0.0-alpha.0",
+    "@availity/mui-dialog": "^1.0.0-alpha.0",
+    "@availity/mui-disclaimer": "^1.0.0-alpha.0",
+    "@availity/mui-favorites": "^1.0.0-alpha.0",
+    "@availity/mui-icon": "^1.0.0-alpha.0",
+    "@availity/mui-layout": "^1.0.0-alpha.0",
+    "@availity/mui-list": "^1.0.0-alpha.0",
+    "@availity/mui-modal": "^1.0.0-alpha.0",
+    "@availity/mui-progress": "^1.0.0-alpha.0",
+    "@availity/mui-typography": "^1.0.0-alpha.0",
+    "@mui/material": "^6.4.5",
+    "react": ">=16.3.0",
+    "react-router-dom": "^6.26.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@availity/api-axios": "^9.0.6",
-    "@availity/hooks": "^5.0.2",
+    "@availity/api-axios": "^10.0.0",
+    "@availity/hooks": "^5.1.2",
     "@availity/message-core": "^7.0.2",
-    "@availity/native-form": "^5.0.6",
-    "@availity/resolve-url": "^2.0.6",
+    "@availity/native-form": "^6.0.8",
+    "@availity/resolve-url": "^3.0.0",
     "@tanstack/react-query": "^4.36.1",
     "dayjs": "^1.11.13",
-    "qs": "^6.13.1",
+    "qs": "^6.14.0",
     "react-image": "^4.1.0",
     "react-markdown": "^6.0.3"
   }

package/src/lib/SpacesLink/SpacesLink.tsx

@@ -8,6 +8,7 @@ import { CircularProgress } from '@availity/mui-progress';
 import Link from '@mui/material/Link';
 import { FavoriteHeart } from '@availity/mui-favorites';
 import { Grid, Box } from '@availity/mui-layout';
+import MuiBox from '@mui/material/Box';
 import { ListItem, ListItemText } from '@availity/mui-list';
 import ReactMarkdown from 'react-markdown';
 import { styled } from '@mui/material/styles';
@@ -16,7 +17,7 @@ import { useLink } from './useLink';
 import type { SpacesLinkWithSpace, SpacesLinkWithSpaceId, SpacesLinkVariants } from './spaces-link-types';
 import { isFunction } from '../helpers';
 
-const SpacesLinkContainer = styled(Box, { name: 'AvSpacesLink', slot: 'root' })({});
+const SpacesLinkContainer = styled(Box, { name: 'AvSpacesLink', slot: 'root' })({}) as typeof MuiBox;
 const DateInfo = styled(Grid, { name: 'AvSpacesLink', slot: 'AvDateInfo' })({});
 const SpacesLinkFavoriteHeart = styled(Grid, { name: 'AvSpacesLink', slot: 'AvFavoriteHeart' })({});
 const IconLink = styled(Link, { name: 'AvSpacesLink', slot: 'IconLink' })({});
@@ -133,8 +134,10 @@ export const SpacesLink = ({
     () =>
       customBadgeText && (
         <Box
-          textAlign={stacked ? 'center' : 'inherit'}
-          marginRight={variant !== 'card' && (showDate || (showNew && linkSpace?.isNew)) ? 1 : undefined}
+          sx={{
+            textAlign: stacked ? 'center' : 'inherit',
+            marginRight: variant !== 'card' && (showDate || (showNew && linkSpace?.isNew)) ? 1 : undefined,
+          }}
         >
           <StatusChip
             color={customBadgeColor || 'info'}
@@ -195,10 +198,12 @@ export const SpacesLink = ({
     >
       <BodyTag style={{ width: '100%' }}>
         <Grid
-          alignItems={!showDescription || stacked ? 'center' : 'start'}
+          sx={{
+            alignItems: !showDescription || stacked ? 'center' : 'start',
+            flexWrap: 'nowrap',
+          }}
           direction={stacked ? 'column' : 'row'}
           container
-          flexWrap="nowrap"
         >
           {!stacked && favoriteIcon}
           {FileIcon && linkSpace?.url && linkSpace?.type?.toUpperCase() === 'FILE' ? (
@@ -214,11 +219,14 @@ export const SpacesLink = ({
           {children
             ? renderChildren()
             : body && (
-                <Grid id={`${idPrefix}${linkSpace?.type}-${linkSpace?.configurationId}`} flexGrow={1}>
+                <Grid id={`${idPrefix}${linkSpace?.type}-${linkSpace?.configurationId}`} sx={{ flexGrow: 1 }}>
                   <Box
-                    marginBottom={!customBadgeDisplay && (!showDescription || !linkSpace?.description) ? 0 : undefined}
-                    paddingTop={stacked ? 3 : undefined}
-                    textAlign={stacked ? 'center' : undefined}
+                    sx={{
+                      marginBottom:
+                        !customBadgeDisplay && (!showDescription || !linkSpace?.description) ? 0 : undefined,
+                      paddingTop: stacked ? 3 : undefined,
+                      textAlign: stacked ? 'center' : undefined,
+                    }}
                   >
                     <TitleTag
                       id={`${idPrefix}app-title-${linkSpace?.configurationId}`}