@xyo-network/react-card 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/components/SimpleCard/SimpleCard.d.mts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+import { CardExProps } from '../CardEx';
+export interface SimpleCardProps extends CardExProps {
+    desc?: ReactNode;
+    headline?: ReactNode;
+    href?: string;
+    iconImage?: string;
+    interactionVariant?: 'button' | 'card';
+    media?: string;
+    small?: boolean;
+    subtitle?: string;
+    to?: To;
+}
+export declare const SimpleCard: React.FC<SimpleCardProps>;
+//# sourceMappingURL=SimpleCard.d.ts.map

package/dist/node/components/SimpleCard/SimpleCard.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8EhD,CAAA"}

package/dist/node/components/SimpleCard/SimpleCard.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+import { CardExProps } from '../CardEx';
+export interface SimpleCardProps extends CardExProps {
+    desc?: ReactNode;
+    headline?: ReactNode;
+    href?: string;
+    iconImage?: string;
+    interactionVariant?: 'button' | 'card';
+    media?: string;
+    small?: boolean;
+    subtitle?: string;
+    to?: To;
+}
+export declare const SimpleCard: React.FC<SimpleCardProps>;
+//# sourceMappingURL=SimpleCard.d.ts.map

package/dist/node/components/SimpleCard/SimpleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8EhD,CAAA"}

package/dist/node/components/SimpleCard/SimpleCard.js

@@ -0,0 +1,98 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleCard_exports = {};
+__export(SimpleCard_exports, {
+  SimpleCard: () => SimpleCard
+});
+module.exports = __toCommonJS(SimpleCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_CardEx = require("../CardEx");
+const SimpleCard = ({
+  desc,
+  iconImage,
+  interactionVariant = "card",
+  headline,
+  href,
+  media,
+  small,
+  subtitle,
+  sx,
+  to,
+  ...props
+}) => {
+  const theme = (0, import_material.useTheme)();
+  const [raised, setRaised] = (0, import_react.useState)(false);
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const isMobile = (0, import_react_shared.useIsMobile)();
+  const localRouteChange = (to2) => {
+    to2 ? navigate(to2) : navigate("/404");
+  };
+  const externalRouteChange = (href2) => {
+    href2 ? window.open(href2) : navigate("/404");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_CardEx.CardEx,
+    {
+      elevation: raised ? 3 : 0,
+      sx: {
+        "&:hover": {
+          cursor: interactionVariant == "button" ? "pointer" : null
+        },
+        backgroundColor: (0, import_material.alpha)(theme.palette.primary.light, 0.05),
+        ...sx
+      },
+      onMouseEnter: () => isMobile ? null : interactionVariant == "button" ? setRaised(true) : null,
+      onMouseLeave: () => isMobile ? null : interactionVariant == "button" ? setRaised(false) : null,
+      onClick: () => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
+      ...props,
+      children: [
+        media ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: "100%", alignItems: "flex-start", children: [
+          iconImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
+          typeof headline === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
+          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
+        ] }) }),
+        interactionVariant == "button" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_material.IconButton,
+          {
+            color: raised ? "secondary" : "primary",
+            size: small ? "small" : "medium",
+            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+            disableFocusRipple: true,
+            disableRipple: true,
+            disableTouchRipple: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) }) : null
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleCard
+});
+//# sourceMappingURL=SimpleCard.js.map

