@availity/mui-spaces 0.3.4 → 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,307 +712,17 @@ 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";
-
-// ../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 { 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";
-
-// ../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" }));
-};
-
-// 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";
-
-// ../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 jsx15 } 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 jsx16 } from "react/jsx-runtime";
-var Tooltip = (props) => {
-  const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
-  return /* @__PURE__ */ jsx16(
-    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 jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
-var icons = {
-  spinner: /* @__PURE__ */ jsx17(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
-  unknownDisabledHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "disabled" }),
-  favoritedDisabledHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
-  unfavoritedDisabledHeart: /* @__PURE__ */ jsx17(HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
-  favoritedHeart: /* @__PURE__ */ jsx17(HeartIcon, { "aria-hidden": true, color: "error" }),
-  unfavoritedHeart: /* @__PURE__ */ jsx17(HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
-};
-var FavoriteHeartContainer = styled("div", { name: "AvFavoriteHeart", slot: "root" })({});
-var FavoriteInput = styled("input", {
-  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__ */ jsxs4(FavoriteHeartContainer, { children: [
-    /* @__PURE__ */ jsx17(FavoriteIcon, { children: icons[iconKey] }),
-    /* @__PURE__ */ jsx17(
-      "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__ */ jsx17(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ jsx17(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ jsx17(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
-  ] });
-};
-
-// src/lib/SpacesLink/SpacesLink.tsx
+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 jsx18 } from "react/jsx-runtime";
-
-// ../list/src/lib/ListItem.tsx
-import MuiListItem from "@mui/material/ListItem";
-import { forwardRef } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var ListItem = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx19(MuiListItem, __spreadProps(__spreadValues({}, props), { ref }));
-});
-
-// ../list/src/lib/ListItemAvatar.tsx
-import MuiListItemAvatar from "@mui/material/ListItemAvatar";
-import { jsx as jsx20 } from "react/jsx-runtime";
-
-// ../list/src/lib/ListItemButton.tsx
-import MuiListItemButton from "@mui/material/ListItemButton";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ListItemButton = forwardRef2((props, ref) => {
-  return /* @__PURE__ */ jsx21(MuiListItemButton, __spreadProps(__spreadValues({}, props), { ref }));
-});
-
-// ../list/src/lib/ListItemIcon.tsx
-import MuiListItemIcon from "@mui/material/ListItemIcon";
-import { jsx as jsx22 } from "react/jsx-runtime";
-
-// ../list/src/lib/ListItemStatusCard.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { styled as styled2, useThemeProps } from "@mui/material/styles";
-import MuiListItem2 from "@mui/material/ListItem";
-import { jsx as jsx23, jsxs as jsxs5 } 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 = forwardRef3((props, ref) => {
-  const _a = props, { alignItems = "flex-start", children, color } = _a, rest = __objRest(_a, ["alignItems", "children", "color"]);
-  const themeProps = useThemeProps({ props, name: "AvListItemStatusCard" });
-  const ownerState = __spreadProps(__spreadValues({}, themeProps), { color });
-  return /* @__PURE__ */ jsxs5(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
-    /* @__PURE__ */ jsx23(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
-    children
-  ] }));
-});
-
-// ../list/src/lib/ListItemText.tsx
-import MuiListItemText from "@mui/material/ListItemText";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var ListItemText = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx24(MuiListItemText, __spreadProps(__spreadValues({}, rest), { children }));
-};
-
-// ../list/src/lib/ListSubheader.tsx
-import MuiListSubheader from "@mui/material/ListSubheader";
-import { jsx as jsx25 } from "react/jsx-runtime";
-
-// src/lib/SpacesLink/SpacesLink.tsx
+import { ListItem, ListItemText } from "@availity/mui-list";
 import ReactMarkdown2 from "react-markdown";
-import { styled as styled3 } from "@mui/material/styles";
+import { styled } from "@mui/material/styles";
 
 // src/lib/SpacesLink/useLink.tsx
 import { useCurrentUser } from "@availity/hooks";
@@ -1216,11 +865,11 @@ var useLink = (spaceOrSpaceId, options) => {
 };
 
 // src/lib/SpacesLink/SpacesLink.tsx
