@availity/mui-spaces 0.3.3 → 0.3.4

package/dist/index.js

@@ -842,27 +842,6 @@ var CardContent = (_a) => {
 var import_styles = require("@mui/material/styles");
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var CardHeader = (_a) => {
-  var _b = _a, {
-    titleTypographyProps,
-    subheaderTypographyProps
-  } = _b, rest = __objRest(_b, [
-    "titleTypographyProps",
-    "subheaderTypographyProps"
-  ]);
-  var _a2, _b2, _c, _d;
-  const theme = (0, import_styles.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__ */ (0, import_jsx_runtime11.jsx)(
-    import_CardHeader.default,
-    __spreadProps(__spreadValues({}, rest), {
-      titleTypographyProps: __spreadValues({
-        variant: titleVariant
-      }, titleTypographyProps),
-      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
-    })
-  );
-};
 
 // ../card/src/lib/CardMedia.tsx
 var import_CardMedia = __toESM(require("@mui/material/CardMedia"));
@@ -870,15 +849,11 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/lib/SpacesLink/SpacesLink.tsx
 var import_mui_typography3 = require("@availity/mui-typography");
-var import_mui_icon4 = require("@availity/mui-icon");
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // ../chip/src/lib/Chip.tsx
 var import_Chip = __toESM(require("@mui/material/Chip"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var Chip = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Chip.default, __spreadProps(__spreadValues({}, props), { color: "default", size: "medium" }));
-};
 
 // ../chip/src/lib/StatusChip.tsx
 var import_Chip2 = __toESM(require("@mui/material/Chip"));
@@ -888,66 +863,11 @@ var StatusChip = (_a) => {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Chip2.default, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
 };
 
-// ../link/src/lib/Link.tsx
-var import_react5 = require("react");
+// src/lib/SpacesLink/SpacesLink.tsx
 var import_Link = __toESM(require("@mui/material/Link"));
-var import_mui_icon2 = require("@availity/mui-icon");
-var import_jsx_runtime15 = require("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 = (0, import_react5.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__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.OpenInNewIcon, {}) : null;
-  const startIcon = iconPosition === "start";
-  const endIcon = iconPosition === "end";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_Link.default,
-    __spreadProps(__spreadValues({
-      href: url,
-      target,
-      onClick: (event) => onClick && onClick(event, url),
-      rel: rel || setRel(url, target, absolute)
-    }, rest), {
-      ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
-        startIcon && NewWindowIcon,
-        " ",
-        children,
-        " ",
-        endIcon && NewWindowIcon
-      ] })
-    })
-  );
-});
 
 // ../favorites/src/lib/Favorites.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 var import_message_core3 = __toESM(require("@availity/message-core"));
 
