@availity/mui-spaces 0.3.2 → 0.3.4

package/dist/index.mjs

@@ -804,27 +804,6 @@ var CardContent = (_a) => {
 import { useTheme } from "@mui/material/styles";
 import { default as MuiCardHeader } from "@mui/material/CardHeader";
 import { jsx as jsx11 } from "react/jsx-runtime";
-var CardHeader = (_a) => {
-  var _b = _a, {
-    titleTypographyProps,
-    subheaderTypographyProps
-  } = _b, rest = __objRest(_b, [
-    "titleTypographyProps",
-    "subheaderTypographyProps"
-  ]);
-  var _a2, _b2, _c, _d;
-  const theme = useTheme();
-  const titleVariant = (_d = (_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiCardHeader) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
-  return /* @__PURE__ */ jsx11(
-    MuiCardHeader,
-    __spreadProps(__spreadValues({}, rest), {
-      titleTypographyProps: __spreadValues({
-        variant: titleVariant
-      }, titleTypographyProps),
-      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
-    })
-  );
-};
 
 // ../card/src/lib/CardMedia.tsx
 import { default as MuiCardMedia } from "@mui/material/CardMedia";
@@ -832,15 +811,11 @@ import { jsx as jsx12 } from "react/jsx-runtime";
 
 // src/lib/SpacesLink/SpacesLink.tsx
 import { Typography as Typography3 } from "@availity/mui-typography";
-import { NavigateTopIcon, FileIcon } from "@availity/mui-icon";
 import { useMemo as useMemo2, cloneElement } from "react";
 
 // ../chip/src/lib/Chip.tsx
 import { default as MuiChip } from "@mui/material/Chip";
 import { jsx as jsx13 } from "react/jsx-runtime";
-var Chip = (props) => {
-  return /* @__PURE__ */ jsx13(MuiChip, __spreadProps(__spreadValues({}, props), { color: "default", size: "medium" }));
-};
 
 // ../chip/src/lib/StatusChip.tsx
 import { default as MuiChip2 } from "@mui/material/Chip";
@@ -850,63 +825,8 @@ var StatusChip = (_a) => {
   return /* @__PURE__ */ jsx14(MuiChip2, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
 };
 
-// ../link/src/lib/Link.tsx
-import { forwardRef } from "react";
-import { default as MuiLink } from "@mui/material/Link";
-import { OpenInNewIcon } from "@availity/mui-icon";
-import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
-var ABSOLUTE_URL_REGEX = /^[a-zA-Z][a-zA-Z\d+\-.]*?:/;
-var WINDOWS_PATH_REGEX = /^[a-zA-Z]:\\/;
-function isAbsoluteUrl2(url) {
-  if (WINDOWS_PATH_REGEX.test(url)) {
-    return false;
-  }
-  return ABSOLUTE_URL_REGEX.test(url);
-}
-var getUrl2 = (url = "") => {
-  return `/public/apps/home/#!/loadApp?appUrl=${encodeURIComponent(url)}`;
-};
-var getLocation = (href) => {
-  const location = document.createElement("a");
-  location.href = href;
-  return location;
-};
-var setRel = (url, target, absolute) => {
-  if (target === "_blank" && absolute) {
-    const dest = getLocation(url);
-    if (dest.hostname !== window.location.hostname) {
-      return "noopener noreferrer";
-    }
-  }
-  return void 0;
-};
-var Link = forwardRef((props, ref) => {
-  const _a = props, { href, target = "_self", children, onClick, loadApp = true, rel, iconPosition = "start" } = _a, rest = __objRest(_a, ["href", "target", "children", "onClick", "loadApp", "rel", "iconPosition"]);
-  const absolute = isAbsoluteUrl2(href);
-  const encode = !(absolute || !loadApp);
-  const url = encode ? getUrl2(href) : href;
-  const NewWindowIcon = target === "_blank" ? /* @__PURE__ */ jsx15(OpenInNewIcon, {}) : null;
-  const startIcon = iconPosition === "start";
-  const endIcon = iconPosition === "end";
-  return /* @__PURE__ */ jsx15(
-    MuiLink,
-    __spreadProps(__spreadValues({
-      href: url,
-      target,
-      onClick: (event) => onClick && onClick(event, url),
-      rel: rel || setRel(url, target, absolute)
-    }, rest), {
-      ref,
-      children: /* @__PURE__ */ jsxs4("span", { children: [
-        startIcon && NewWindowIcon,
-        " ",
-        children,
-        " ",
-        endIcon && NewWindowIcon
-      ] })
-    })
-  );
-});
+// src/lib/SpacesLink/SpacesLink.tsx
+import Link from "@mui/material/Link";
 
 // ../favorites/src/lib/Favorites.tsx
 import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useState as useState3, useMemo } from "react";
@@ -919,7 +839,7 @@ import { avSettingsApi } from "@availity/api-axios";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 // ../favorites/src/lib/Favorites.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var FavoritesContext = createContext3(null);
 var noOp = () => {
 };
@@ -955,10 +875,10 @@ var useFavorites = (id) => {
 
 // ../tooltip/src/lib/Tooltip.tsx
 import { default as MuiTooltip } from "@mui/material/Tooltip";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Tooltip = (props) => {
   const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     MuiTooltip,
     __spreadProps(__spreadValues({}, rest), {
       TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
@@ -971,14 +891,14 @@ var Tooltip = (props) => {
 // ../favorites/src/lib/FavoriteHeart.tsx
 import { HeartIcon, HeartEmptyIcon } from "@availity/mui-icon";
 import { styled } from "@mui/material/styles";
-import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
 var icons = {
-  spinner: /* @__PURE__ */ jsx18(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
-  unknownDisabledHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "disabled" }),
-  favoritedDisabledHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
-  unfavoritedDisabledHeart: /* @__PURE__ */ jsx18(HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
-  favoritedHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "error" }),
-  unfavoritedHeart: /* @__PURE__ */ jsx18(HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
+  spinner: /* @__PURE__ */ jsx17(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
+  unknownDisabledHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "disabled" }),
+  favoritedDisabledHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
+  unfavoritedDisabledHeart: /* @__PURE__ */ jsx17(HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
+  favoritedHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "error" }),
+  unfavoritedHeart: /* @__PURE__ */ jsx17(HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
 };
 var FavoriteHeartContainer = styled("div", { name: "AvFavoriteHeart", slot: "root" })({});
 var FavoriteInput = styled("input", {
@@ -1035,9 +955,9 @@ var FavoriteHeart = ({
     onMouseDown,
     style: { cursor }
   };
-  return /* @__PURE__ */ jsxs5(FavoriteHeartContainer, { children: [
-    /* @__PURE__ */ jsx18(FavoriteIcon, { children: icons[iconKey] }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs4(FavoriteHeartContainer, { children: [
+    /* @__PURE__ */ jsx17(FavoriteIcon, { children: icons[iconKey] }),
+    /* @__PURE__ */ jsx17(
       "span",
       {
         style: {
@@ -1055,7 +975,7 @@ var FavoriteHeart = ({
         children: isLastClickedFavorite && status === "reloading" ? "Loading..." : isLastClickedFavorite && status === "error" ? "An error has occurred. Please try again." : ""
       }
     ),
-    disabled ? /* @__PURE__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ jsx18(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
+    disabled ? /* @__PURE__ */ jsx17(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ jsx17(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ jsx17(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
   ] });
 };
 
@@ -1064,37 +984,37 @@ import { Grid as Grid2, Box as Box2 } from "@availity/mui-layout";
 
 // ../list/src/lib/List.tsx
 import MuiList from "@mui/material/List";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 
 // ../list/src/lib/ListItem.tsx
 import MuiListItem from "@mui/material/ListItem";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var ListItem = forwardRef2((props, ref) => {
-  return /* @__PURE__ */ jsx20(MuiListItem, __spreadProps(__spreadValues({}, props), { ref }));
+import { forwardRef } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var ListItem = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx19(MuiListItem, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../list/src/lib/ListItemAvatar.tsx
 import MuiListItemAvatar from "@mui/material/ListItemAvatar";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 
 // ../list/src/lib/ListItemButton.tsx
 import MuiListItemButton from "@mui/material/ListItemButton";
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var ListItemButton = forwardRef3((props, ref) => {
-  return /* @__PURE__ */ jsx22(MuiListItemButton, __spreadProps(__spreadValues({}, props), { ref }));
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ListItemButton = forwardRef2((props, ref) => {
+  return /* @__PURE__ */ jsx21(MuiListItemButton, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../list/src/lib/ListItemIcon.tsx
 import MuiListItemIcon from "@mui/material/ListItemIcon";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 
 // ../list/src/lib/ListItemStatusCard.tsx
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { styled as styled2, useThemeProps } from "@mui/material/styles";
 import MuiListItem2 from "@mui/material/ListItem";
-import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs5 } from "react/jsx-runtime";
 var ListItemStatusCardSlot = styled2(MuiListItem2, {
   name: "AvListItemStatusCard",
   slot: "root",
@@ -1129,37 +1049,38 @@ var StatusAccent = styled2("div", {
   borderBottomLeftRadius: "3px",
   content: "''"
 }));
-var ListItemStatusCard = forwardRef4((props, ref) => {
+var ListItemStatusCard = forwardRef3((props, ref) => {
   const _a = props, { alignItems = "flex-start", children, color } = _a, rest = __objRest(_a, ["alignItems", "children", "color"]);
   const themeProps = useThemeProps({ props, name: "AvListItemStatusCard" });
   const ownerState = __spreadProps(__spreadValues({}, themeProps), { color });
-  return /* @__PURE__ */ jsxs6(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
-    /* @__PURE__ */ jsx24(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
+  return /* @__PURE__ */ jsxs5(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
+    /* @__PURE__ */ jsx23(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
     children
   ] }));
 });
 
 // ../list/src/lib/ListItemText.tsx
 import MuiListItemText from "@mui/material/ListItemText";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ListItemText = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx25(MuiListItemText, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx24(MuiListItemText, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // ../list/src/lib/ListSubheader.tsx
 import MuiListSubheader from "@mui/material/ListSubheader";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 
 // src/lib/SpacesLink/SpacesLink.tsx
 import ReactMarkdown2 from "react-markdown";
+import { styled as styled3 } from "@mui/material/styles";
 
 // src/lib/SpacesLink/useLink.tsx
 import { useCurrentUser } from "@availity/hooks";
 
 // src/lib/SpacesLink/linkHandlers.tsx
 import nativeForm from "@availity/native-form";
-import { isAbsoluteUrl as isAbsoluteUrl3 } from "@availity/resolve-url";
+import { isAbsoluteUrl as isAbsoluteUrl2 } from "@availity/resolve-url";
 var openLink = (space, params) => __async(void 0, null, function* () {
   var _a, _b, _c;
   if (!((_a = space == null ? void 0 : space.link) == null ? void 0 : _a.url)) {
@@ -1167,7 +1088,7 @@ var openLink = (space, params) => __async(void 0, null, function* () {
   }
   if (params == null ? void 0 : params.akaname)
     yield updateTopApps(space, params.akaname);
-  const url = !isAbsoluteUrl3(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 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);
 });
@@ -1295,7 +1216,11 @@ var useLink = (spaceOrSpaceId, options) => {
 };
 
 // src/lib/SpacesLink/SpacesLink.tsx
-import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs6 } from "react/jsx-runtime";
+var SpacesLinkContainer = styled3(Box2, { name: "AvSpacesLink", slot: "root" })({});
+var DateInfo = styled3(Grid2, { name: "AvSpacesLink", slot: "AvDateInfo" })({});
+var SpacesLinkFavoriteHeart = styled3(Grid2, { name: "AvSpacesLink", slot: "AvFavoriteHeart" })({});
+var IconLink = styled3(Link, { name: "AvSpacesLink", slot: "IconLink" })({});
 var getDisplayDate = (date) => dayjs2(date).format("MM/DD/YYYY");
 var getContainerTag = (propTag, variant) => {
   if (variant && variant !== "default")
@@ -1309,8 +1234,8 @@ var getBodyTag = (propTag, variant) => {
 };
 var getTitleTag = (propTag, variant) => {
   if (variant && variant !== "default")
-    return { card: CardHeader, list: Typography3 }[variant];
-  return propTag || "div";
+    return Link;
+  return propTag || Link;
 };
 var getTextTag = (propTag, variant) => {
   if (variant && variant !== "default")
@@ -1324,7 +1249,7 @@ var SpacesLink = (_a) => {
     className,
     children,
     favorite,
-    icon,
+    icon: FileIcon,
     showName = true,
     showNew,
     showDate,
@@ -1383,20 +1308,20 @@ var SpacesLink = (_a) => {
   const [linkSpace, props] = useLink(propSpace || spaceId, { clientId: propsClientId, linkAttributes });
   const showUrl = !(linkSpace == null ? void 0 : linkSpace.isGhosted) && ((_a2 = linkSpace == null ? void 0 : linkSpace.link) == null ? void 0 : _a2.url);
   const favoriteIcon = useMemo2(
-    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ jsx27(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ jsx26(SpacesLinkFavoriteHeart, { children: /* @__PURE__ */ jsx26(
       FavoriteHeart,
       {
         id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.configurationId}`,
         name: linkSpace == null ? void 0 : linkSpace.name,
         onChange: (_, e) => e.stopPropagation()
       }
-    ),
+    ) }),
     [favorite, linkSpace == null ? void 0 : linkSpace.configurationId, linkSpace == null ? void 0 : linkSpace.name, idPrefix]
   );
   const dateInfo = useMemo2(
-    () => (showNew || showDate) && /* @__PURE__ */ jsxs7(Grid2, { textAlign: stacked ? "center" : "inherit", children: [
-      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ jsx27(Chip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!" }),
-      showDate && /* @__PURE__ */ jsx27(
+    () => (showNew || showDate) && /* @__PURE__ */ jsxs6(DateInfo, { textAlign: stacked ? "center" : "right", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ jsx26(StatusChip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!", color: "secondary" }),
+      showDate && /* @__PURE__ */ jsx26(
         Typography3,
         {
           id: `${idPrefix}app-date-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
@@ -1409,12 +1334,12 @@ var SpacesLink = (_a) => {
     [linkSpace == null ? void 0 : linkSpace.activeDate, linkSpace == null ? void 0 : linkSpace.isNew, showDate, showNew, stacked, linkSpace == null ? void 0 : linkSpace.configurationId, idPrefix]
   );
   const customBadgeDisplay = useMemo2(
-    () => customBadgeText && /* @__PURE__ */ jsx27(
+    () => customBadgeText && /* @__PURE__ */ jsx26(
       Box2,
       {
         textAlign: stacked ? "center" : "inherit",
-        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 2 : void 0,
-        children: /* @__PURE__ */ jsx27(
+        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0,
+        children: /* @__PURE__ */ jsx26(
           StatusChip,
           {
             color: customBadgeColor || "info",
@@ -1437,7 +1362,7 @@ var SpacesLink = (_a) => {
     ]
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx27(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
+    return /* @__PURE__ */ jsx26(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
   }
   const Tag = getContainerTag(tag, variant);
   const BodyTag = getBodyTag(bodyTag, variant);
@@ -1453,63 +1378,85 @@ var SpacesLink = (_a) => {
       }, analytics), props));
     }
   };
-  return /* @__PURE__ */ jsx27(
-    Tag,
+  return /* @__PURE__ */ jsx26(
+    SpacesLinkContainer,
     __spreadProps(__spreadValues({
+      component: Tag,
       title: linkSpace == null ? void 0 : linkSpace.name,
       className
     }, rest), {
       style: __spreadValues({}, style),
       role: variant === "list" ? "listitem" : role,
-      children: /* @__PURE__ */ jsx27(BodyTag, { children: /* @__PURE__ */ jsxs7(Grid2, { alignItems: !showDescription || stacked ? "center" : "start", direction: stacked ? "column" : "row", children: [
-        !stacked && favoriteIcon,
-        icon && (linkSpace == null ? void 0 : linkSpace.url) && ((_b2 = linkSpace == null ? void 0 : linkSpace.type) == null ? void 0 : _b2.toUpperCase()) === "FILE" ? /* @__PURE__ */ jsx27(Link, { target: "_blank", href: linkSpace == null ? void 0 : linkSpace.url, children: /* @__PURE__ */ jsx27(FileIcon, { "data-testid": "icon" }) }) : /* @__PURE__ */ jsx27(NavigateTopIcon, { "data-testid": "icon" }),
-        children ? renderChildren() : body && /* @__PURE__ */ jsxs7(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, children: [
-          /* @__PURE__ */ jsx27(
-            Box2,
-            {
-              marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
-              paddingTop: stacked ? 3 : void 0,
-              textAlign: stacked ? "center" : void 0,
-              children: /* @__PURE__ */ jsx27(
-                TitleTag,
-                __spreadProps(__spreadValues(__spreadValues({
-                  id: `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
-                  className: titleClassName,
-                  tabIndex: 0,
+      children: /* @__PURE__ */ jsx26(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs6(
+        Grid2,
+        {
+          alignItems: !showDescription || stacked ? "center" : "start",
+          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__ */ jsx26(
+              IconLink,
+              {
+                target: "_blank",
+                href: linkSpace == null ? void 0 : linkSpace.url,
+                role: "link",
+                "aria-labelledby": `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+                children: /* @__PURE__ */ jsx26(FileIcon, { "data-testid": "icon" })
+              }
+            ) : null,
+            children ? renderChildren() : body && /* @__PURE__ */ jsxs6(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
+              /* @__PURE__ */ jsx26(
+                Box2,
+                {
+                  marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+                  paddingTop: stacked ? 3 : void 0,
+                  textAlign: stacked ? "center" : void 0,
+                  children: /* @__PURE__ */ jsx26(
+                    TitleTag,
+                    __spreadProps(__spreadValues(__spreadValues({
+                      id: `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+                      className: titleClassName,
+                      tabIndex: 0,
+                      style: {
+                        cursor: showUrl ? "pointer" : "not-allowed"
+                      }
+                    }, analytics), props), {
+                      role: showUrl ? "link" : role,
+                      "aria-label": linkSpace == null ? void 0 : linkSpace.name,
+                      "aria-describedby": showNew && (linkSpace == null ? void 0 : linkSpace.isNew) ? `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}` : void 0,
+                      variant: variant === "list" ? "h5" : "h6",
+                      title: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0,
+                      children: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0
+                    })
+                  )
+                }
+              ),
+              stacked && dateInfo,
+              showDescription && (linkSpace == null ? void 0 : linkSpace.description) && /* @__PURE__ */ jsx26(
+                TextTag,
+                {
+                  component: "div",
                   style: {
-                    cursor: showUrl ? "pointer" : "not-allowed"
-                  }
-                }, analytics), props), {
-                  role: showUrl ? "link" : role,
-                  "aria-label": linkSpace == null ? void 0 : linkSpace.name,
-                  "aria-describedby": showNew && (linkSpace == null ? void 0 : linkSpace.isNew) ? `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}` : void 0,
-                  variant: variant === "list" ? "h5" : "h6",
-                  title: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0,
-                  children: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0
-                })
-              )
-            }
-          ),
-          stacked && dateInfo,
-          showDescription && (linkSpace == null ? void 0 : linkSpace.description) && /* @__PURE__ */ jsx27(
-            TextTag,
-            {
-              marginTop: 1,
-              textAlign: stacked ? "center" : void 0,
-              overflow: "hidden",
-              whiteSpace: maxDescriptionWidth ? "nowrap" : void 0,
-              width: maxDescriptionWidth,
-              textOverflow: "ellipsis",
-              id: `${idPrefix}app-description-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
-              children: /* @__PURE__ */ jsx27(ReactMarkdown2, { className: "Card-text", children: linkSpace == null ? void 0 : linkSpace.description })
-            }
-          ),
-          variant === "card" && customBadgeDisplay
-        ] }),
-        variant !== "card" && customBadgeDisplay,
-        !stacked && dateInfo
-      ] }) })
+                    marginTop: ".5rem",
+                    textAlign: stacked ? "center" : void 0,
+                    overflow: "hidden",
+                    whiteSpace: maxDescriptionWidth ? "nowrap" : void 0,
+                    width: maxDescriptionWidth,
+                    textOverflow: "ellipsis"
+                  },
+                  id: `${idPrefix}app-description-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+                  children: /* @__PURE__ */ jsx26(ReactMarkdown2, { children: linkSpace == null ? void 0 : linkSpace.description })
+                }
+              ),
+              variant === "card" && customBadgeDisplay
+            ] }),
+            variant !== "card" && customBadgeDisplay,
+            !stacked && dateInfo
+          ]
+        }
+      ) })
     })
   );
 };
@@ -1517,14 +1464,14 @@ var SpacesLink = (_a) => {
 // src/lib/SpacesAgreement.tsx
 import { Typography as Typography4 } from "@availity/mui-typography";
 import ReactMarkdown3 from "react-markdown";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var SpacesAgreement = ({ spaceId, markdown = false, id: elementId }) => {
   const spaces = useSpaces(spaceId);
   if (spaces && spaces.length > 0) {
     const { description: agreement, id } = spaces[0];
     if (agreement) {
-      const children = markdown ? /* @__PURE__ */ jsx28(ReactMarkdown3, { children: agreement }) : agreement;
-      return /* @__PURE__ */ jsx28(Typography4, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
+      const children = markdown ? /* @__PURE__ */ jsx27(ReactMarkdown3, { children: agreement }) : agreement;
+      return /* @__PURE__ */ jsx27(Typography4, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
     }
   }
   return null;
@@ -1533,7 +1480,7 @@ var SpacesAgreement = ({ spaceId, markdown = false, id: elementId }) => {
 // src/lib/SpacesDisclaimer.tsx
 import { Disclaimer } from "@availity/mui-disclaimer";
 import ReactMarkdown4 from "react-markdown";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var SpacesDisclaimer = (_a) => {
   var _b = _a, {
     accent = true,
@@ -1550,8 +1497,8 @@ var SpacesDisclaimer = (_a) => {
   if (spaces && spaces.length > 0) {
     const { description: disclaimer, id } = spaces[0];
     if (disclaimer) {
-      const children = markdown ? /* @__PURE__ */ jsx29(ReactMarkdown4, { children: disclaimer }) : disclaimer;
-      return /* @__PURE__ */ jsx29(
+      const children = markdown ? /* @__PURE__ */ jsx28(ReactMarkdown4, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ jsx28(
         Disclaimer,
         __spreadValues({
           accent,
@@ -1565,14 +1512,14 @@ var SpacesDisclaimer = (_a) => {
 };
 
 // src/lib/SpacesGhostText.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var SpacesGhostText = (_a) => {
   var _b = _a, { spaceId, id } = _b, props = __objRest(_b, ["spaceId", "id"]);
   var _a2;
   const spaces = useSpaces(spaceId);
   const space = spaces == null ? void 0 : spaces[0];
   if (space == null ? void 0 : space.isGhosted) {
-    return /* @__PURE__ */ jsx30("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ jsx30("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
+    return /* @__PURE__ */ jsx29("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ jsx29("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
   }
   return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-spaces",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Availity MUI Spaces Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -32,12 +32,12 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^0.6.7",
-    "@availity/mui-dialog": "^0.1.8",
-    "@availity/mui-disclaimer": "^0.1.1",
-    "@availity/mui-icon": "^0.8.2",
+    "@availity/mui-button": "^0.6.8",
+    "@availity/mui-dialog": "^0.1.9",
+    "@availity/mui-disclaimer": "^0.1.2",
+    "@availity/mui-icon": "^0.9.0",
     "@availity/mui-layout": "^0.1.6",
-    "@availity/mui-modal": "^0.1.4",
+    "@availity/mui-modal": "^0.1.5",
     "@availity/mui-typography": "^0.2.0",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",
@@ -46,12 +46,12 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-button": "^0.6.7",
-    "@availity/mui-dialog": "^0.1.8",
-    "@availity/mui-disclaimer": "^0.1.1",
-    "@availity/mui-icon": "^0.8.2",
+    "@availity/mui-button": "^0.6.8",
+    "@availity/mui-dialog": "^0.1.9",
+    "@availity/mui-disclaimer": "^0.1.2",
+    "@availity/mui-icon": "^0.9.0",
     "@availity/mui-layout": "^0.1.6",
-    "@availity/mui-modal": "^0.1.4",
+    "@availity/mui-modal": "^0.1.5",
     "@availity/mui-typography": "^0.2.0",
     "@mui/material": "^5.11.9",
     "react": ">=16.3.0"