@availity/mui-spaces 0.3.3 → 0.3.5

package/dist/index.mjs

@@ -51,7 +51,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/lib/Spaces.tsx
-import { createContext as createContext2, useContext as useContext2, useReducer as useReducer2, useEffect as useEffect3 } from "react";
+import { createContext as createContext2, useContext as useContext2, useReducer as useReducer2, useEffect as useEffect2 } from "react";
 import { useQueries } from "@tanstack/react-query";
 
 // src/lib/spaces-data.tsx
@@ -303,74 +303,12 @@ var updateTopApps = (space, akaname) => __async(void 0, null, function* () {
 });
 
 // src/lib/modals/DisclaimerModal.tsx
-import { useState as useState2, useEffect as useEffect2 } from "react";
+import { useState, useEffect } from "react";
 import { avWebQLApi as avWebQLApi2 } from "@availity/api-axios";
 import ReactMarkdown from "react-markdown";
-
-// ../progress/src/lib/CircularProgress.tsx
-import { useEffect, useState } from "react";
-import {
-  default as MuiCircularProgress
-} from "@mui/material/CircularProgress";
-import Stack from "@mui/material/Stack";
-import { SuccessCircleIcon, WarningCircleIcon } from "@availity/mui-icon";
-import { Typography } from "@availity/mui-typography";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StatusIcon = ({ status, size }) => {
-  const fontSize = size === "small" ? "medium" : "large";
-  switch (status) {
-    case "error":
-      return /* @__PURE__ */ jsx(WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
-    case "success":
-      return /* @__PURE__ */ jsx(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] = useState("loading");
-  useEffect(() => {
-    if (error) {
-      setStatus("error");
-    } else if (success) {
-      setStatus("success");
-    } else {
-      setStatus("loading");
-    }
-  }, [error, success]);
-  return /* @__PURE__ */ jsxs(Stack, { width: "fit-content", alignItems: "center", children: [
-    status === "loading" ? /* @__PURE__ */ jsx(
-      MuiCircularProgress,
-      __spreadProps(__spreadValues({
-        "aria-label": "Loading"
-      }, props), {
-        size: size === "small" ? 24 : 40,
-        variant: "indeterminate"
-      })
-    ) : /* @__PURE__ */ jsx(StatusIcon, { status, size }),
-    /* @__PURE__ */ jsx(Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
-  ] });
-};
-
-// src/lib/modals/DisclaimerModal.tsx
+import { CircularProgress } from "@availity/mui-progress";
 import { DialogContent } from "@availity/mui-dialog";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
   configurationFindOne(id: $id) {
     ... on Text {
@@ -379,8 +317,8 @@ var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
   }
 }`;
 var DisclaimerModal = ({ disclaimerId }) => {
-  const [disclaimer, setDisclaimer] = useState2("");
-  useEffect2(() => {
+  const [disclaimer, setDisclaimer] = useState("");
+  useEffect(() => {
     const fetchDisclaimer = () => __async(void 0, null, function* () {
       if (disclaimerId) {
         const result = yield avWebQLApi2.create({ query: disclaimerQuery, variables: { id: disclaimerId } });
@@ -389,17 +327,18 @@ var DisclaimerModal = ({ disclaimerId }) => {
     });
     fetchDisclaimer();
   }, [disclaimerId]);
-  return /* @__PURE__ */ jsx2(DialogContent, { children: disclaimer ? /* @__PURE__ */ jsx2(ReactMarkdown, { children: disclaimer }) : /* @__PURE__ */ jsx2(CircularProgress, {}) });
+  return /* @__PURE__ */ jsx(DialogContent, { children: disclaimer ? /* @__PURE__ */ jsx(ReactMarkdown, { children: disclaimer }) : /* @__PURE__ */ jsx(CircularProgress, {}) });
 };
 
 // src/lib/modals/MultiPayerModal.tsx
 import { DialogContent as DialogContent2 } from "@availity/mui-dialog";
 import { Grid, Box } from "@availity/mui-layout";
-import { Typography as Typography2 } from "@availity/mui-typography";
+import { Typography } from "@availity/mui-typography";
 
 // src/lib/SpacesImage.tsx
+import { CircularProgress as CircularProgress2 } from "@availity/mui-progress";
 import { Img } from "react-image";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "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;
@@ -421,29 +360,29 @@ var SpacesImage = (_a) => {
   };
   let url = imageMap[imageType];
   if (!url && loading) {
-    return /* @__PURE__ */ jsx3(CircularProgress, { id: `app-${id}-loading` });
+    return /* @__PURE__ */ jsx2(CircularProgress2, { id: `app-${id}-loading` });
   }
   if (!url && !loading && fallback) {
     url = fallback;
   }
   if (!url || !id)
     return null;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Img,
     __spreadValues({
       id: props.id || `app-img-${id}`,
       src: url,
       alt: `Space ${imageType}`,
-      loader: /* @__PURE__ */ jsx3(CircularProgress, { id: `app-img-${id}-loading` })
+      loader: /* @__PURE__ */ jsx2(CircularProgress2, { id: `app-img-${id}-loading` })
     }, props)
   );
 };
 
 // src/lib/modals/MultiPayerModal.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ jsxs2(DialogContent2, { children: [
-  /* @__PURE__ */ jsx4(Typography2, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
-  /* @__PURE__ */ jsx4(Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ jsx4(Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ jsx4(SpacesImage, { spaceId: payerSpace.configurationId, imageType: "images.tile" }) })) })
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ jsxs(DialogContent2, { children: [
+  /* @__PURE__ */ jsx3(Typography, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
+  /* @__PURE__ */ jsx3(Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ jsx3(Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ jsx3(SpacesImage, { spaceId: payerSpace.configurationId, imageType: "images.tile" }) })) })
 ] });
 
 // src/lib/modals/modal-types.tsx
@@ -451,7 +390,7 @@ var isModalOptions = (action) => action.spaceType !== void 0;
 var isModalState = (action) => action.selectedOption !== void 0;
 
 // src/lib/modals/ModalProvider.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var MODAL_INITIAL_STATE = {
   isOpen: false,
   modalOptions: void 0,
@@ -535,23 +474,23 @@ var ModalProvider = ({ children }) => {
   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__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     ModalContext.Provider,
     {
       value: (modalType, modalOptions2) => dispatch(__spreadValues({ type: `OPEN_${modalType}` }, modalOptions2)),
       children: [
-        /* @__PURE__ */ jsxs3(Dialog, { open: isOpen, children: [
-          /* @__PURE__ */ jsx5(DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
-          Body && /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs2(Dialog, { open: isOpen, children: [
+          /* @__PURE__ */ jsx4(DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
+          Body && /* @__PURE__ */ jsx4(
             Body,
             __spreadProps(__spreadValues({}, modalOptions), {
               setState: (newState) => dispatch(__spreadValues({ type: "UPDATE_MODAL_STATE" }, newState)),
               state: modalState
             })
           ),
-          /* @__PURE__ */ jsxs3(DialogActions, { children: [
-            /* @__PURE__ */ jsx5(Button, { onClick: toggle, children: "Cancel" }),
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs2(DialogActions, { children: [
+            /* @__PURE__ */ jsx4(Button, { onClick: toggle, children: "Cancel" }),
+            /* @__PURE__ */ jsx4(
               Button,
               __spreadProps(__spreadValues({
                 color: "primary"
@@ -584,7 +523,7 @@ var ModalProvider = ({ children }) => {
 };
 
 // src/lib/Spaces.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var INITIAL_STATE = {
   loading: true
 };
@@ -658,7 +597,7 @@ var Spaces = ({
       }
     ]
   });
-  useEffect3(() => {
+  useEffect2(() => {
     if (isErrorByPayerIds || isErrorBySpaceIds) {
       dispatch({
         type: "ERROR",
@@ -667,7 +606,7 @@ var Spaces = ({
       });
     }
   }, [isErrorByPayerIds, isErrorBySpaceIds]);
-  useEffect3(() => {
+  useEffect2(() => {
     dispatch({
       type: "LOADING",
       loading: true
@@ -734,7 +673,7 @@ var Spaces = ({
       return isReactNodeFunction(children) ? (() => children({ spaces: [spacesMap.values()], loading, error }))() : children;
     }
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     SpacesContext.Provider,
     {
       value: {
@@ -744,7 +683,7 @@ var Spaces = ({
         loading: loading || isLoadingByPayerIds || isLoadingBySpaceIds,
         error
       },
-      children: /* @__PURE__ */ jsx6(ModalProvider, { children: spacesChildren() })
+      children: /* @__PURE__ */ jsx5(ModalProvider, { children: spacesChildren() })
     }
   );
 };
@@ -773,393 +712,24 @@ var useSpaces = (...ids) => {
 
 // src/lib/SpacesLink/SpacesLink.tsx
 import dayjs2 from "dayjs";
-
-// ../card/src/lib/Card.tsx
-import { default as MuiCard } from "@mui/material/Card";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Card = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx7(MuiCard, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../card/src/lib/CardActionArea.tsx
-import {
-  default as MuiCardActionArea
-} from "@mui/material/CardActionArea";
-import { jsx as jsx8 } from "react/jsx-runtime";
-
-// ../card/src/lib/CardActions.tsx
-import { default as MuiCardActions } from "@mui/material/CardActions";
-import { jsx as jsx9 } from "react/jsx-runtime";
-
-// ../card/src/lib/CardContent.tsx
-import { default as MuiCardContent } from "@mui/material/CardContent";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var CardContent = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx10(MuiCardContent, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../card/src/lib/CardHeader.tsx
-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";
-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";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var StatusChip = (_a) => {
-  var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
-  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
-      ] })
-    })
-  );
-});
-
-// ../favorites/src/lib/Favorites.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useState as useState3, useMemo } from "react";
-import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-import avMessages2 from "@availity/message-core";
-
-// ../favorites/src/lib/utils.ts
-import avMessages from "@availity/message-core";
-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";
-var FavoritesContext = createContext3(null);
-var noOp = () => {
-};
-var useFavorites = (id) => {
-  const context = useContext3(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 = 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
-import { default as MuiTooltip } from "@mui/material/Tooltip";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Tooltip = (props) => {
-  const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
-  return /* @__PURE__ */ jsx17(
-    MuiTooltip,
-    __spreadProps(__spreadValues({}, rest), {
-      TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
-      arrow: true,
-      children
-    })
-  );
-};
-
-// ../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";
-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" })
-};
-var FavoriteHeartContainer = styled("div", { name: "AvFavoriteHeart", slot: "root" })({});
-var FavoriteInput = styled("input", {
-  name: "AvFavoriteHeart",
-  slot: "input"
-})({});
-var FavoriteIcon = 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__ */ jsxs5(FavoriteHeartContainer, { children: [
-    /* @__PURE__ */ jsx18(FavoriteIcon, { children: icons[iconKey] }),
-    /* @__PURE__ */ jsx18(
-      "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__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ jsx18(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
-  ] });
-};
-
-// src/lib/SpacesLink/SpacesLink.tsx
+import { Card, CardContent } from "@availity/mui-card";
+import { Typography as Typography2 } from "@availity/mui-typography";
+import { useMemo, cloneElement } from "react";
+import { StatusChip } from "@availity/mui-chip";
+import { CircularProgress as CircularProgress3 } from "@availity/mui-progress";
+import Link from "@mui/material/Link";
+import { FavoriteHeart } from "@availity/mui-favorites";
 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";
-
-// ../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 }));
-});
-
-// ../list/src/lib/ListItemAvatar.tsx
-import MuiListItemAvatar from "@mui/material/ListItemAvatar";
-import { jsx as jsx21 } 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 }));
-});
-
-// ../list/src/lib/ListItemIcon.tsx
-import MuiListItemIcon from "@mui/material/ListItemIcon";
-import { jsx as jsx23 } from "react/jsx-runtime";
-
-// ../list/src/lib/ListItemStatusCard.tsx
-import { forwardRef as forwardRef4 } 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";
-var ListItemStatusCardSlot = styled2(MuiListItem2, {
-  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 = styled2("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 = forwardRef4((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" }),
-    children
-  ] }));
-});
-
-// ../list/src/lib/ListItemText.tsx
-import MuiListItemText from "@mui/material/ListItemText";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var ListItemText = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx25(MuiListItemText, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../list/src/lib/ListSubheader.tsx
-import MuiListSubheader from "@mui/material/ListSubheader";
-import { jsx as jsx26 } from "react/jsx-runtime";
-
-// src/lib/SpacesLink/SpacesLink.tsx
+import { ListItem, ListItemText } from "@availity/mui-list";
 import ReactMarkdown2 from "react-markdown";
+import { styled } 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 +737,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 +865,11 @@ var useLink = (spaceOrSpaceId, options) => {
 };
 
 // src/lib/SpacesLink/SpacesLink.tsx
-import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var SpacesLinkContainer = styled(Box2, { name: "AvSpacesLink", slot: "root" })({});
+var DateInfo = styled(Grid2, { name: "AvSpacesLink", slot: "AvDateInfo" })({});
+var SpacesLinkFavoriteHeart = styled(Grid2, { name: "AvSpacesLink", slot: "AvFavoriteHeart" })({});
+var IconLink = styled(Link, { name: "AvSpacesLink", slot: "IconLink" })({});
 var getDisplayDate = (date) => dayjs2(date).format("MM/DD/YYYY");
 var getContainerTag = (propTag, variant) => {
   if (variant && variant !== "default")
@@ -1309,12 +883,12 @@ 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")
-    return { card: Typography3, list: ListItemText }[variant];
+    return { card: Typography2, list: ListItemText }[variant];
   return propTag || "div";
 };
 var SpacesLink = (_a) => {
@@ -1324,7 +898,7 @@ var SpacesLink = (_a) => {
     className,
     children,
     favorite,
-    icon,
+    icon: FileIcon,
     showName = true,
     showNew,
     showDate,
@@ -1382,22 +956,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 = useMemo2(
-    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ jsx27(
+  const favoriteIcon = useMemo(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ jsx6(SpacesLinkFavoriteHeart, { children: /* @__PURE__ */ jsx6(
       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(
-        Typography3,
+  const dateInfo = useMemo(
+    () => (showNew || showDate) && /* @__PURE__ */ jsxs3(DateInfo, { textAlign: stacked ? "center" : "right", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ jsx6(StatusChip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!", color: "secondary" }),
+      showDate && /* @__PURE__ */ jsx6(
+        Typography2,
         {
           id: `${idPrefix}app-date-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
           variant: "caption",
@@ -1408,13 +982,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 = useMemo2(
-    () => customBadgeText && /* @__PURE__ */ jsx27(
+  const customBadgeDisplay = useMemo(
+    () => customBadgeText && /* @__PURE__ */ jsx6(
       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__ */ jsx6(
           StatusChip,
           {
             color: customBadgeColor || "info",
@@ -1437,7 +1011,7 @@ var SpacesLink = (_a) => {
     ]
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx27(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
+    return /* @__PURE__ */ jsx6(CircularProgress3, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
   }
   const Tag = getContainerTag(tag, variant);
   const BodyTag = getBodyTag(bodyTag, variant);
@@ -1453,78 +1027,100 @@ var SpacesLink = (_a) => {
       }, analytics), props));
     }
   };
-  return /* @__PURE__ */ jsx27(
-    Tag,
+  return /* @__PURE__ */ jsx6(
+    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__ */ jsx6(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs3(
+        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__ */ jsx6(
+              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__ */ jsx6(FileIcon, { "data-testid": "icon" })
+              }
+            ) : null,
+            children ? renderChildren() : body && /* @__PURE__ */ jsxs3(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
+              /* @__PURE__ */ jsx6(
+                Box2,
+                {
+                  marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+                  paddingTop: stacked ? 3 : void 0,
+                  textAlign: stacked ? "center" : void 0,
+                  children: /* @__PURE__ */ jsx6(
+                    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__ */ jsx6(
+                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__ */ jsx6(ReactMarkdown2, { children: linkSpace == null ? void 0 : linkSpace.description })
+                }
+              ),
+              variant === "card" && customBadgeDisplay
+            ] }),
+            variant !== "card" && customBadgeDisplay,
+            !stacked && dateInfo
+          ]
+        }
+      ) })
     })
   );
 };
 
 // src/lib/SpacesAgreement.tsx
-import { Typography as Typography4 } from "@availity/mui-typography";
+import { Typography as Typography3 } from "@availity/mui-typography";
 import ReactMarkdown3 from "react-markdown";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx7 } 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__ */ jsx7(ReactMarkdown3, { children: agreement }) : agreement;
+      return /* @__PURE__ */ jsx7(Typography3, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
     }
   }
   return null;
@@ -1533,7 +1129,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 jsx8 } from "react/jsx-runtime";
 var SpacesDisclaimer = (_a) => {
   var _b = _a, {
     accent = true,
@@ -1550,8 +1146,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__ */ jsx8(ReactMarkdown4, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ jsx8(
         Disclaimer,
         __spreadValues({
           accent,
@@ -1565,14 +1161,14 @@ var SpacesDisclaimer = (_a) => {
 };
 
 // src/lib/SpacesGhostText.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx9 } 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__ */ jsx9("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ jsx9("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
   }
   return null;
 };