package/dist/node/components/SimpleCard/SimpleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\nimport { To, useNavigate } from 'react-router-dom'\n\nimport { CardEx, CardExProps } from '../CardEx'\n\nexport interface SimpleCardProps extends CardExProps {\n  desc?: ReactNode\n  headline?: ReactNode\n  href?: string\n  iconImage?: string\n  interactionVariant?: 'button' | 'card'\n  media?: string\n  small?: boolean\n  subtitle?: string\n  to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n  desc,\n  iconImage,\n  interactionVariant = 'card',\n  headline,\n  href,\n  media,\n  small,\n  subtitle,\n  sx,\n  to,\n  ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsMobile()\n  const localRouteChange = (to: To | undefined) => {\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    href ? window.open(href) : navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': {\n          cursor: interactionVariant == 'button' ? 'pointer' : null,\n        },\n        backgroundColor: alpha(theme.palette.primary.light, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null)}\n      onMouseLeave={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null)}\n      onClick={() => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n      {...props}\n    >\n      {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} /> : null}\n          {typeof headline === 'string' ? (\n            <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n              {headline}\n            </Typography>\n          ) : (\n            headline\n          )}\n          {subtitle ? (\n            <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n              {subtitle}\n            </Typography>\n          ) : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {interactionVariant == 'button' ? (\n        <CardActions>\n          <FlexGrowCol alignItems=\"flex-end\">\n            <IconButton\n              color={raised ? 'secondary' : 'primary'}\n              size={small ? 'small' : 'medium'}\n              onClick={() => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404'))}\n              disableFocusRipple\n              disableRipple\n              disableTouchRipple\n            >\n              <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n            </IconButton>\n          </FlexGrowCol>\n        </CardActions>\n      ) : null}\n    </CardEx>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2De;AA3Df,4BAA+D;AAC/D,sBAA6F;AAC7F,2BAAqC;AACrC,0BAA4B;AAC5B,mBAAoC;AACpC,8BAAgC;AAEhC,oBAAoC;AAc7B,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,YAAQ,0BAAS;AACvB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,eAAW,qCAAY;AAC7B,QAAM,eAAW,iCAAY;AAC7B,QAAM,mBAAmB,CAACA,QAAuB;AAC/C,IAAAA,MAAK,SAASA,GAAE,IAAI,SAAS,MAAM;AAAA,EACrC;AACA,QAAM,sBAAsB,CAACC,UAA6B;AACxD,IAAAA,QAAO,OAAO,KAAKA,KAAI,IAAI,SAAS,MAAM;AAAA,EAC5C;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,IAAI;AAAA,MACxB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,QAAQ,sBAAsB,WAAW,YAAY;AAAA,QACvD;AAAA,QACA,qBAAiB,uBAAM,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,QACxD,GAAG;AAAA,MACL;AAAA,MACA,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,IAAI,IAAI;AAAA,MAC1F,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,KAAK,IAAI;AAAA,MAC3F,SAAS,MAAO,sBAAsB,WAAY,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM,IAAK;AAAA,MACpI,GAAG;AAAA,MAEH;AAAA,gBAAQ,4CAAC,6BAAU,WAAU,OAAM,QAAO,OAAM,OAAO,OAAO,KAAI,IAAG,IAAK;AAAA,QAE3E,4CAAC,+BAAY,IAAI,EAAE,QAAQ,OAAO,GAChC,uDAAC,gCAAQ,OAAM,QAAO,YAAW,cAC9B;AAAA,sBAAY,4CAAC,SAAI,KAAK,WAAW,QAAO,QAAO,OAAO,EAAE,eAAe,MAAM,GAAG,IAAK;AAAA,UACrF,OAAO,aAAa,WACnB,4CAAC,8BAAW,SAAS,QAAQ,UAAU,MAAM,WAAU,QAAO,cAAY,MACvE,oBACH,IAEA;AAAA,UAED,WACC,4CAAC,8BAAW,SAAQ,aAAY,WAAU,QAAO,cAAY,MAC1D,oBACH,IACE;AAAA,UACJ,4CAAC,8BAAW,SAAS,QAAQ,YAAY,SAAS,WAAU,QAAO,cAAY,MAC5E,gBACH;AAAA,WACF,GACF;AAAA,QACC,sBAAsB,WACrB,4CAAC,+BACC,sDAAC,oCAAY,YAAW,YACtB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,SAAS,cAAc;AAAA,YAC9B,MAAM,QAAQ,UAAU;AAAA,YACxB,SAAS,MAAO,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM;AAAA,YAC9F,oBAAkB;AAAA,YAClB,eAAa;AAAA,YACb,oBAAkB;AAAA,YAElB,sDAAC,sBAAAC,qBAAA,EAAwB,UAAU,QAAQ,UAAU,UAAU;AAAA;AAAA,QACjE,GACF,GACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":["to","href","ArrowForwardRoundedIcon"]}

