@hybridcore/ui 1.0.2 → 1.1.2

package/dist/components/card/index.js

@@ -1,133 +1,61 @@
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
-import { Box as f, Avatar as P } from "@mui/material";
-import { _ as d, P as n, g as C, s as v, a as O, c as _, e as U, L, b as V, d as H, f as z, h as q } from "../../styled-BG5UIpPU.js";
-import * as y from "react";
-function A(t) {
-  var e, r, o = "";
-  if (typeof t == "string" || typeof t == "number") o += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var i = t.length;
-    for (e = 0; e < i; e++) t[e] && (r = A(t[e])) && (o && (o += " "), o += r);
-  } else for (r in t) t[r] && (o && (o += " "), o += r);
-  return o;
-}
-function M() {
-  for (var t, e, r = 0, o = "", i = arguments.length; r < i; r++) (t = arguments[r]) && (e = A(t)) && (o && (o += " "), o += e);
-  return o;
-}
-function T(t, e, r = void 0) {
-  const o = {};
-  return Object.keys(t).forEach(
-    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
-    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
-    (i) => {
-      o[i] = t[i].reduce((a, c) => {
-        if (c) {
-          const l = e(c);
-          l !== "" && a.push(l), r && r[c] && a.push(r[c]);
-        }
-        return a;
-      }, []).join(" ");
-    }
-  ), o;
-}
-function W(t, e) {
-  const r = d({}, e);
-  return Object.keys(t).forEach((o) => {
-    if (o.toString().match(/^(components|slots)$/))
-      r[o] = d({}, t[o], r[o]);
-    else if (o.toString().match(/^(componentsProps|slotProps)$/)) {
-      const i = t[o] || {}, a = e[o];
-      r[o] = {}, !a || !Object.keys(a) ? r[o] = i : !i || !Object.keys(i) ? r[o] = a : (r[o] = d({}, a), Object.keys(i).forEach((c) => {
-        r[o][c] = W(i[c], a[c]);
-      }));
-    } else r[o] === void 0 && (r[o] = t[o]);
-  }), r;
-}
-const F = /* @__PURE__ */ y.createContext(void 0);
-process.env.NODE_ENV !== "production" && (n.node, n.object);
-function G(t) {
-  const {
-    theme: e,
-    name: r,
-    props: o
-  } = t;
-  if (!e || !e.components || !e.components[r])
-    return o;
-  const i = e.components[r];
-  return i.defaultProps ? W(i.defaultProps, o) : !i.styleOverrides && !i.variants ? W(i, o) : o;
-}
-function J({
-  props: t,
-  name: e
-}) {
-  const r = y.useContext(F);
-  return G({
-    props: t,
-    name: e,
-    theme: {
-      components: r
-    }
-  });
-}
-process.env.NODE_ENV !== "production" && (n.node, n.object.isRequired);
-function j(t) {
-  return J(t);
-}
-function w(t, e, r = "Mui") {
-  const o = {};
-  return e.forEach((i) => {
-    o[i] = C(t, i, r);
-  }), o;
-}
-function K(t) {
-  return C("MuiCardActions", t);
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Box as p, Avatar as b } from "@mui/material";
+import { LandscapeCardRoot as A, LandscapeInfoBox as I, LandscapeCardExtraActions as P, PortraitCardRoot as _, PortraitCardExtraActions as L } from "./styled.js";
+import { a as m, _ as v } from "../../extends-C3382pL0.js";
+import * as M from "react";
+import { P as t } from "../../createTheme-agWfFD64.js";
+import { g as w, u as O, c as N, a as S, b as B } from "../../chainPropTypes-DtBfUj5o.js";
+import { g as T, s as j } from "../../styled-Iq9jsO4F.js";
+import { C as y } from "../../CardContent-C8PxkJz4.js";
+import { T as d } from "../../Typography-XIiVCSto.js";
+function U(e) {
+  return T("MuiCardActions", e);
 }
 w("MuiCardActions", ["root", "spacing"]);
