@hybridcore/ui 1.4.13 → 1.4.15

package/dist/components/card/index.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { Skeleton as n, Box as g, Avatar as C } from "@mui/material";
+import { jsx as e, jsxs as a, Fragment as u } from "react/jsx-runtime";
+import { Skeleton as n, Box as f, Avatar as M } from "@mui/material";
 import { LandscapeCardRoot as I, LandscapeInfoBox as P, LandscapeCardExtraActions as _, PortraitCardRoot as L, PortraitCardExtraActions as U } from "./styled.js";
-import { _ as u, a as O } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
-import * as T from "react";
+import { _ as x, a as T } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as S from "react";
 import { P as i } from "../../createStyled-BzvgQjjR.js";
-import { g as S, u as N, c as k, a as B, b as H } from "../../useThemeProps-uYx_RkOH.js";
-import { g as j, s as R } from "../../styled-LNCprp4n.js";
-import { C as M } from "../../CardContent-DFsCCOWk.js";
-import { T as p } from "../../Typography-Bm7PFqUT.js";
+import { g as N, u as k, c as B, a as j, b as H } from "../../useThemeProps-uYx_RkOH.js";
+import { g as R, s as E } from "../../styled-LNCprp4n.js";
+import { C as O } from "../../CardContent-DFsCCOWk.js";
+import { T as g } from "../../Typography-Bm7PFqUT.js";
 function D(t) {
-  return j("MuiCardActions", t);
+  return R("MuiCardActions", t);
 }