package/dist/node/components/SimpleCard/SimpleCard.mjs

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
+import { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from "@mui/material";
+import { FlexCol, FlexGrowCol } from "@xylabs/react-flexbox";
+import { useIsMobile } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { CardEx } from "../CardEx";
+const SimpleCard = ({
+  desc,
+  iconImage,
+  interactionVariant = "card",
+  headline,
+  href,
+  media,
+  small,
+  subtitle,
+  sx,
+  to,
+  ...props
+}) => {
+  const theme = useTheme();
+  const [raised, setRaised] = useState(false);
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  const localRouteChange = (to2) => {
+    to2 ? navigate(to2) : navigate("/404");
+  };
+  const externalRouteChange = (href2) => {
+    href2 ? window.open(href2) : navigate("/404");
+  };
+  return /* @__PURE__ */ jsxs(
+    CardEx,
+    {
+      elevation: raised ? 3 : 0,
+      sx: {
+        "&:hover": {
+          cursor: interactionVariant == "button" ? "pointer" : null
+        },
+        backgroundColor: alpha(theme.palette.primary.light, 0.05),
+        ...sx
+      },
+      onMouseEnter: () => isMobile ? null : interactionVariant == "button" ? setRaised(true) : null,
+      onMouseLeave: () => isMobile ? null : interactionVariant == "button" ? setRaised(false) : null,
+      onClick: () => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
+      ...props,
+      children: [
+        media ? /* @__PURE__ */ jsx(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ jsx(CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(FlexCol, { width: "100%", alignItems: "flex-start", children: [
+          iconImage ? /* @__PURE__ */ jsx("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
+          typeof headline === "string" ? /* @__PURE__ */ jsx(Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
+          subtitle ? /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
+          /* @__PURE__ */ jsx(Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
+        ] }) }),
+        interactionVariant == "button" ? /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: raised ? "secondary" : "primary",
+            size: small ? "small" : "medium",
+            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+            disableFocusRipple: true,
+            disableRipple: true,
+            disableTouchRipple: true,
+            children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) }) : null
+      ]
+    }
+  );
+};
+export {
+  SimpleCard
+};
+//# sourceMappingURL=SimpleCard.mjs.map

package/dist/node/components/SimpleCard/SimpleCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\nimport { To, useNavigate } from 'react-router-dom'\n\nimport { CardEx, CardExProps } from '../CardEx'\n\nexport interface SimpleCardProps extends CardExProps {\n  desc?: ReactNode\n  headline?: ReactNode\n  href?: string\n  iconImage?: string\n  interactionVariant?: 'button' | 'card'\n  media?: string\n  small?: boolean\n  subtitle?: string\n  to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n  desc,\n  iconImage,\n  interactionVariant = 'card',\n  headline,\n  href,\n  media,\n  small,\n  subtitle,\n  sx,\n  to,\n  ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsMobile()\n  const localRouteChange = (to: To | undefined) => {\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    href ? window.open(href) : navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': {\n          cursor: interactionVariant == 'button' ? 'pointer' : null,\n        },\n        backgroundColor: alpha(theme.palette.primary.light, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null)}\n      onMouseLeave={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null)}\n      onClick={() => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n      {...props}\n    >\n      {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} /> : null}\n          {typeof headline === 'string' ? (\n            <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n              {headline}\n            </Typography>\n          ) : (\n            headline\n          )}\n          {subtitle ? (\n            <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n              {subtitle}\n            </Typography>\n          ) : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {interactionVariant == 'button' ? (\n        <CardActions>\n          <FlexGrowCol alignItems=\"flex-end\">\n            <IconButton\n              color={raised ? 'secondary' : 'primary'}\n              size={small ? 'small' : 'medium'}\n              onClick={() => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404'))}\n              disableFocusRipple\n              disableRipple\n              disableTouchRipple\n            >\n              <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n            </IconButton>\n          </FlexGrowCol>\n        </CardActions>\n      ) : null}\n    </CardEx>\n  )\n}\n"],"mappings":"AA2De,cAGP,YAHO;AA3Df,SAAS,uBAAuB,+BAA+B;AAC/D,SAAS,OAAO,aAAa,aAAa,WAAW,YAAY,YAAY,gBAAgB;AAC7F,SAAS,SAAS,mBAAmB;AACrC,SAAS,mBAAmB;AAC5B,SAAoB,gBAAgB;AACpC,SAAa,mBAAmB;AAEhC,SAAS,cAA2B;AAc7B,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,mBAAmB,CAACA,QAAuB;AAC/C,IAAAA,MAAK,SAASA,GAAE,IAAI,SAAS,MAAM;AAAA,EACrC;AACA,QAAM,sBAAsB,CAACC,UAA6B;AACxD,IAAAA,QAAO,OAAO,KAAKA,KAAI,IAAI,SAAS,MAAM;AAAA,EAC5C;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,IAAI;AAAA,MACxB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,QAAQ,sBAAsB,WAAW,YAAY;AAAA,QACvD;AAAA,QACA,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,QACxD,GAAG;AAAA,MACL;AAAA,MACA,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,IAAI,IAAI;AAAA,MAC1F,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,KAAK,IAAI;AAAA,MAC3F,SAAS,MAAO,sBAAsB,WAAY,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM,IAAK;AAAA,MACpI,GAAG;AAAA,MAEH;AAAA,gBAAQ,oBAAC,aAAU,WAAU,OAAM,QAAO,OAAM,OAAO,OAAO,KAAI,IAAG,IAAK;AAAA,QAE3E,oBAAC,eAAY,IAAI,EAAE,QAAQ,OAAO,GAChC,+BAAC,WAAQ,OAAM,QAAO,YAAW,cAC9B;AAAA,sBAAY,oBAAC,SAAI,KAAK,WAAW,QAAO,QAAO,OAAO,EAAE,eAAe,MAAM,GAAG,IAAK;AAAA,UACrF,OAAO,aAAa,WACnB,oBAAC,cAAW,SAAS,QAAQ,UAAU,MAAM,WAAU,QAAO,cAAY,MACvE,oBACH,IAEA;AAAA,UAED,WACC,oBAAC,cAAW,SAAQ,aAAY,WAAU,QAAO,cAAY,MAC1D,oBACH,IACE;AAAA,UACJ,oBAAC,cAAW,SAAS,QAAQ,YAAY,SAAS,WAAU,QAAO,cAAY,MAC5E,gBACH;AAAA,WACF,GACF;AAAA,QACC,sBAAsB,WACrB,oBAAC,eACC,8BAAC,eAAY,YAAW,YACtB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,SAAS,cAAc;AAAA,YAC9B,MAAM,QAAQ,UAAU;AAAA,YACxB,SAAS,MAAO,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM;AAAA,YAC9F,oBAAkB;AAAA,YAClB,eAAa;AAAA,YACb,oBAAkB;AAAA,YAElB,8BAAC,2BAAwB,UAAU,QAAQ,UAAU,UAAU;AAAA;AAAA,QACjE,GACF,GACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":["to","href"]}