-const Q = ["disableSpacing", "className"], X = (t) => {
+const D = ["disableSpacing", "className"], H = (e) => {
   const {
-    classes: e,
-    disableSpacing: r
-  } = t;
-  return T({
-    root: ["root", !r && "spacing"]
-  }, K, e);
-}, Y = v("div", {
+    classes: i,
+    disableSpacing: n
+  } = e;
+  return S({
+    root: ["root", !n && "spacing"]
+  }, U, i);
+}, z = j("div", {
   name: "MuiCardActions",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, i) => {
     const {
-      ownerState: r
-    } = t;
-    return [e.root, !r.disableSpacing && e.spacing];
+      ownerState: n
+    } = e;
+    return [i.root, !n.disableSpacing && i.spacing];
   }
 })(({
-  ownerState: t
-}) => d({
+  ownerState: e
+}) => m({
   display: "flex",
   alignItems: "center",
   padding: 8
-}, !t.disableSpacing && {
+}, !e.disableSpacing && {
   "& > :not(style) ~ :not(style)": {
     marginLeft: 8
   }
-})), D = /* @__PURE__ */ y.forwardRef(function(e, r) {
-  const o = j({
-    props: e,
+})), k = /* @__PURE__ */ M.forwardRef(function(i, n) {
+  const r = O({
+    props: i,
     name: "MuiCardActions"
   }), {
-    disableSpacing: i = !1,
-    className: a
-  } = o, c = O(o, Q), l = d({}, o, {
-    disableSpacing: i
-  }), p = X(l);
-  return /* @__PURE__ */ s(Y, d({
-    className: M(p.root, a),
+    disableSpacing: s = !1,
+    className: h
+  } = r, a = v(r, D), l = m({}, r, {
+    disableSpacing: s
+  }), u = H(l);
+  return /* @__PURE__ */ o(z, m({
+    className: N(u.root, h),
     ownerState: l,
-    ref: r
-  }, c));
+    ref: n
+  }, a));
 });
