@availity/mui-spaces 0.3.3 → 0.3.5

package/dist/index.js

@@ -93,7 +93,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/Spaces.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/lib/spaces-data.tsx
@@ -266,7 +266,7 @@ var configurationFindMany_default = `query configurationFindMany($ids: [String!]
 }`;
 
 // src/lib/modals/ModalProvider.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 var import_resolve_url = require("@availity/resolve-url");
 var import_mui_dialog3 = require("@availity/mui-dialog");
 var import_mui_button = require("@availity/mui-button");
@@ -345,72 +345,12 @@ var updateTopApps = (space, akaname) => __async(void 0, null, function* () {
 });
 
 // src/lib/modals/DisclaimerModal.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_api_axios2 = require("@availity/api-axios");
 var import_react_markdown = __toESM(require("react-markdown"));
-
-// ../progress/src/lib/CircularProgress.tsx
-var import_react = require("react");
-var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
-var import_Stack = __toESM(require("@mui/material/Stack"));
-var import_mui_icon = require("@availity/mui-icon");
-var import_mui_typography = require("@availity/mui-typography");
-var import_jsx_runtime = require("react/jsx-runtime");
-var StatusIcon = ({ status, size }) => {
-  const fontSize = size === "small" ? "medium" : "large";
-  switch (status) {
-    case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
-    case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.SuccessCircleIcon, { color: "success", fontSize, titleAccess: "loading successful" });
-    default:
-      return null;
-  }
-};
-var getCaptionText = (status) => ({
-  loading: "Loading",
-  error: "Loading error",
-  success: "Loading successful"
-})[status] || "";
-var CircularProgress = (_a) => {
-  var _b = _a, {
-    loadingCaption = true,
-    error = false,
-    success = false,
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "loadingCaption",
-    "error",
-    "success",
-    "size"
-  ]);
-  const [status, setStatus] = (0, import_react.useState)("loading");
-  (0, import_react.useEffect)(() => {
-    if (error) {
-      setStatus("error");
-    } else if (success) {
-      setStatus("success");
-    } else {
-      setStatus("loading");
-    }
-  }, [error, success]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Stack.default, { width: "fit-content", alignItems: "center", children: [
-    status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_CircularProgress.default,
-      __spreadProps(__spreadValues({
-        "aria-label": "Loading"
-      }, props), {
-        size: size === "small" ? 24 : 40,
-        variant: "indeterminate"
-      })
-    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { status, size }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
-  ] });
-};
-
-// src/lib/modals/DisclaimerModal.tsx
+var import_mui_progress = require("@availity/mui-progress");
 var import_mui_dialog = require("@availity/mui-dialog");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
   configurationFindOne(id: $id) {
     ... on Text {
@@ -419,8 +359,8 @@ var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
   }
 }`;
 var DisclaimerModal = ({ disclaimerId }) => {
-  const [disclaimer, setDisclaimer] = (0, import_react2.useState)("");
-  (0, import_react2.useEffect)(() => {
+  const [disclaimer, setDisclaimer] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
     const fetchDisclaimer = () => __async(void 0, null, function* () {
       if (disclaimerId) {
         const result = yield import_api_axios2.avWebQLApi.create({ query: disclaimerQuery, variables: { id: disclaimerId } });
@@ -429,17 +369,18 @@ var DisclaimerModal = ({ disclaimerId }) => {
     });
     fetchDisclaimer();
   }, [disclaimerId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_dialog.DialogContent, { children: disclaimer ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { children: disclaimer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgress, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_dialog.DialogContent, { children: disclaimer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_markdown.default, { children: disclaimer }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_progress.CircularProgress, {}) });
 };
 
 // src/lib/modals/MultiPayerModal.tsx
 var import_mui_dialog2 = require("@availity/mui-dialog");
 var import_mui_layout = require("@availity/mui-layout");
-var import_mui_typography2 = require("@availity/mui-typography");
+var import_mui_typography = require("@availity/mui-typography");
 
 // src/lib/SpacesImage.tsx
+var import_mui_progress2 = require("@availity/mui-progress");
 var import_react_image = require("react-image");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var SpacesImage = (_a) => {
   var _b = _a, { spaceId, payerId, imageType = "url", fallback } = _b, props = __objRest(_b, ["spaceId", "payerId", "imageType", "fallback"]);
   var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
@@ -461,29 +402,29 @@ var SpacesImage = (_a) => {
   };
   let url = imageMap[imageType];
   if (!url && loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CircularProgress, { id: `app-${id}-loading` });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_progress2.CircularProgress, { id: `app-${id}-loading` });
   }
   if (!url && !loading && fallback) {
     url = fallback;
   }
   if (!url || !id)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_image.Img,
     __spreadValues({
       id: props.id || `app-img-${id}`,
       src: url,
       alt: `Space ${imageType}`,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CircularProgress, { id: `app-img-${id}-loading` })
+      loader: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_progress2.CircularProgress, { id: `app-img-${id}-loading` })
     }, props)
   );
 };
 
 // src/lib/modals/MultiPayerModal.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_dialog2.DialogContent, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_typography2.Typography, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_layout.Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_layout.Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SpacesImage, { spaceId: payerSpace.configurationId, imageType: "images.tile" }) })) })
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_mui_dialog2.DialogContent, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_typography.Typography, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_layout.Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_layout.Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpacesImage, { spaceId: payerSpace.configurationId, imageType: "images.tile" }) })) })
 ] });
 
 // src/lib/modals/modal-types.tsx
@@ -491,16 +432,16 @@ var isModalOptions = (action) => action.spaceType !== void 0;
 var isModalState = (action) => action.selectedOption !== void 0;
 
 // src/lib/modals/ModalProvider.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var MODAL_INITIAL_STATE = {
   isOpen: false,
   modalOptions: void 0,
   modalState: { selectedOption: { id: "", name: "" } },
   selectedModal: {}
 };
-var ModalContext = (0, import_react3.createContext)(null);
+var ModalContext = (0, import_react2.createContext)(null);
 var useModal = () => {
-  const ctx = (0, import_react3.useContext)(ModalContext);
+  const ctx = (0, import_react2.useContext)(ModalContext);
   if (!ctx)
     throw new Error("ModalContext be used inside a Provider");
   return ctx;
@@ -571,27 +512,27 @@ var modalReducer = (state, _a) => {
   return state;
 };
 var ModalProvider = ({ children }) => {
-  const [{ selectedModal, modalOptions, modalState, isOpen }, dispatch] = (0, import_react3.useReducer)(modalReducer, MODAL_INITIAL_STATE);
+  const [{ selectedModal, modalOptions, modalState, isOpen }, dispatch] = (0, import_react2.useReducer)(modalReducer, MODAL_INITIAL_STATE);
   const toggle = () => dispatch({ type: "RESET" });
   const buttonProps = (selectedModal == null ? void 0 : selectedModal.buttonProps) && (selectedModal == null ? void 0 : selectedModal.buttonProps(__spreadProps(__spreadValues({}, modalState), { modalOptions })));
   const Body = selectedModal == null ? void 0 : selectedModal.body;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     ModalContext.Provider,
     {
       value: (modalType, modalOptions2) => dispatch(__spreadValues({ type: `OPEN_${modalType}` }, modalOptions2)),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_mui_dialog3.Dialog, { open: isOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_dialog3.DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
-          Body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_dialog3.Dialog, { open: isOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_dialog3.DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
+          Body && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Body,
             __spreadProps(__spreadValues({}, modalOptions), {
               setState: (newState) => dispatch(__spreadValues({ type: "UPDATE_MODAL_STATE" }, newState)),
               state: modalState
             })
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_mui_dialog3.DialogActions, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_button.Button, { onClick: toggle, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_dialog3.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_button.Button, { onClick: toggle, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               import_mui_button.Button,
               __spreadProps(__spreadValues({
                 color: "primary"
@@ -624,12 +565,12 @@ var ModalProvider = ({ children }) => {
 };
 
 // src/lib/Spaces.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var INITIAL_STATE = {
   loading: true
 };
-var SpacesContext = (0, import_react4.createContext)(INITIAL_STATE);
-var useSpacesContext = () => (0, import_react4.useContext)(SpacesContext);
+var SpacesContext = (0, import_react3.createContext)(INITIAL_STATE);
+var useSpacesContext = () => (0, import_react3.useContext)(SpacesContext);
 var Spaces = ({
   query = configurationFindMany_default,
   variables = { types: ["PAYERSPACE"] },
@@ -639,7 +580,7 @@ var Spaces = ({
   spaceIds,
   spaces: spacesFromProps
 }) => {
-  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = (0, import_react4.useReducer)(spacesReducer, INITIAL_STATE);
+  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = (0, import_react3.useReducer)(spacesReducer, INITIAL_STATE);
   const spacesMap = new Map(previousSpacesMap);
   const configIdsMap = new Map(previousSpacesByConfigMap);
   const payerIdsMap = new Map(previousSpacesByPayerMap);
@@ -698,7 +639,7 @@ var Spaces = ({
       }
     ]
   });
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (isErrorByPayerIds || isErrorBySpaceIds) {
       dispatch({
         type: "ERROR",
@@ -707,7 +648,7 @@ var Spaces = ({
       });
     }
   }, [isErrorByPayerIds, isErrorBySpaceIds]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     dispatch({
       type: "LOADING",
       loading: true
@@ -774,7 +715,7 @@ var Spaces = ({
       return isReactNodeFunction(children) ? (() => children({ spaces: [spacesMap.values()], loading, error }))() : children;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     SpacesContext.Provider,
     {
       value: {
@@ -784,7 +725,7 @@ var Spaces = ({
         loading: loading || isLoadingByPayerIds || isLoadingBySpaceIds,
         error
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalProvider, { children: spacesChildren() })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModalProvider, { children: spacesChildren() })
     }
   );
 };
@@ -813,384 +754,17 @@ var useSpaces = (...ids) => {
 
 // src/lib/SpacesLink/SpacesLink.tsx
 var import_dayjs2 = __toESM(require("dayjs"));
-
-// ../card/src/lib/Card.tsx
-var import_Card = __toESM(require("@mui/material/Card"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Card = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Card.default, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../card/src/lib/CardActionArea.tsx
-var import_CardActionArea = __toESM(require("@mui/material/CardActionArea"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-
-// ../card/src/lib/CardActions.tsx
-var import_CardActions = __toESM(require("@mui/material/CardActions"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-
-// ../card/src/lib/CardContent.tsx
-var import_CardContent = __toESM(require("@mui/material/CardContent"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var CardContent = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CardContent.default, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../card/src/lib/CardHeader.tsx
-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"));
-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");
-
-// ../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"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var StatusChip = (_a) => {
-  var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
-  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");
+var import_mui_card = require("@availity/mui-card");
+var import_mui_typography2 = require("@availity/mui-typography");
+var import_react4 = require("react");
+var import_mui_chip = require("@availity/mui-chip");
+var import_mui_progress3 = require("@availity/mui-progress");
 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_react_query3 = require("@tanstack/react-query");
-var import_message_core3 = __toESM(require("@availity/message-core"));
-
-// ../favorites/src/lib/utils.ts
-var import_message_core2 = __toESM(require("@availity/message-core"));
-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 noOp = () => {
-};
-var useFavorites = (id) => {
-  const context = (0, import_react6.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 fav = favorites == null ? void 0 : favorites.find((f) => f.id === id);
-    return !!fav;
-  }, [favorites, id]);
-  const toggleFavorite = () => isFavorited ? deleteFavorite(id) : addFavorite(id);
-  const isDisabled = queryStatus === "loading" || queryStatus === "idle" || mutationStatus === "loading";
-  let status = "initLoading";
-  if (queryStatus === "loading")
-    status = "initLoading";
-  if (mutationStatus === "loading")
-    status = "reloading";
-  if (queryStatus === "error" || mutationStatus === "error")
-    status = "error";
-  if (queryStatus === "success" && (mutationStatus === "success" || mutationStatus === "idle"))
-    status = "success";
-  return {
-    isFavorited,
-    status,
-    isLastClickedFavorite,
-    toggleFavorite: isDisabled ? noOp : toggleFavorite
-  };
-};
-
-// ../tooltip/src/lib/Tooltip.tsx
-var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-var import_jsx_runtime17 = 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)(
-    import_Tooltip.default,
-    __spreadProps(__spreadValues({}, rest), {
-      TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
-      arrow: true,
-      children
-    })
-  );
-};
-
-// ../favorites/src/lib/FavoriteHeart.tsx
-var import_mui_icon3 = require("@availity/mui-icon");
-var import_styles2 = require("@mui/material/styles");
-var import_jsx_runtime18 = 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" })
-};
-var FavoriteHeartContainer = (0, import_styles2.styled)("div", { name: "AvFavoriteHeart", slot: "root" })({});
-var FavoriteInput = (0, import_styles2.styled)("input", {
-  name: "AvFavoriteHeart",
-  slot: "input"
-})({});
-var FavoriteIcon = (0, import_styles2.styled)("div", {
-  name: "AvFavoriteHeart",
-  slot: "icon"
-})({});
-var FavoriteHeart = ({
-  id,
-  name,
-  onChange,
-  onMouseDown,
-  disabled = false
-}) => {
-  const { isFavorited, isLastClickedFavorite, status, toggleFavorite } = useFavorites(id);
-  const handleChange = (event) => {
-    onChange == null ? void 0 : onChange(isFavorited, event);
-    toggleFavorite();
-  };
-  const handleKeyPress = (event) => {
-    if (event.code === "Enter" || event.key === "Enter") {
-      onChange == null ? void 0 : onChange(isFavorited, event);
-      toggleFavorite();
-    }
-  };
-  const iconKey = (() => {
-    if (status === "initLoading")
-      return "unknownDisabledHeart";
-    if (status === "reloading") {
-      if (isLastClickedFavorite)
-        return "spinner";
-      return isFavorited ? "favoritedDisabledHeart" : "unfavoritedDisabledHeart";
-    }
-    if (disabled) {
-      return isFavorited ? "favoritedDisabledHeart" : "unfavoritedDisabledHeart";
-    }
-    if (isFavorited)
-      return "favoritedHeart";
-    return "unfavoritedHeart";
-  })();
-  const cursor = disabled || !isLastClickedFavorite && (status === "initLoading" || status === "reloading") ? "not-allowed" : void 0;
-  const tooltipContent = `${isFavorited ? "Remove from" : "Add to"} My Favorites`;
-  const favoriteInputProps = {
-    onKeyDown: handleKeyPress,
-    type: "checkbox",
-    "aria-label": `Favorite ${name}`,
-    id: `av-favorite-heart-${id}`,
-    disabled,
-    checked: isFavorited,
-    onChange: handleChange,
-    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)(
-      "span",
-      {
-        style: {
-          position: "absolute",
-          width: "1px",
-          height: "1px",
-          padding: 0,
-          margin: "-1px",
-          overflow: "hidden",
-          clip: "rect(0,0,0,0)",
-          whiteSpace: "nowrap",
-          border: 0
-        },
-        "aria-live": isLastClickedFavorite && (status === "reloading" || status === "error") ? "polite" : "off",
-        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)) })
-  ] });
-};
-
-// src/lib/SpacesLink/SpacesLink.tsx
+var import_mui_favorites = require("@availity/mui-favorites");
 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");
-
-// ../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 }));
-});
-
-// ../list/src/lib/ListItemAvatar.tsx
-var import_ListItemAvatar = __toESM(require("@mui/material/ListItemAvatar"));
-var import_jsx_runtime21 = 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 }));
-});
-
-// ../list/src/lib/ListItemIcon.tsx
-var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// ../list/src/lib/ListItemStatusCard.tsx
-var import_react9 = 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 ListItemStatusCardSlot = (0, import_styles3.styled)(import_ListItem2.default, {
-  name: "AvListItemStatusCard",
-  slot: "root",
-  overridesResolver: (props, styles) => [styles.root, props.color && styles.color]
-})(({ theme, ownerState }) => __spreadValues({
-  backgroundColor: theme.palette.background.paper,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: "4px",
-  marginBottom: "4px",
-  paddingLeft: "8px",
-  "&.MuiListItem-padding.MuiListItem-gutters": {
-    paddingLeft: "calc(16px + 8px)"
-  }
-}, ownerState.color && ownerState.color !== "default" && {
-  ".AvListItemStatusCard-statusAccent": {
-    backgroundColor: `${theme.palette[ownerState.color].main}`
-  }
-}));
-var StatusAccent = (0, import_styles3.styled)("div", {
-  name: "AvListItemStatusCard",
-  slot: "statusAccent",
-  overridesResolver: (props, styles) => [styles.statusAccent, props.color && styles.color]
-})(({ theme }) => ({
-  position: "absolute",
-  left: 0,
-  top: 0,
-  height: "100%",
-  width: "8px",
-  backgroundColor: theme.palette.divider,
-  backgroundClip: "border-box",
-  borderTopLeftRadius: "3px",
-  borderBottomLeftRadius: "3px",
-  content: "''"
-}));
-var ListItemStatusCard = (0, import_react9.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" }),
-    children
-  ] }));
-});
-
-// ../list/src/lib/ListItemText.tsx
-var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
-var import_jsx_runtime25 = 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 }));
-};
-
-// ../list/src/lib/ListSubheader.tsx
-var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// src/lib/SpacesLink/SpacesLink.tsx
+var import_mui_list = require("@availity/mui-list");
 var import_react_markdown2 = __toESM(require("react-markdown"));
+var import_styles = require("@mui/material/styles");
 
 // src/lib/SpacesLink/useLink.tsx
 var import_hooks = require("@availity/hooks");
@@ -1333,26 +907,30 @@ var useLink = (spaceOrSpaceId, options) => {
 };
 
 // src/lib/SpacesLink/SpacesLink.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SpacesLinkContainer = (0, import_styles.styled)(import_mui_layout2.Box, { name: "AvSpacesLink", slot: "root" })({});
+var DateInfo = (0, import_styles.styled)(import_mui_layout2.Grid, { name: "AvSpacesLink", slot: "AvDateInfo" })({});
+var SpacesLinkFavoriteHeart = (0, import_styles.styled)(import_mui_layout2.Grid, { name: "AvSpacesLink", slot: "AvFavoriteHeart" })({});
+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: Card, list: ListItem }[variant];
+    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: CardContent, list: "div" }[variant];
+    return { card: import_mui_card.CardContent, list: "div" }[variant];
   return propTag || "div";
 };
 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")
-    return { card: import_mui_typography3.Typography, list: ListItemText }[variant];
+    return { card: import_mui_typography2.Typography, list: import_mui_list.ListItemText }[variant];
   return propTag || "div";
 };
 var SpacesLink = (_a) => {
@@ -1362,7 +940,7 @@ var SpacesLink = (_a) => {
     className,
     children,
     favorite,
-    icon,
+    icon: FileIcon,
     showName = true,
     showNew,
     showDate,
@@ -1420,22 +998,22 @@ 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)(
-      FavoriteHeart,
+  const favoriteIcon = (0, import_react4.useMemo)(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpacesLinkFavoriteHeart, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_mui_favorites.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)(
-        import_mui_typography3.Typography,
+  const dateInfo = (0, import_react4.useMemo)(
+    () => (showNew || showDate) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DateInfo, { textAlign: stacked ? "center" : "right", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_mui_chip.StatusChip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!", color: "secondary" }),
+      showDate && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_mui_typography2.Typography,
         {
           id: `${idPrefix}app-date-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
           variant: "caption",