package/dist/node/components/SimpleCard/SimpleCard.stories.js

@@ -0,0 +1,115 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleCard_stories_exports = {};
+__export(SimpleCard_stories_exports, {
+  CardWithAllParameters: () => CardWithAllParameters,
+  Default: () => Default,
+  DefaultMediaCard: () => DefaultMediaCard,
+  DefaultSmallCard: () => DefaultSmallCard,
+  DefaultWithImage: () => DefaultWithImage,
+  VariantButton: () => VariantButton,
+  default: () => SimpleCard_stories_default
+});
+module.exports = __toCommonJS(SimpleCard_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_router_dom = require("react-router-dom");
+var import_coinbase_wallet = __toESM(require("./coinbase-wallet.svg"));
+var import_money = __toESM(require("./money.jpg"));
+var import_SimpleCard = require("./SimpleCard");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_SimpleCard.SimpleCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/SimpleCard"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, { container: true, spacing: 2, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) })
+] }) });
+const Default = Template.bind({});
+Default.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  subtitle: "Aug 25, 1997"
+};
+const DefaultWithImage = Template.bind({});
+DefaultWithImage.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  iconImage: import_coinbase_wallet.default,
+  subtitle: "Aug 25, 1997"
+};
+const VariantButton = Template.bind({});
+VariantButton.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  interactionVariant: "button",
+  subtitle: "Aug 25, 1997"
+};
+const DefaultSmallCard = Template.bind({});
+DefaultSmallCard.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!",
+  headline: "Headline Lorem Ipsum",
+  small: true,
+  subtitle: "Aug 25, 1997"
+};
+const DefaultMediaCard = Template.bind({});
+DefaultMediaCard.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  media: import_money.default,
+  subtitle: "Aug 25, 1997"
+};
+const CardWithAllParameters = Template.bind({});
+CardWithAllParameters.args = {
+  desc: 'Many people believe that a card cannot be a button. But here at XYO, we say "No way, Jos\xE9" and turn our cards into buttons.',
+  headline: "Did you know that this card is complex?",
+  iconImage: import_coinbase_wallet.default,
+  interactionVariant: "button",
+  media: import_money.default,
+  subtitle: "Aug 25, 1997"
+};
+var SimpleCard_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardWithAllParameters,
+  Default,
+  DefaultMediaCard,
+  DefaultSmallCard,
+  DefaultWithImage,
+  VariantButton
+});
+//# sourceMappingURL=SimpleCard.stories.js.map