-process.env.NODE_ENV !== "production" && (D.propTypes = {
+process.env.NODE_ENV !== "production" && (k.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -135,162 +63,93 @@ process.env.NODE_ENV !== "production" && (D.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: t.string,
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing: n.bool,
+  disableSpacing: t.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function Z(t) {
-  return C("MuiCardContent", t);
-}
-w("MuiCardContent", ["root"]);
-const tt = ["className", "component"], et = (t) => {
-  const {
-    classes: e
-  } = t;
-  return T({
-    root: ["root"]
-  }, Z, e);
-}, ot = v("div", {
-  name: "MuiCardContent",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})(() => ({
-  padding: 16,
-  "&:last-child": {
-    paddingBottom: 24
-  }
-})), S = /* @__PURE__ */ y.forwardRef(function(e, r) {
-  const o = j({
-    props: e,
-    name: "MuiCardContent"
-  }), {
-    className: i,
-    component: a = "div"
-  } = o, c = O(o, tt), l = d({}, o, {
-    component: a
-  }), p = et(l);
-  return /* @__PURE__ */ s(ot, d({
-    as: a,
-    className: M(p.root, i),
-    ownerState: l,
-    ref: r
-  }, c));
-});
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
-});
-function nt(t, e) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
-    return t(...o) || e(...o);
-  };
-}
-function rt(t) {
-  return C("MuiCardMedia", t);
+function $(e) {
+  return T("MuiCardMedia", e);
 }
 w("MuiCardMedia", ["root", "media", "img"]);
-const it = ["children", "className", "component", "image", "src", "style"], st = (t) => {
+const V = ["children", "className", "component", "image", "src", "style"], F = (e) => {
   const {
-    classes: e,
-    isMediaComponent: r,
-    isImageComponent: o
-  } = t;
-  return T({
-    root: ["root", r && "media", o && "img"]
-  }, rt, e);
-}, at = v("div", {
+    classes: i,
+    isMediaComponent: n,
+    isImageComponent: r
+  } = e;
+  return S({
+    root: ["root", n && "media", r && "img"]
+  }, $, i);
+}, G = j("div", {
   name: "MuiCardMedia",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, i) => {
     const {
-      ownerState: r
-    } = t, {
-      isMediaComponent: o,
-      isImageComponent: i
-    } = r;
-    return [e.root, o && e.media, i && e.img];
+      ownerState: n
+    } = e, {
+      isMediaComponent: r,
+      isImageComponent: s
+    } = n;
+    return [i.root, r && i.media, s && i.img];
   }
 })(({
-  ownerState: t
-}) => d({
+  ownerState: e
+}) => m({
   display: "block",
   backgroundSize: "cover",
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center"
-}, t.isMediaComponent && {
+}, e.isMediaComponent && {
   width: "100%"
-}, t.isImageComponent && {
+}, e.isImageComponent && {
   // ⚠️ object-fit is not supported by IE11.
   objectFit: "cover"
-})), ct = ["video", "audio", "picture", "iframe", "img"], lt = ["picture", "img"], B = /* @__PURE__ */ y.forwardRef(function(e, r) {
-  const o = j({
-    props: e,
+})), q = ["video", "audio", "picture", "iframe", "img"], J = ["picture", "img"], x = /* @__PURE__ */ M.forwardRef(function(i, n) {
+  const r = O({
+    props: i,
     name: "MuiCardMedia"
   }), {
-    children: i,
-    className: a,
-    component: c = "div",
+    children: s,
+    className: h,
+    component: a = "div",
     image: l,
-    src: p,
-    style: g
-  } = o, E = O(o, it), m = ct.indexOf(c) !== -1, b = !m && l ? d({
+    src: u,
+    style: f
+  } = r, E = v(r, V), g = q.indexOf(a) !== -1, R = !g && l ? m({
     backgroundImage: `url("${l}")`
-  }, g) : g, x = d({}, o, {
-    component: c,
-    isMediaComponent: m,
-    isImageComponent: lt.indexOf(c) !== -1
-  }), R = st(x);
-  return /* @__PURE__ */ s(at, d({
-    className: M(R.root, a),
-    as: c,
-    role: !m && l ? "img" : void 0,
-    ref: r,
-    style: b,
-    ownerState: x,
-    src: m ? l || p : void 0
+  }, f) : f, C = m({}, r, {
+    component: a,
+    isMediaComponent: g,
+    isImageComponent: J.indexOf(a) !== -1
+  }), W = F(C);
+  return /* @__PURE__ */ o(G, m({
+    className: N(W.root, h),
+    as: a,
+    role: !g && l ? "img" : void 0,
+    ref: n,
+    style: R,
+    ownerState: C,
+    src: g ? l || u : void 0
   }, E, {
-    children: i
+    children: s
   }));
 });
-process.env.NODE_ENV !== "production" && (B.propTypes = {
+process.env.NODE_ENV !== "production" && (x.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -298,242 +157,73 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
   /**
    * The content of the component.
    */
-  children: nt(n.node, (t) => !t.children && !t.image && !t.src && !t.component ? new Error("MUI: Either `children`, `image`, `src` or `component` prop must be specified.") : null),
+  children: B(t.node, (e) => !e.children && !e.image && !e.src && !e.component ? new Error("MUI: Either `children`, `image`, `src` or `component` prop must be specified.") : null),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: n.elementType,
+  component: t.elementType,
   /**
    * Image to be displayed as a background image.
    * Either `image` or `src` prop must be specified.
    * Note that caller must specify height otherwise the image will not be visible.
    */
-  image: n.string,
+  image: t.string,
   /**
    * An alias for `image` property.
    * Available only with media components.
    * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
    */
-  src: n.string,
+  src: t.string,
   /**
    * @ignore
    */
-  style: n.object,
+  style: t.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
-});
-function dt(t) {
-  return C("MuiTypography", t);
-}
-w("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const pt = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], ut = (t) => {
-  const {
-    align: e,
-    gutterBottom: r,
-    noWrap: o,
-    paragraph: i,
-    variant: a,
-    classes: c
-  } = t, l = {
-    root: ["root", a, t.align !== "inherit" && `align${_(e)}`, r && "gutterBottom", o && "noWrap", i && "paragraph"]
-  };
-  return T(l, dt, c);
-}, ht = v("span", {
-  name: "MuiTypography",
-  slot: "Root",
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: r
-    } = t;
-    return [e.root, r.variant && e[r.variant], r.align !== "inherit" && e[`align${_(r.align)}`], r.noWrap && e.noWrap, r.gutterBottom && e.gutterBottom, r.paragraph && e.paragraph];
-  }
-})(({
-  theme: t,
-  ownerState: e
-}) => d({
-  margin: 0
-}, e.variant === "inherit" && {
-  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-  font: "inherit"
-}, e.variant !== "inherit" && t.typography[e.variant], e.align !== "inherit" && {
-  textAlign: e.align
-}, e.noWrap && {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}, e.gutterBottom && {
-  marginBottom: "0.35em"
-}, e.paragraph && {
-  marginBottom: 16
-})), k = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  body1: "p",
-  body2: "p",
-  inherit: "p"
-}, ft = {
-  primary: "primary.main",
-  textPrimary: "text.primary",
-  secondary: "secondary.main",
-  textSecondary: "text.secondary",
-  error: "error.main"
-}, mt = (t) => ft[t] || t, h = /* @__PURE__ */ y.forwardRef(function(e, r) {
-  const o = j({
-    props: e,
-    name: "MuiTypography"
-  }), i = mt(o.color), a = U(d({}, o, {
-    color: i
-  })), {
-    align: c = "inherit",
-    className: l,
-    component: p,
-    gutterBottom: g = !1,
-    noWrap: E = !1,
-    paragraph: m = !1,
-    variant: b = "body1",
-    variantMapping: x = k
-  } = a, R = O(a, pt), N = d({}, a, {
-    align: c,
-    color: i,
-    className: l,
-    component: p,
-    gutterBottom: g,
-    noWrap: E,
-    paragraph: m,
-    variant: b,
-    variantMapping: x
-  }), $ = p || (m ? "p" : x[b] || k[b]) || "span", I = ut(N);
-  return /* @__PURE__ */ s(ht, d({
-    as: $,
-    ref: r,
-    ownerState: N,
-    className: M(I.root, l)
-  }, R));
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: n.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: n.bool,
-  /**
-   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-   *
-   * Note that text overflow can only happen with block or inline-block level elements
-   * (the element needs to have a width in order to overflow).
-   * @default false
-   */
-  noWrap: n.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   */
-  paragraph: n.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: n.oneOfType([n.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), n.string]),
-  /**
-   * The component maps the variant prop to a range of different HTML element types.
-   * For instance, subtitle1 to `<h6>`.
-   * If you wish to change that mapping, you can provide your own.
-   * Alternatively, you can use the `component` prop.
-   * @default {
-   *   h1: 'h1',
-   *   h2: 'h2',
-   *   h3: 'h3',
-   *   h4: 'h4',
-   *   h5: 'h5',
-   *   h6: 'h6',
-   *   subtitle1: 'h6',
-   *   subtitle2: 'h6',
-   *   body1: 'p',
-   *   body2: 'p',
-   *   inherit: 'p',
-   * }
-   */
-  variantMapping: n.object
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const xt = ({
-  title: t,
-  text: e,
-  image: r,
-  orientation: o = "portrait",
-  avatar: i,
-  actions: a,
-  extraActions: c,
+const ne = ({
+  title: e,
+  text: i,
+  image: n,
+  orientation: r = "portrait",
+  avatar: s,
+  actions: h,
+  extraActions: a,
   extraInfo: l,
-  stats: p
-}) => o === "landscape" ? /* @__PURE__ */ u(L, { children: [
-  /* @__PURE__ */ s(
-    B,
+  stats: u
+}) => r === "landscape" ? /* @__PURE__ */ c(A, { children: [
+  /* @__PURE__ */ o(
+    x,
     {
       component: "img",
-      alt: t,
-      image: r,
+      alt: e,
+      image: n,
       sx: { width: 330, height: 200 }
     }
   ),
-  /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ s(f, { flex: 1, children: /* @__PURE__ */ u(
-      f,
+  /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ o(p, { flex: 1, children: /* @__PURE__ */ c(
+      p,
       {
         display: "flex",
         flexDirection: "column",
         justifyContent: "space-between",
         height: "100%",
         children: [
-          /* @__PURE__ */ u(f, { children: [
-            /* @__PURE__ */ s(
-              h,
+          /* @__PURE__ */ c(p, { children: [
+            /* @__PURE__ */ o(
+              d,
               {
                 gutterBottom: !0,
                 variant: "subtitle1",
@@ -545,11 +235,11 @@ const xt = ({
                   WebkitLineClamp: 3,
                   WebkitBoxOrient: "vertical"
                 },
-                children: t
+                children: e
               }
             ),
-            /* @__PURE__ */ s(
-              h,
+            /* @__PURE__ */ o(
+              d,
               {
                 variant: "caption",
                 component: "p",
@@ -562,18 +252,18 @@ const xt = ({
                   WebkitBoxOrient: "vertical",
                   lineHeight: "16px"
                 },
-                children: /* @__PURE__ */ s("small", { children: e })
+                children: /* @__PURE__ */ o("small", { children: i })
               }
             )
           ] }),
-          /* @__PURE__ */ s(f, { children: p })
+          /* @__PURE__ */ o(p, { children: u })
         ]
       }
     ) }),
-    /* @__PURE__ */ u(V, { children: [
-      /* @__PURE__ */ s(P, { src: i.image, sx: { width: 42, height: 42 } }),
-      /* @__PURE__ */ s(
-        h,
+    /* @__PURE__ */ c(I, { children: [
+      /* @__PURE__ */ o(b, { src: s.image, sx: { width: 42, height: 42 } }),
+      /* @__PURE__ */ o(
+        d,
         {
           variant: "subtitle2",
           sx: {
@@ -581,35 +271,35 @@ const xt = ({
             lineHeight: "14px",
             fontSize: "13px"
           },
-          children: i.title
+          children: s.title
         }
       ),
-      /* @__PURE__ */ s(
-        h,
+      /* @__PURE__ */ o(
+        d,
         {
           variant: "caption",
           sx: { color: "text.secondary", lineHeight: "12px" },
-          children: /* @__PURE__ */ s("small", { children: i.subTitle })
+          children: /* @__PURE__ */ o("small", { children: s.subTitle })
         }
       ),
-      /* @__PURE__ */ s(H, { children: c }),
-      /* @__PURE__ */ s(
-        h,
+      /* @__PURE__ */ o(P, { children: a }),
+      /* @__PURE__ */ o(
+        d,
         {
           variant: "caption",
           sx: { color: "text.secondary", lineHeight: "12px" },
-          children: /* @__PURE__ */ s("small", { children: l })
+          children: /* @__PURE__ */ o("small", { children: l })
         }
       ),
-      /* @__PURE__ */ s(f, { display: "flex", mt: 1, width: "100%", children: a })
+      /* @__PURE__ */ o(p, { display: "flex", mt: 1, width: "100%", children: h })
     ] })
   ] })
-] }) : /* @__PURE__ */ u(z, { children: [
-  /* @__PURE__ */ s(B, { component: "img", alt: t, height: "172", image: r }),
-  /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ s(h, { gutterBottom: !0, variant: "subtitle1", component: "h3", noWrap: !0, children: t }),
-    /* @__PURE__ */ s(
-      h,
+] }) : /* @__PURE__ */ c(_, { children: [
+  /* @__PURE__ */ o(x, { component: "img", alt: e, height: "172", image: n }),
+  /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ o(d, { gutterBottom: !0, variant: "subtitle1", component: "h3", noWrap: !0, children: e }),
+    /* @__PURE__ */ o(
+      d,
       {
         variant: "caption",
         component: "p",
@@ -622,24 +312,24 @@ const xt = ({
           WebkitBoxOrient: "vertical",
           lineHeight: "16px"
         },
-        children: /* @__PURE__ */ s("small", { children: e })
+        children: /* @__PURE__ */ o("small", { children: i })
       }
     )
   ] }),
-  /* @__PURE__ */ u(
-    D,
+  /* @__PURE__ */ c(
+    k,
     {
       sx: {
         display: "flex",
         justifyContent: "space-between",
-        p: (g) => g.spacing(2)
+        p: (f) => f.spacing(2)
       },
       children: [
-        /* @__PURE__ */ u(f, { display: "flex", justifyItems: "center", children: [
-          /* @__PURE__ */ s(P, { src: i.image, sx: { width: 29, height: 29 } }),
-          /* @__PURE__ */ u(f, { display: "flex", flexDirection: "column", ml: 1, children: [
-            /* @__PURE__ */ s(
-              h,
+        /* @__PURE__ */ c(p, { display: "flex", justifyItems: "center", children: [
+          /* @__PURE__ */ o(b, { src: s.image, sx: { width: 29, height: 29 } }),
+          /* @__PURE__ */ c(p, { display: "flex", flexDirection: "column", ml: 1, children: [
+            /* @__PURE__ */ o(
+              d,
               {
                 variant: "subtitle2",
                 sx: {
@@ -648,26 +338,26 @@ const xt = ({
                   fontSize: "13px"
                 },
                 noWrap: !0,
-                children: i.title
+                children: s.title
               }
             ),
-            /* @__PURE__ */ s(
-              h,
+            /* @__PURE__ */ o(
+              d,
               {
                 variant: "caption",
                 sx: { color: "text.secondary" },
                 noWrap: !0,
-                children: /* @__PURE__ */ s("small", { children: i.subTitle })
+                children: /* @__PURE__ */ o("small", { children: s.subTitle })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ s(f, { display: "flex", children: a })
+        /* @__PURE__ */ o(p, { display: "flex", children: h })
       ]
     }
   ),
-  c !== void 0 && /* @__PURE__ */ s(q, { className: "extra-actions", children: c })
+  a !== void 0 && /* @__PURE__ */ o(L, { className: "extra-actions", children: a })
 ] });
 export {
-  xt as Card
+  ne as Card
 };