@@ -957,18 +877,18 @@ var import_api_axios3 = require("@availity/api-axios");
 var import_react_query2 = require("@tanstack/react-query");
 
 // ../favorites/src/lib/Favorites.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var FavoritesContext = (0, import_react6.createContext)(null);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var FavoritesContext = (0, import_react5.createContext)(null);
 var noOp = () => {
 };
 var useFavorites = (id) => {
-  const context = (0, import_react6.useContext)(FavoritesContext);
+  const context = (0, import_react5.useContext)(FavoritesContext);
   if (context === null) {
     throw new Error("useFavorites must be used within a FavoritesProvider");
   }
   const { favorites, queryStatus, mutationStatus, lastClickedFavoriteId, deleteFavorite, addFavorite } = context;
   const isLastClickedFavorite = lastClickedFavoriteId === id;
-  const isFavorited = (0, import_react6.useMemo)(() => {
+  const isFavorited = (0, import_react5.useMemo)(() => {
     const fav = favorites == null ? void 0 : favorites.find((f) => f.id === id);
     return !!fav;
   }, [favorites, id]);
@@ -993,10 +913,10 @@ var useFavorites = (id) => {
 
 // ../tooltip/src/lib/Tooltip.tsx
 var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Tooltip = (props) => {
   const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_Tooltip.default,
     __spreadProps(__spreadValues({}, rest), {
       TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
@@ -1007,16 +927,16 @@ var Tooltip = (props) => {
 };
 
 // ../favorites/src/lib/FavoriteHeart.tsx
-var import_mui_icon3 = require("@availity/mui-icon");
+var import_mui_icon2 = require("@availity/mui-icon");
 var import_styles2 = require("@mui/material/styles");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var icons = {
-  spinner: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
-  unknownDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "disabled" }),
-  favoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
-  unfavoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
-  favoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "error" }),
-  unfavoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
+  spinner: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
+  unknownDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_icon2.HeartIcon, { "aria-hidden": true, color: "disabled" }),
+  favoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_icon2.HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
+  unfavoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_icon2.HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
+  favoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_icon2.HeartIcon, { "aria-hidden": true, color: "error" }),
+  unfavoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_icon2.HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
 };
 var FavoriteHeartContainer = (0, import_styles2.styled)("div", { name: "AvFavoriteHeart", slot: "root" })({});
 var FavoriteInput = (0, import_styles2.styled)("input", {
@@ -1073,9 +993,9 @@ var FavoriteHeart = ({
     onMouseDown,
     style: { cursor }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(FavoriteHeartContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FavoriteIcon, { children: icons[iconKey] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(FavoriteHeartContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FavoriteIcon, { children: icons[iconKey] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "span",
       {
         style: {
@@ -1093,7 +1013,7 @@ var FavoriteHeart = ({
         children: isLastClickedFavorite && status === "reloading" ? "Loading..." : isLastClickedFavorite && status === "error" ? "An error has occurred. Please try again." : ""
       }
     ),
-    disabled ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
+    disabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
   ] });
 };
 
@@ -1102,37 +1022,37 @@ var import_mui_layout2 = require("@availity/mui-layout");
 
 // ../list/src/lib/List.tsx
 var import_List = __toESM(require("@mui/material/List"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // ../list/src/lib/ListItem.tsx
 var import_ListItem = __toESM(require("@mui/material/ListItem"));
-var import_react7 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ListItem = (0, import_react7.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ListItem.default, __spreadProps(__spreadValues({}, props), { ref }));
+var import_react6 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var ListItem = (0, import_react6.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ListItem.default, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../list/src/lib/ListItemAvatar.tsx
 var import_ListItemAvatar = __toESM(require("@mui/material/ListItemAvatar"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // ../list/src/lib/ListItemButton.tsx
 var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
-var import_react8 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var ListItemButton = (0, import_react8.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ListItemButton.default, __spreadProps(__spreadValues({}, props), { ref }));
+var import_react7 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ListItemButton = (0, import_react7.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ListItemButton.default, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../list/src/lib/ListItemIcon.tsx
 var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 
 // ../list/src/lib/ListItemStatusCard.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_styles3 = require("@mui/material/styles");
 var import_ListItem2 = __toESM(require("@mui/material/ListItem"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ListItemStatusCardSlot = (0, import_styles3.styled)(import_ListItem2.default, {
   name: "AvListItemStatusCard",
   slot: "root",
@@ -1167,30 +1087,31 @@ var StatusAccent = (0, import_styles3.styled)("div", {
   borderBottomLeftRadius: "3px",
   content: "''"
 }));
-var ListItemStatusCard = (0, import_react9.forwardRef)((props, ref) => {
+var ListItemStatusCard = (0, import_react8.forwardRef)((props, ref) => {
   const _a = props, { alignItems = "flex-start", children, color } = _a, rest = __objRest(_a, ["alignItems", "children", "color"]);
   const themeProps = (0, import_styles3.useThemeProps)({ props, name: "AvListItemStatusCard" });
   const ownerState = __spreadProps(__spreadValues({}, themeProps), { color });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
     children
   ] }));
 });
 
 // ../list/src/lib/ListItemText.tsx
 var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var ListItemText = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ListItemText.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ListItemText.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // ../list/src/lib/ListSubheader.tsx
 var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 
 // src/lib/SpacesLink/SpacesLink.tsx
 var import_react_markdown2 = __toESM(require("react-markdown"));
+var import_styles4 = require("@mui/material/styles");
 
 // src/lib/SpacesLink/useLink.tsx
 var import_hooks = require("@availity/hooks");
@@ -1333,7 +1254,11 @@ var useLink = (spaceOrSpaceId, options) => {
 };
 
 // src/lib/SpacesLink/SpacesLink.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var SpacesLinkContainer = (0, import_styles4.styled)(import_mui_layout2.Box, { name: "AvSpacesLink", slot: "root" })({});
+var DateInfo = (0, import_styles4.styled)(import_mui_layout2.Grid, { name: "AvSpacesLink", slot: "AvDateInfo" })({});
+var SpacesLinkFavoriteHeart = (0, import_styles4.styled)(import_mui_layout2.Grid, { name: "AvSpacesLink", slot: "AvFavoriteHeart" })({});
+var IconLink = (0, import_styles4.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")
@@ -1347,8 +1272,8 @@ var getBodyTag = (propTag, variant) => {
 };
 var getTitleTag = (propTag, variant) => {
   if (variant && variant !== "default")
-    return { card: CardHeader, list: import_mui_typography3.Typography }[variant];
-  return propTag || "div";
+    return import_Link.default;
+  return propTag || import_Link.default;
 };
 var getTextTag = (propTag, variant) => {
   if (variant && variant !== "default")
@@ -1362,7 +1287,7 @@ var SpacesLink = (_a) => {
     className,
     children,
     favorite,
-    icon,
+    icon: FileIcon,
     showName = true,
     showNew,
     showDate,
@@ -1420,21 +1345,21 @@ var SpacesLink = (_a) => {
   const isLoading = loading || propsLoading;
   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 = (0, import_react10.useMemo)(
-    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const favoriteIcon = (0, import_react9.useMemo)(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SpacesLinkFavoriteHeart, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       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 = (0, import_react10.useMemo)(
-    () => (showNew || showDate) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { textAlign: stacked ? "center" : "inherit", children: [
-      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!" }),
-      showDate && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const dateInfo = (0, import_react9.useMemo)(
+    () => (showNew || showDate) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DateInfo, { textAlign: stacked ? "center" : "right", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StatusChip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!", color: "secondary" }),
+      showDate && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_mui_typography3.Typography,
         {
           id: `${idPrefix}app-date-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
@@ -1446,13 +1371,13 @@ 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 = (0, import_react10.useMemo)(
-    () => customBadgeText && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const customBadgeDisplay = (0, import_react9.useMemo)(
+    () => customBadgeText && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_mui_layout2.Box,
       {
         textAlign: stacked ? "center" : "inherit",
-        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 2 : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           StatusChip,
           {
             color: customBadgeColor || "info",
@@ -1475,7 +1400,7 @@ var SpacesLink = (_a) => {
     ]
   );
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
   }
   const Tag = getContainerTag(tag, variant);
   const BodyTag = getBodyTag(bodyTag, variant);
@@ -1483,7 +1408,7 @@ var SpacesLink = (_a) => {
   const TextTag = getTextTag(textTag, variant);
   const renderChildren = () => {
     if (children) {
-      return isFunction(children) ? (() => children(__spreadValues(__spreadValues(__spreadValues({}, linkSpace), analytics), props)))() : (0, import_react10.cloneElement)(children, __spreadValues(__spreadValues({
+      return isFunction(children) ? (() => children(__spreadValues(__spreadValues(__spreadValues({}, linkSpace), analytics), props)))() : (0, import_react9.cloneElement)(children, __spreadValues(__spreadValues({
         role: "link",
         tabIndex: 0,
         style: { cursor: showUrl ? "pointer" : "not-allowed" },
@@ -1491,63 +1416,85 @@ var SpacesLink = (_a) => {
       }, analytics), props));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    Tag,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    SpacesLinkContainer,
     __spreadProps(__spreadValues({
+      component: Tag,
       title: linkSpace == null ? void 0 : linkSpace.name,
       className
     }, rest), {
       style: __spreadValues({}, style),
       role: variant === "list" ? "listitem" : role,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BodyTag, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { 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__ */ (0, import_jsx_runtime27.jsx)(Link, { target: "_blank", href: linkSpace == null ? void 0 : linkSpace.url, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_mui_icon4.FileIcon, { "data-testid": "icon" }) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_mui_icon4.NavigateTopIcon, { "data-testid": "icon" }),
-        children ? renderChildren() : body && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.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,
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                TitleTag,
-                __spreadProps(__spreadValues(__spreadValues({
-                  id: `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
-                  className: titleClassName,
-                  tabIndex: 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        import_mui_layout2.Grid,
+        {
+          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__ */ (0, import_jsx_runtime26.jsx)(
+              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__ */ (0, import_jsx_runtime26.jsx)(FileIcon, { "data-testid": "icon" })
+              }
+            ) : null,
+            children ? renderChildren() : body && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_mui_layout2.Grid, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.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,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                    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__ */ (0, import_jsx_runtime26.jsx)(
+                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__ */ (0, import_jsx_runtime27.jsx)(
-            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__ */ (0, import_jsx_runtime27.jsx)(import_react_markdown2.default, { 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__ */ (0, import_jsx_runtime26.jsx)(import_react_markdown2.default, { children: linkSpace == null ? void 0 : linkSpace.description })
+                }
+              ),
+              variant === "card" && customBadgeDisplay
+            ] }),
+            variant !== "card" && customBadgeDisplay,
+            !stacked && dateInfo
+          ]
+        }
+      ) })
     })
   );
 };
@@ -1555,14 +1502,14 @@ var SpacesLink = (_a) => {
 // src/lib/SpacesAgreement.tsx
 var import_mui_typography4 = require("@availity/mui-typography");
 var import_react_markdown3 = __toESM(require("react-markdown"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("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__ */ (0, import_jsx_runtime28.jsx)(import_react_markdown3.default, { children: agreement }) : agreement;
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_mui_typography4.Typography, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
+      const children = markdown ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_markdown3.default, { children: agreement }) : agreement;
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_mui_typography4.Typography, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
     }
   }
   return null;
@@ -1571,7 +1518,7 @@ var SpacesAgreement = ({ spaceId, markdown = false, id: elementId }) => {
 // src/lib/SpacesDisclaimer.tsx
 var import_mui_disclaimer = require("@availity/mui-disclaimer");
 var import_react_markdown4 = __toESM(require("react-markdown"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var SpacesDisclaimer = (_a) => {
   var _b = _a, {
     accent = true,
@@ -1588,8 +1535,8 @@ var SpacesDisclaimer = (_a) => {
   if (spaces && spaces.length > 0) {
     const { description: disclaimer, id } = spaces[0];
     if (disclaimer) {
-      const children = markdown ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_markdown4.default, { children: disclaimer }) : disclaimer;
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      const children = markdown ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_markdown4.default, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_mui_disclaimer.Disclaimer,
         __spreadValues({
           accent,
@@ -1603,14 +1550,14 @@ var SpacesDisclaimer = (_a) => {
 };
 
 // src/lib/SpacesGhostText.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("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__ */ (0, import_jsx_runtime30.jsx)("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
   }
   return null;
 };