package/dist/node/components/SimpleCard/SimpleCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport CoinbaseWalletIcon from './coinbase-wallet.svg'\nimport MoneyMedia from './money.jpg'\nimport { SimpleCard } from './SimpleCard'\nconst StorybookEntry = {\n  argTypes: {},\n  component: SimpleCard,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/SimpleCard',\n} as Meta<typeof SimpleCard>\n\nconst Template: StoryFn<typeof SimpleCard> = (args) => (\n  <BrowserRouter>\n    <Grid container spacing={2}>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n    </Grid>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultWithImage = Template.bind({})\nDefaultWithImage.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  iconImage: CoinbaseWalletIcon,\n  subtitle: 'Aug 25, 1997',\n}\nconst VariantButton = Template.bind({})\nVariantButton.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  interactionVariant: 'button',\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultSmallCard = Template.bind({})\nDefaultSmallCard.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!',\n  headline: 'Headline Lorem Ipsum',\n  small: true,\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultMediaCard = Template.bind({})\nDefaultMediaCard.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  media: MoneyMedia,\n  subtitle: 'Aug 25, 1997',\n}\nconst CardWithAllParameters = Template.bind({})\nCardWithAllParameters.args = {\n  desc: 'Many people believe that a card cannot be a button. But here at XYO, we say \"No way, José\" and turn our cards into buttons.',\n  headline: 'Did you know that this card is complex?',\n  iconImage: CoinbaseWalletIcon,\n  interactionVariant: 'button',\n  media: MoneyMedia,\n  subtitle: 'Aug 25, 1997',\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,sBAAqB;AAErB,8BAA8B;AAE9B,6BAA+B;AAC/B,mBAAuB;AACvB,wBAA2B;AAC3B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,SAC5C,4CAAC,yCACC,uDAAC,wBAAK,WAAS,MAAC,SAAS,GACvB;AAAA,8CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,GACF,GACF;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW,uBAAAA;AAAA,EACX,UAAU;AACZ;AACA,MAAM,gBAAgB,SAAS,KAAK,CAAC,CAAC;AACtC,cAAc,OAAO;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO,aAAAC;AAAA,EACP,UAAU;AACZ;AACA,MAAM,wBAAwB,SAAS,KAAK,CAAC,CAAC;AAC9C,sBAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW,uBAAAD;AAAA,EACX,oBAAoB;AAAA,EACpB,OAAO,aAAAC;AAAA,EACP,UAAU;AACZ;AAQA,IAAO,6BAAQ;","names":["CoinbaseWalletIcon","MoneyMedia"]}

package/dist/node/components/SimpleCard/SimpleCard.stories.mjs

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { BrowserRouter } from "react-router-dom";
+import CoinbaseWalletIcon from "./coinbase-wallet.svg";
+import MoneyMedia from "./money.jpg";
+import { SimpleCard } from "./SimpleCard";
+const StorybookEntry = {
+  argTypes: {},
+  component: SimpleCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/SimpleCard"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsx(SimpleCard, { ...args }) }),
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsx(SimpleCard, { ...args }) }),
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsx(SimpleCard, { ...args }) }),
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsx(SimpleCard, { ...args }) })
+] }) });
+const Default = Template.bind({});
+Default.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  subtitle: "Aug 25, 1997"
+};
+const DefaultWithImage = Template.bind({});
+DefaultWithImage.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  iconImage: CoinbaseWalletIcon,
+  subtitle: "Aug 25, 1997"
+};
+const VariantButton = Template.bind({});
+VariantButton.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  interactionVariant: "button",
+  subtitle: "Aug 25, 1997"
+};
+const DefaultSmallCard = Template.bind({});
+DefaultSmallCard.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!",
+  headline: "Headline Lorem Ipsum",
+  small: true,
+  subtitle: "Aug 25, 1997"
+};
+const DefaultMediaCard = Template.bind({});
+DefaultMediaCard.args = {
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  headline: "Headline Lorem Ipsum",
+  media: MoneyMedia,
+  subtitle: "Aug 25, 1997"
+};
+const CardWithAllParameters = Template.bind({});
+CardWithAllParameters.args = {
+  desc: 'Many people believe that a card cannot be a button. But here at XYO, we say "No way, Jos\xE9" and turn our cards into buttons.',
+  headline: "Did you know that this card is complex?",
+  iconImage: CoinbaseWalletIcon,
+  interactionVariant: "button",
+  media: MoneyMedia,
+  subtitle: "Aug 25, 1997"
+};
+var SimpleCard_stories_default = StorybookEntry;
+export {
+  CardWithAllParameters,
+  Default,
+  DefaultMediaCard,
+  DefaultSmallCard,
+  DefaultWithImage,
+  VariantButton,
+  SimpleCard_stories_default as default
+};
+//# sourceMappingURL=SimpleCard.stories.mjs.map