-S("MuiCardActions", ["root", "spacing"]);
+N("MuiCardActions", ["root", "spacing"]);
 const z = ["disableSpacing", "className"], $ = (t) => {
   const {
     classes: o,
     disableSpacing: s
   } = t;
-  return B({
+  return j({
     root: ["root", !s && "spacing"]
   }, D, o);
-}, F = R("div", {
+}, F = E("div", {
   name: "MuiCardActions",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -31,7 +31,7 @@ const z = ["disableSpacing", "className"], $ = (t) => {
   }
 })(({
   ownerState: t
-}) => u({
+}) => x({
   display: "flex",
   alignItems: "center",
   padding: 8
@@ -39,23 +39,23 @@ const z = ["disableSpacing", "className"], $ = (t) => {
   "& > :not(:first-of-type)": {
     marginLeft: 8
   }
-})), E = /* @__PURE__ */ T.forwardRef(function(o, s) {
-  const c = N({
+})), W = /* @__PURE__ */ S.forwardRef(function(o, s) {
+  const c = k({
     props: o,
     name: "MuiCardActions"
   }), {
     disableSpacing: l = !1,
-    className: f
-  } = c, d = O(c, z), m = u({}, c, {
+    className: w
+  } = c, m = T(c, z), p = x({}, c, {
     disableSpacing: l
-  }), x = $(m);
-  return /* @__PURE__ */ e(F, u({
-    className: k(x.root, f),
-    ownerState: m,
+  }), v = $(p);
+  return /* @__PURE__ */ e(F, x({
+    className: B(v.root, w),
+    ownerState: p,
     ref: s
-  }, d));
+  }, m));
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -83,19 +83,19 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
 function V(t) {
-  return j("MuiCardMedia", t);
+  return R("MuiCardMedia", t);
 }
-S("MuiCardMedia", ["root", "media", "img"]);
+N("MuiCardMedia", ["root", "media", "img"]);
 const G = ["children", "className", "component", "image", "src", "style"], q = (t) => {
   const {
     classes: o,
     isMediaComponent: s,
     isImageComponent: c
   } = t;
-  return B({
+  return j({
     root: ["root", s && "media", c && "img"]
   }, V, o);
-}, J = R("div", {
+}, J = E("div", {
   name: "MuiCardMedia",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -109,7 +109,7 @@ const G = ["children", "className", "component", "image", "src", "style"], q = (
   }
 })(({
   ownerState: t
-}) => u({
+}) => x({
   display: "block",
   backgroundSize: "cover",
   backgroundRepeat: "no-repeat",
@@ -119,37 +119,37 @@ const G = ["children", "className", "component", "image", "src", "style"], q = (
 }, t.isImageComponent && {
   // ⚠️ object-fit is not supported by IE11.
   objectFit: "cover"
-})), K = ["video", "audio", "picture", "iframe", "img"], Q = ["picture", "img"], b = /* @__PURE__ */ T.forwardRef(function(o, s) {
-  const c = N({
+})), K = ["video", "audio", "picture", "iframe", "img"], Q = ["picture", "img"], y = /* @__PURE__ */ S.forwardRef(function(o, s) {
+  const c = k({
     props: o,
     name: "MuiCardMedia"
   }), {
     children: l,
-    className: f,
-    component: d = "div",
-    image: m,
-    src: x,
-    style: a
-  } = c, w = O(c, G), v = K.indexOf(d) !== -1, W = !v && m ? u({
-    backgroundImage: `url("${m}")`
-  }, a) : a, y = u({}, c, {
-    component: d,
-    isMediaComponent: v,
-    isImageComponent: Q.indexOf(d) !== -1
-  }), A = q(y);
-  return /* @__PURE__ */ e(J, u({
-    className: k(A.root, f),
-    as: d,
-    role: !v && m ? "img" : void 0,
+    className: w,
+    component: m = "div",
+    image: p,
+    src: v,
+    style: r
+  } = c, h = T(c, G), d = K.indexOf(m) !== -1, b = !d && p ? x({
+    backgroundImage: `url("${p}")`
+  }, r) : r, C = x({}, c, {
+    component: m,
+    isMediaComponent: d,
+    isImageComponent: Q.indexOf(m) !== -1
+  }), A = q(C);
+  return /* @__PURE__ */ e(J, x({
+    className: B(A.root, w),
+    as: m,
+    role: !d && p ? "img" : void 0,
     ref: s,
-    style: W,
-    ownerState: y,
-    src: v ? m || x : void 0
-  }, w, {
+    style: b,
+    ownerState: C,
+    src: d ? p || v : void 0
+  }, h, {
     children: l
   }));
 });
-process.env.NODE_ENV !== "production" && (b.propTypes = {
+process.env.NODE_ENV !== "production" && (y.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -192,334 +192,372 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const re = ({
+const ae = ({
   title: t,
   text: o,
   image: s,
   orientation: c = "portrait",
   avatar: l,
-  actions: f,
-  extraActions: d,
-  extraInfo: m,
-  stats: x,
-  loading: a = !1
-}) => c === "landscape" ? /* @__PURE__ */ r(I, { children: [
-  a ? /* @__PURE__ */ e(
-    n,
-    {
-      sx: { width: 330, height: 200 },
-      animation: "wave",
-      variant: "rounded"
-    }
-  ) : /* @__PURE__ */ e(
-    b,
-    {
-      component: "img",
-      alt: t,
-      image: s,
-      sx: { width: 330, height: 200 }
-    }
-  ),
-  /* @__PURE__ */ r(M, { children: [
-    /* @__PURE__ */ e(g, { flex: 1, children: /* @__PURE__ */ r(
-      g,
+  actions: w,
+  extraActions: m,
+  extraInfo: p,
+  stats: v,
+  loading: r = !1,
+  onClick: h
+}) => {
+  const d = () => {
+    h && h();
+  };
+  return c === "landscape" ? /* @__PURE__ */ a(I, { children: [
+    r ? /* @__PURE__ */ e(
+      n,
       {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        height: "100%",
-        children: [
-          /* @__PURE__ */ e(g, { children: a ? /* @__PURE__ */ r(h, { children: [
-            /* @__PURE__ */ e(
-              n,
-              {
-                animation: "wave",
-                height: 10,
-                style: { marginBottom: 16, marginTop: 10 }
-              }
-            ),
-            /* @__PURE__ */ e(
-              n,
-              {
-                animation: "wave",
-                height: 10,
-                style: { marginBottom: 6 }
-              }
-            ),
-            /* @__PURE__ */ e(
+        sx: { width: 330, height: 200 },
+        animation: "wave",
+        variant: "rounded"
+      }
+    ) : /* @__PURE__ */ e(
+      y,
+      {
+        component: "img",
+        alt: t,
+        image: s,
+        sx: {
+          width: 330,
+          height: 200,
+          cursor: h ? "pointer" : "default"
+        },
+        onClick: d
+      }
+    ),
+    /* @__PURE__ */ a(O, { children: [
+      /* @__PURE__ */ e(f, { flex: 1, children: /* @__PURE__ */ a(
+        f,
+        {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between",
+          height: "100%",
+          children: [
+            /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ e(
+                n,
+                {
+                  animation: "wave",
+                  height: 10,
+                  style: { marginBottom: 16, marginTop: 10 }
+                }
+              ),
+              /* @__PURE__ */ e(
+                n,
+                {
+                  animation: "wave",
+                  height: 10,
+                  style: { marginBottom: 6 }
+                }
+              ),
+              /* @__PURE__ */ e(
+                n,
+                {
+                  animation: "wave",
+                  height: 10,
+                  width: "80%",
+                  style: { marginBottom: 6 }
+                }
+              )
+            ] }) : /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ e(
+                g,
+                {
+                  gutterBottom: !0,
+                  variant: "subtitle1",
+                  component: "h3",
+                  sx: {
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 3,
+                    WebkitBoxOrient: "vertical",
+                    cursor: h ? "pointer" : "default"
+                  },
+                  onClick: d,
+                  children: t
+                }
+              ),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  variant: "caption",
+                  component: "p",
+                  sx: {
+                    color: "text.secondary",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 4,
+                    WebkitBoxOrient: "vertical",
+                    lineHeight: "16px",
+                    cursor: h ? "pointer" : "default"
+                  },
+                  onClick: d,
+                  children: /* @__PURE__ */ e("small", { children: o })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ e(
               n,
               {
                 animation: "wave",
                 height: 10,
-                width: "80%",
+                width: "40%",
                 style: { marginBottom: 6 }
               }
-            )
-          ] }) : /* @__PURE__ */ r(h, { children: [
-            /* @__PURE__ */ e(
-              p,
-              {
-                gutterBottom: !0,
-                variant: "subtitle1",
-                component: "h3",
-                sx: {
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  display: "-webkit-box",
-                  WebkitLineClamp: 3,
-                  WebkitBoxOrient: "vertical"
-                },
-                children: t
-              }
-            ),
-            /* @__PURE__ */ e(
-              p,
-              {
-                variant: "caption",
-                component: "p",
-                sx: {
-                  color: "text.secondary",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  display: "-webkit-box",
-                  WebkitLineClamp: 4,
-                  WebkitBoxOrient: "vertical",
-                  lineHeight: "16px"
-                },
-                children: /* @__PURE__ */ e("small", { children: o })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ e(g, { children: a ? /* @__PURE__ */ e(
+            ) : v })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ a(P, { children: [
+        r ? /* @__PURE__ */ e(
+          n,
+          {
+            animation: "wave",
+            variant: "circular",
+            width: 42,
+            height: 42
+          }
+        ) : /* @__PURE__ */ e(M, { src: l.image, sx: { width: 42, height: 42 } }),
+        r ? /* @__PURE__ */ a(u, { children: [
+          /* @__PURE__ */ e(
             n,
             {
               animation: "wave",
               height: 10,
               width: "40%",
-              style: { marginBottom: 6 }
+              sx: { mb: 0.25, mt: 0.35 }
             }
-          ) : x })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ r(P, { children: [
-      a ? /* @__PURE__ */ e(
-        n,
-        {
-          animation: "wave",
-          variant: "circular",
-          width: 42,
-          height: 42
-        }
-      ) : /* @__PURE__ */ e(C, { src: l.image, sx: { width: 42, height: 42 } }),
-      a ? /* @__PURE__ */ r(h, { children: [
-        /* @__PURE__ */ e(
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              animation: "wave",
+              height: 10,
+              width: "60%",
+              sx: { mb: 0.25 }
+            }
+          )
+        ] }) : /* @__PURE__ */ a(u, { children: [
+          /* @__PURE__ */ e(
+            g,
+            {
+              variant: "subtitle2",
+              sx: {
+                fontWeight: "normal",
+                lineHeight: "14px",
+                fontSize: "13px"
+              },
+              children: l.title
+            }
+          ),
+          /* @__PURE__ */ e(
+            g,
+            {
+              variant: "caption",
+              sx: { color: "text.secondary", lineHeight: "12px" },
+              children: /* @__PURE__ */ e("small", { children: l.subTitle })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(_, { children: r ? /* @__PURE__ */ a(u, { children: [
+          /* @__PURE__ */ e(
+            n,
+            {
+              animation: "wave",
+              variant: "circular",
+              width: 32,
+              height: 32
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              animation: "wave",
+              variant: "circular",
+              width: 32,
+              height: 32
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              animation: "wave",
+              variant: "circular",
+              width: 32,
+              height: 32
+            }
+          )
+        ] }) : m }),
+        r ? /* @__PURE__ */ e(
           n,
           {
             animation: "wave",
             height: 10,
             width: "40%",
-            sx: { mb: 0.25, mt: 0.35 }
+            sx: { mb: 0.05, mt: 0.35 }
           }
-        ),
-        /* @__PURE__ */ e(
-          n,
-          {
-            animation: "wave",
-            height: 10,
-            width: "60%",
-            sx: { mb: 0.25 }
-          }
-        )
-      ] }) : /* @__PURE__ */ r(h, { children: [
-        /* @__PURE__ */ e(
-          p,
-          {
-            variant: "subtitle2",
-            sx: {
-              fontWeight: "normal",
-              lineHeight: "14px",
-              fontSize: "13px"
-            },
-            children: l.title
-          }
-        ),
-        /* @__PURE__ */ e(
-          p,
+        ) : /* @__PURE__ */ e(
+          g,
           {
             variant: "caption",
             sx: { color: "text.secondary", lineHeight: "12px" },
-            children: /* @__PURE__ */ e("small", { children: l.subTitle })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(_, { children: a ? /* @__PURE__ */ r(h, { children: [
-        /* @__PURE__ */ e(
-          n,
-          {
-            animation: "wave",
-            variant: "circular",
-            width: 32,
-            height: 32
-          }
-        ),
-        /* @__PURE__ */ e(
-          n,
-          {
-            animation: "wave",
-            variant: "circular",
-            width: 32,
-            height: 32
+            children: /* @__PURE__ */ e("small", { children: p })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ e(f, { display: "flex", mt: 1, width: "100%", children: r ? /* @__PURE__ */ e(
           n,
           {
+            variant: "rounded",
             animation: "wave",
-            variant: "circular",
-            width: 32,
-            height: 32
+            height: 36,
+            width: "100%",
+            sx: { borderRadius: (b) => b.shape.borderRadius }
           }
-        )
-      ] }) : d }),
-      a ? /* @__PURE__ */ e(
+        ) : w })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ a(L, { children: [
+    r ? /* @__PURE__ */ e(n, { sx: { height: 172 }, animation: "wave", variant: "rectangular" }) : /* @__PURE__ */ e(
+      y,
+      {
+        component: "img",
+        alt: t,
+        height: "172",
+        image: s,
+        sx: { cursor: h ? "pointer" : "default" },
+        onClick: d
+      }
+    ),
+    /* @__PURE__ */ e(O, { children: r ? /* @__PURE__ */ a(u, { children: [
+      /* @__PURE__ */ e(
         n,
         {
           animation: "wave",
           height: 10,
-          width: "40%",
-          sx: { mb: 0.05, mt: 0.35 }
+          style: { marginBottom: 16, marginTop: 10 }
         }
-      ) : /* @__PURE__ */ e(
-        p,
+      ),
+      /* @__PURE__ */ e(
+        n,
         {
-          variant: "caption",
-          sx: { color: "text.secondary", lineHeight: "12px" },
-          children: /* @__PURE__ */ e("small", { children: m })
+          animation: "wave",
+          height: 10,
+          style: { marginBottom: 6 }
         }
       ),
-      /* @__PURE__ */ e(g, { display: "flex", mt: 1, width: "100%", children: a ? /* @__PURE__ */ e(
+      /* @__PURE__ */ e(
         n,
         {
-          variant: "rounded",
           animation: "wave",
-          height: 36,
-          width: "100%",
-          sx: { borderRadius: (w) => w.shape.borderRadius }
+          height: 10,
+          width: "80%",
+          style: { marginBottom: 8 }
         }
-      ) : f })
-    ] })
-  ] })
-] }) : /* @__PURE__ */ r(L, { children: [
-  a ? /* @__PURE__ */ e(n, { sx: { height: 172 }, animation: "wave", variant: "rectangular" }) : /* @__PURE__ */ e(b, { component: "img", alt: t, height: "172", image: s }),
-  /* @__PURE__ */ e(M, { children: a ? /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(
-      n,
-      {
-        animation: "wave",
-        height: 10,
-        style: { marginBottom: 16, marginTop: 10 }
-      }
-    ),
-    /* @__PURE__ */ e(
-      n,
-      {
-        animation: "wave",
-        height: 10,
-        style: { marginBottom: 6 }
-      }
-    ),
-    /* @__PURE__ */ e(
-      n,
-      {
-        animation: "wave",
-        height: 10,
-        width: "80%",
-        style: { marginBottom: 8 }
-      }
-    )
-  ] }) : /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(p, { gutterBottom: !0, variant: "subtitle1", component: "h3", noWrap: !0, children: t }),
-    /* @__PURE__ */ e(
-      p,
+      )
+    ] }) : /* @__PURE__ */ a(u, { children: [
+      /* @__PURE__ */ e(
+        g,
+        {
+          gutterBottom: !0,
+          variant: "subtitle1",
+          component: "h3",
+          noWrap: !0,
+          sx: { cursor: h ? "pointer" : "default" },
+          onClick: d,
+          children: t
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          variant: "caption",
+          component: "p",
+          sx: {
+            color: "text.secondary",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            display: "-webkit-box",
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: "vertical",
+            lineHeight: "16px",
+            cursor: h ? "pointer" : "default"
+          },
+          onClick: d,
+          children: /* @__PURE__ */ e("small", { children: o })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ a(
+      W,
       {
-        variant: "caption",
-        component: "p",
         sx: {
-          color: "text.secondary",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          lineHeight: "16px"
+          display: "flex",
+          justifyContent: "space-between",
+          p: (b) => b.spacing(2)
         },
-        children: /* @__PURE__ */ e("small", { children: o })
-      }
-    )
-  ] }) }),
-  /* @__PURE__ */ r(
-    E,
-    {
-      sx: {
-        display: "flex",
-        justifyContent: "space-between",
-        p: (w) => w.spacing(2)
-      },
-      children: [
-        /* @__PURE__ */ r(g, { display: "flex", justifyItems: "center", flex: 1, children: [
-          a ? /* @__PURE__ */ e(
-            n,
-            {
-              animation: "wave",
-              variant: "circular",
-              width: 29,
-              height: 29,
-              sx: { mb: 0.6 }
-            }
-          ) : /* @__PURE__ */ e(C, { src: l.image, sx: { width: 29, height: 29 } }),
-          /* @__PURE__ */ e(g, { display: "flex", flexDirection: "column", ml: 1, flex: 1, children: a ? /* @__PURE__ */ r(h, { children: [
-            /* @__PURE__ */ e(
+        children: [
+          /* @__PURE__ */ a(f, { display: "flex", justifyItems: "center", flex: 1, children: [
+            r ? /* @__PURE__ */ e(
               n,
               {
                 animation: "wave",
-                height: 10,
-                style: { marginBottom: 2, marginTop: 3 },
-                width: "40%"
-              }
-            ),
-            /* @__PURE__ */ e(n, { animation: "wave", height: 10, width: "60%" })
-          ] }) : /* @__PURE__ */ r(h, { children: [
-            /* @__PURE__ */ e(
-              p,
-              {
-                variant: "subtitle2",
-                sx: {
-                  fontWeight: "normal",
-                  lineHeight: "14px",
-                  fontSize: "13px"
-                },
-                noWrap: !0,
-                children: l.title
-              }
-            ),
-            /* @__PURE__ */ e(
-              p,
-              {
-                variant: "caption",
-                sx: { color: "text.secondary" },
-                noWrap: !0,
-                children: /* @__PURE__ */ e("small", { children: l.subTitle })
+                variant: "circular",
+                width: 29,
+                height: 29,
+                sx: { mb: 0.6 }
               }
-            )
-          ] }) })
-        ] }),
-        !a && /* @__PURE__ */ e(g, { display: "flex", children: f })
-      ]
-    }
-  ),
-  a === !1 && d !== void 0 && /* @__PURE__ */ e(U, { className: "extra-actions", children: d })
-] });
+            ) : /* @__PURE__ */ e(M, { src: l.image, sx: { width: 29, height: 29 } }),
+            /* @__PURE__ */ e(f, { display: "flex", flexDirection: "column", ml: 1, flex: 1, children: r ? /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ e(
+                n,
+                {
+                  animation: "wave",
+                  height: 10,
+                  style: { marginBottom: 2, marginTop: 3 },
+                  width: "40%"
+                }
+              ),
+              /* @__PURE__ */ e(n, { animation: "wave", height: 10, width: "60%" })
+            ] }) : /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ e(
+                g,
+                {
+                  variant: "subtitle2",
+                  sx: {
+                    fontWeight: "normal",
+                    lineHeight: "14px",
+                    fontSize: "13px"
+                  },
+                  noWrap: !0,
+                  children: l.title
+                }
+              ),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  variant: "caption",
+                  sx: { color: "text.secondary" },
+                  noWrap: !0,
+                  children: /* @__PURE__ */ e("small", { children: l.subTitle })
+                }
+              )
+            ] }) })
+          ] }),
+          !r && /* @__PURE__ */ e(f, { display: "flex", children: w })
+        ]
+      }
+    ),
+    r === !1 && m !== void 0 && /* @__PURE__ */ e(U, { className: "extra-actions", children: m })
+  ] });
+};
 export {
-  re as Card
+  ae as Card
 };