-import { jsx as jsx26, jsxs as jsxs6 } from "react/jsx-runtime";
-var SpacesLinkContainer = styled3(Box2, { name: "AvSpacesLink", slot: "root" })({});
-var DateInfo = styled3(Grid2, { name: "AvSpacesLink", slot: "AvDateInfo" })({});
-var SpacesLinkFavoriteHeart = styled3(Grid2, { name: "AvSpacesLink", slot: "AvFavoriteHeart" })({});
-var IconLink = styled3(Link, { name: "AvSpacesLink", slot: "IconLink" })({});
+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")
@@ -1239,7 +888,7 @@ var getTitleTag = (propTag, variant) => {
 };
 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) => {
@@ -1307,8 +956,8 @@ 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__ */ jsx26(SpacesLinkFavoriteHeart, { children: /* @__PURE__ */ jsx26(
+  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}`,
@@ -1318,11 +967,11 @@ var SpacesLink = (_a) => {
     ) }),
     [favorite, linkSpace == null ? void 0 : linkSpace.configurationId, linkSpace == null ? void 0 : linkSpace.name, idPrefix]
   );
-  const dateInfo = useMemo2(
-    () => (showNew || showDate) && /* @__PURE__ */ jsxs6(DateInfo, { textAlign: stacked ? "center" : "right", children: [
-      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ jsx26(StatusChip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!", color: "secondary" }),
-      showDate && /* @__PURE__ */ jsx26(
-        Typography3,
+  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",
@@ -1333,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__ */ jsx26(
+  const customBadgeDisplay = useMemo(
+    () => customBadgeText && /* @__PURE__ */ jsx6(
       Box2,
       {
         textAlign: stacked ? "center" : "inherit",
         marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 1 : void 0,
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx6(
           StatusChip,
           {
             color: customBadgeColor || "info",
@@ -1362,7 +1011,7 @@ var SpacesLink = (_a) => {
     ]
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx26(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);
@@ -1378,7 +1027,7 @@ var SpacesLink = (_a) => {
       }, analytics), props));
     }
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx6(
     SpacesLinkContainer,
     __spreadProps(__spreadValues({
       component: Tag,
@@ -1387,7 +1036,7 @@ var SpacesLink = (_a) => {
     }, rest), {
       style: __spreadValues({}, style),
       role: variant === "list" ? "listitem" : role,
-      children: /* @__PURE__ */ jsx26(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs6(
+      children: /* @__PURE__ */ jsx6(BodyTag, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs3(
         Grid2,
         {
           alignItems: !showDescription || stacked ? "center" : "start",
@@ -1396,24 +1045,24 @@ var SpacesLink = (_a) => {
           flexWrap: "nowrap",
           children: [
             !stacked && favoriteIcon,
-            FileIcon && (linkSpace == null ? void 0 : linkSpace.url) && ((_b2 = linkSpace == null ? void 0 : linkSpace.type) == null ? void 0 : _b2.toUpperCase()) === "FILE" ? /* @__PURE__ */ jsx26(
+            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__ */ jsx26(FileIcon, { "data-testid": "icon" })
+                children: /* @__PURE__ */ jsx6(FileIcon, { "data-testid": "icon" })
               }
             ) : null,
-            children ? renderChildren() : body && /* @__PURE__ */ jsxs6(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, flexGrow: 1, children: [
-              /* @__PURE__ */ jsx26(
+            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__ */ jsx26(
+                  children: /* @__PURE__ */ jsx6(
                     TitleTag,
                     __spreadProps(__spreadValues(__spreadValues({
                       id: `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
@@ -1434,7 +1083,7 @@ var SpacesLink = (_a) => {
                 }
               ),
               stacked && dateInfo,
-              showDescription && (linkSpace == null ? void 0 : linkSpace.description) && /* @__PURE__ */ jsx26(
+              showDescription && (linkSpace == null ? void 0 : linkSpace.description) && /* @__PURE__ */ jsx6(
                 TextTag,
                 {
                   component: "div",
@@ -1447,7 +1096,7 @@ var SpacesLink = (_a) => {
                     textOverflow: "ellipsis"
                   },
                   id: `${idPrefix}app-description-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
-                  children: /* @__PURE__ */ jsx26(ReactMarkdown2, { children: linkSpace == null ? void 0 : linkSpace.description })
+                  children: /* @__PURE__ */ jsx6(ReactMarkdown2, { children: linkSpace == null ? void 0 : linkSpace.description })
                 }
               ),
               variant === "card" && customBadgeDisplay
@@ -1462,16 +1111,16 @@ var SpacesLink = (_a) => {
 };
 
 // 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 jsx27 } 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__ */ jsx27(ReactMarkdown3, { children: agreement }) : agreement;
-      return /* @__PURE__ */ jsx27(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;
@@ -1480,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 jsx28 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var SpacesDisclaimer = (_a) => {
   var _b = _a, {
     accent = true,
@@ -1497,8 +1146,8 @@ var SpacesDisclaimer = (_a) => {
   if (spaces && spaces.length > 0) {
     const { description: disclaimer, id } = spaces[0];
     if (disclaimer) {
-      const children = markdown ? /* @__PURE__ */ jsx28(ReactMarkdown4, { children: disclaimer }) : disclaimer;
-      return /* @__PURE__ */ jsx28(
+      const children = markdown ? /* @__PURE__ */ jsx8(ReactMarkdown4, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ jsx8(
         Disclaimer,
         __spreadValues({
           accent,
@@ -1512,14 +1161,14 @@ var SpacesDisclaimer = (_a) => {
 };
 
 // src/lib/SpacesGhostText.tsx
-import { jsx as jsx29 } 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__ */ jsx29("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ jsx29("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
+    return /* @__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;
 };