package/dist/node/components/SimpleCard/SimpleCard.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport CoinbaseWalletIcon from './coinbase-wallet.svg'\nimport MoneyMedia from './money.jpg'\nimport { SimpleCard } from './SimpleCard'\nconst StorybookEntry = {\n  argTypes: {},\n  component: SimpleCard,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/SimpleCard',\n} as Meta<typeof SimpleCard>\n\nconst Template: StoryFn<typeof SimpleCard> = (args) => (\n  <BrowserRouter>\n    <Grid container spacing={2}>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={3}>\n        <SimpleCard {...args}></SimpleCard>\n      </Grid>\n    </Grid>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultWithImage = Template.bind({})\nDefaultWithImage.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  iconImage: CoinbaseWalletIcon,\n  subtitle: 'Aug 25, 1997',\n}\nconst VariantButton = Template.bind({})\nVariantButton.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  interactionVariant: 'button',\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultSmallCard = Template.bind({})\nDefaultSmallCard.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!',\n  headline: 'Headline Lorem Ipsum',\n  small: true,\n  subtitle: 'Aug 25, 1997',\n}\nconst DefaultMediaCard = Template.bind({})\nDefaultMediaCard.args = {\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  headline: 'Headline Lorem Ipsum',\n  media: MoneyMedia,\n  subtitle: 'Aug 25, 1997',\n}\nconst CardWithAllParameters = Template.bind({})\nCardWithAllParameters.args = {\n  desc: 'Many people believe that a card cannot be a button. But here at XYO, we say \"No way, José\" and turn our cards into buttons.',\n  headline: 'Did you know that this card is complex?',\n  iconImage: CoinbaseWalletIcon,\n  interactionVariant: 'button',\n  media: MoneyMedia,\n  subtitle: 'Aug 25, 1997',\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAoBI,SAEI,KAFJ;AApBJ,SAAS,YAAY;AAErB,SAAS,qBAAqB;AAE9B,OAAO,wBAAwB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAC3B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,SAC5C,oBAAC,iBACC,+BAAC,QAAK,WAAS,MAAC,SAAS,GACvB;AAAA,sBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,8BAAC,cAAY,GAAG,MAAM,GACxB;AAAA,EACA,oBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,8BAAC,cAAY,GAAG,MAAM,GACxB;AAAA,EACA,oBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,8BAAC,cAAY,GAAG,MAAM,GACxB;AAAA,EACA,oBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,8BAAC,cAAY,GAAG,MAAM,GACxB;AAAA,GACF,GACF;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AACA,MAAM,gBAAgB,SAAS,KAAK,CAAC,CAAC;AACtC,cAAc,OAAO;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ;AACA,MAAM,wBAAwB,SAAS,KAAK,CAAC,CAAC;AAC9C,sBAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,UAAU;AACZ;AAQA,IAAO,6BAAQ;","names":[]}

package/dist/node/components/SimpleCard/coinbase-wallet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{fill:#005cfe;}.cls-2{fill:#fdfdfe;}</style></defs><g id="Layer_6" data-name="Layer 6"><g id="JuvZVa"><path class="cls-1" d="M0,50C0,40.77-.1,31.58.07,22.4.22,14.9,3,8.55,9.32,4.09A22.35,22.35,0,0,1,20.3.25,56.53,56.53,0,0,1,26.12,0C42.74,0,59.37,0,76,0c5.17,0,10.15.92,14.5,4A21.42,21.42,0,0,1,99.75,20.1,55.89,55.89,0,0,1,100,26c0,17.13.11,34.26-.08,51.38-.1,8.93-3.88,16-12.11,20.15A25.49,25.49,0,0,1,76.15,100Q50,100,23.83,100c-5.37,0-10.52-1.06-14.95-4.39A21.57,21.57,0,0,1,.21,79.72,59,59,0,0,1,0,73.78Q0,61.87,0,50Zm50-35a35.07,35.07,0,1,0,35,35.13A35,35,0,0,0,50,14.92Z"/><path class="cls-2" d="M50,14.92a35.07,35.07,0,1,1-35.11,35A35,35,0,0,1,50,14.92ZM38.7,50c0,2.92,0,5.83,0,8.75a2.26,2.26,0,0,0,2.52,2.53q8.74,0,17.5,0c1.73,0,2.56-.85,2.56-2.6q0-8.68,0-17.38a2.27,2.27,0,0,0-2.57-2.59q-8.7,0-17.39,0c-1.8,0-2.61.84-2.62,2.66C38.69,44.25,38.7,47.12,38.7,50Z"/><path class="cls-1" d="M38.7,50c0-2.88,0-5.75,0-8.63,0-1.82.82-2.66,2.62-2.66q8.7,0,17.39,0a2.27,2.27,0,0,1,2.57,2.59q0,8.69,0,17.38c0,1.75-.83,2.6-2.56,2.6q-8.76,0-17.5,0a2.26,2.26,0,0,1-2.52-2.53C38.68,55.83,38.7,52.92,38.7,50Z"/></g></g></svg>

package/dist/node/components/SimpleCard/index.d.mts

@@ -0,0 +1,2 @@
+export * from './SimpleCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/SimpleCard/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/node/components/SimpleCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SimpleCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/SimpleCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/node/components/SimpleCard/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleCard_exports = {};
+module.exports = __toCommonJS(SimpleCard_exports);
+__reExport(SimpleCard_exports, require("./SimpleCard"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./SimpleCard")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/components/SimpleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/index.ts"],"sourcesContent":["export * from './SimpleCard'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,yBAAd;","names":[]}

package/dist/node/components/SimpleCard/index.mjs

@@ -0,0 +1,2 @@
+export * from "./SimpleCard";
+//# sourceMappingURL=index.mjs.map

package/dist/node/components/SimpleCard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCard/index.ts"],"sourcesContent":["export * from './SimpleCard'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GridProps } from '@mui/material';
+import { SimpleCardProps } from '../SimpleCard';
+export interface SimpleCardGridProps extends GridProps {
+    cards?: SimpleCardProps[];
+}
+export declare const SimpleCardGrid: React.FC<SimpleCardGridProps>;
+//# sourceMappingURL=SimpleCardGrid.d.ts.map

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GridProps } from '@mui/material';
+import { SimpleCardProps } from '../SimpleCard';
+export interface SimpleCardGridProps extends GridProps {
+    cards?: SimpleCardProps[];
+}
+export declare const SimpleCardGrid: React.FC<SimpleCardGridProps>;
+//# sourceMappingURL=SimpleCardGrid.d.ts.map

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleCardGrid_exports = {};
+__export(SimpleCardGrid_exports, {
+  SimpleCardGrid: () => SimpleCardGrid
+});
+module.exports = __toCommonJS(SimpleCardGrid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_SimpleCard = require("../SimpleCard");
+const SimpleCardGrid = ({ cards, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, ...props, children: cards?.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...card, sx: { flexDirection: "column", height: "100%" } }) }, index)) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleCardGrid
+});
+//# sourceMappingURL=SimpleCardGrid.js.map

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"sourcesContent":["import { Grid, GridProps } from '@mui/material'\n\nimport { SimpleCard, SimpleCardProps } from '../SimpleCard'\n\nexport interface SimpleCardGridProps extends GridProps {\n  cards?: SimpleCardProps[]\n}\n\nexport const SimpleCardGrid: React.FC<SimpleCardGridProps> = ({ cards, ...props }) => {\n  return (\n    <Grid container {...props}>\n      {cards?.map((card, index) => (\n        <Grid item key={index} xs={12} sm={6} md={4}>\n          <SimpleCard {...card} sx={{ flexDirection: 'column', height: '100%' }} />\n        </Grid>\n      ))}\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaU;AAbV,sBAAgC;AAEhC,wBAA4C;AAMrC,MAAM,iBAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,4CAAC,wBAAK,WAAS,MAAE,GAAG,OACjB,iBAAO,IAAI,CAAC,MAAM,UACjB,4CAAC,wBAAK,MAAI,MAAa,IAAI,IAAI,IAAI,GAAG,IAAI,GACxC,sDAAC,gCAAY,GAAG,MAAM,IAAI,EAAE,eAAe,UAAU,QAAQ,OAAO,GAAG,KADzD,KAEhB,CACD,GACH;AAEJ;","names":[]}

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.mjs

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { SimpleCard } from "../SimpleCard";
+const SimpleCardGrid = ({ cards, ...props }) => {
+  return /* @__PURE__ */ jsx(Grid, { container: true, ...props, children: cards?.map((card, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ jsx(SimpleCard, { ...card, sx: { flexDirection: "column", height: "100%" } }) }, index)) });
+};
+export {
+  SimpleCardGrid
+};
+//# sourceMappingURL=SimpleCardGrid.mjs.map