@@ -1446,14 +1024,14 @@ 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_react4.useMemo)(
+    () => 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)) ? 2 : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          StatusChip,
+        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,
           {
             color: customBadgeColor || "info",
             id: `${idPrefix}app-custom-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}-${customBadgeText}`,
@@ -1475,7 +1053,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_runtime6.jsx)(import_mui_progress3.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 +1061,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_react4.cloneElement)(children, __spreadValues(__spreadValues({
         role: "link",
         tabIndex: 0,
         style: { cursor: showUrl ? "pointer" : "not-allowed" },
@@ -1491,78 +1069,100 @@ var SpacesLink = (_a) => {
       }, analytics), props));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    Tag,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_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: [
+              /* @__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,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)(import_react_markdown2.default, { children: linkSpace == null ? void 0 : linkSpace.description })
+                }
+              ),
+              variant === "card" && customBadgeDisplay
+            ] }),
+            variant !== "card" && customBadgeDisplay,
+            !stacked && dateInfo
+          ]
+        }
+      ) })
     })
   );
 };
 
 // src/lib/SpacesAgreement.tsx
-var import_mui_typography4 = require("@availity/mui-typography");
+var import_mui_typography3 = require("@availity/mui-typography");
 var import_react_markdown3 = __toESM(require("react-markdown"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime7 = 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_runtime7.jsx)(import_react_markdown3.default, { children: agreement }) : agreement;
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_mui_typography3.Typography, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
     }
   }
   return null;
@@ -1571,7 +1171,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_runtime8 = require("react/jsx-runtime");
 var SpacesDisclaimer = (_a) => {
   var _b = _a, {
     accent = true,
@@ -1588,8 +1188,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_runtime8.jsx)(import_react_markdown4.default, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         import_mui_disclaimer.Disclaimer,
         __spreadValues({
           accent,
@@ -1603,14 +1203,14 @@ var SpacesDisclaimer = (_a) => {
 };
 
 // src/lib/SpacesGhostText.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime9 = 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_runtime9.jsx)("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
   }
   return null;
 };