package/dist/node/components/SimpleCardGrid/SimpleCardGrid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"sourcesContent":["import { Grid, GridProps } from '@mui/material'\n\nimport { SimpleCard, SimpleCardProps } from '../SimpleCard'\n\nexport interface SimpleCardGridProps extends GridProps {\n  cards?: SimpleCardProps[]\n}\n\nexport const SimpleCardGrid: React.FC<SimpleCardGridProps> = ({ cards, ...props }) => {\n  return (\n    <Grid container {...props}>\n      {cards?.map((card, index) => (\n        <Grid item key={index} xs={12} sm={6} md={4}>\n          <SimpleCard {...card} sx={{ flexDirection: 'column', height: '100%' }} />\n        </Grid>\n      ))}\n    </Grid>\n  )\n}\n"],"mappings":"AAaU;AAbV,SAAS,YAAuB;AAEhC,SAAS,kBAAmC;AAMrC,MAAM,iBAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,oBAAC,QAAK,WAAS,MAAE,GAAG,OACjB,iBAAO,IAAI,CAAC,MAAM,UACjB,oBAAC,QAAK,MAAI,MAAa,IAAI,IAAI,IAAI,GAAG,IAAI,GACxC,8BAAC,cAAY,GAAG,MAAM,IAAI,EAAE,eAAe,UAAU,QAAQ,OAAO,GAAG,KADzD,KAEhB,CACD,GACH;AAEJ;","names":[]}