@xyo-network/react-card 2.64.9 → 2.64.10

package/dist/node/components/PageCard.js

@@ -1,50 +0,0 @@
-// src/components/PageCard.tsx
-import { Refresh as RefreshIcon } from "@mui/icons-material";
-import { CardHeader, IconButton } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { forwardRef as forwardRef2 } from "react";
-
-// src/components/CardEx.tsx
-import { Card } from "@mui/material";
-import { useGradientStyles } from "@xyo-network/react-shared";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var CardExWithRef = forwardRef(({ style, gradient, ...props }, ref) => {
-  const { styles } = useGradientStyles();
-  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
-});
-CardExWithRef.displayName = "CardEx";
-var CardEx = CardExWithRef;
-
-// src/components/PageCard.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var PageCardWithRef = forwardRef2(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(CardEx, { style: { backgroundColor: "transparent", position: "relative", ...style }, elevation: 0, ref, ...props, children: [
-    /* @__PURE__ */ jsx2(
-      CardHeader,
-      {
-        title: /* @__PURE__ */ jsx2(TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
-        subheader: /* @__PURE__ */ jsx2(TypographyEx, { variant: "subtitle1", children: subheader }),
-        action: action ? action : /* @__PURE__ */ jsx2(Fragment, { children: onRefresh ? /* @__PURE__ */ jsx2(IconButton, { onClick: () => onRefresh == null ? void 0 : onRefresh(), children: /* @__PURE__ */ jsx2(RefreshIcon, {}) }) : null })
-      }
-    ),
-    children
-  ] });
-});
-PageCardWithRef.displayName = "PageCard";
-var PageCard = PageCardWithRef;
-export {
-  PageCard
-};
-//# sourceMappingURL=PageCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PageCard.tsx","../../../src/components/CardEx.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { CardHeader, CardHeaderProps, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { forwardRef, ReactNode } from 'react'\n\nimport { CardEx, CardExProps } from './CardEx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef: React.FC<PageCardProps> = forwardRef(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {\n  return (\n    <CardEx style={{ backgroundColor: 'transparent', position: 'relative', ...style }} elevation={0} ref={ref} {...props}>\n      <CardHeader\n        title={\n          <TypographyEx variant=\"h5\" gutterBottom>\n            {title}\n          </TypographyEx>\n        }\n        subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n        action={\n          action ? (\n            action\n          ) : (\n            <>\n              {onRefresh ? (\n                <IconButton onClick={() => onRefresh?.()}>\n                  <RefreshIcon />\n                </IconButton>\n              ) : null}\n            </>\n          )\n        }\n      />\n      {children}\n    </CardEx>\n  )\n})\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n","import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":";AAAA,SAAS,WAAW,mBAAmB;AACvC,SAAS,YAA6B,kBAAkB;AACxD,SAAS,oBAAoB;AAC7B,SAAS,cAAAA,mBAA6B;;;ACHtC,SAAS,YAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAUvB;AAJG,IAAM,gBAAuC,WAAW,CAAC,EAAE,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACrG,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,gBAAgB,aAAa,WAAW,OAAO,SAAS,aAAa,eAAe,OAAO,aAAa,CAAC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,cAAc,cAAc;AAErB,IAAM,SAAS;;;ADVlB,SAYQ,UATF,OAAAC,MAHN;AAFJ,IAAM,kBAA2CC,YAAW,CAAC,EAAE,WAAW,OAAO,WAAW,UAAU,QAAQ,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvI,SACE,qBAAC,UAAO,OAAO,EAAE,iBAAiB,eAAe,UAAU,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,KAAW,GAAG,OAC7G;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,OACE,gBAAAA,KAAC,gBAAa,SAAQ,MAAK,cAAY,MACpC,iBACH;AAAA,QAEF,WAAW,gBAAAA,KAAC,gBAAa,SAAQ,aAAa,qBAAU;AAAA,QACxD,QACE,SACE,SAEA,gBAAAA,KAAA,YACG,sBACC,gBAAAA,KAAC,cAAW,SAAS,MAAM,0CACzB,0BAAAA,KAAC,eAAY,GACf,IACE,MACN;AAAA;AAAA,IAGN;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;AAED,gBAAgB,cAAc;AAEvB,IAAM,WAAW;","names":["forwardRef","jsx","forwardRef"]}

package/dist/node/components/SimpleCard/SimpleCard.cjs

@@ -1,124 +0,0 @@
-"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);
-
-// src/components/SimpleCard/SimpleCard.tsx
-var SimpleCard_exports = {};
-__export(SimpleCard_exports, {
-  SimpleCard: () => SimpleCard
-});
-module.exports = __toCommonJS(SimpleCard_exports);
-var import_icons_material = require("@mui/icons-material");
-var import_material2 = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react2 = require("react");
-var import_react_router_dom = require("react-router-dom");
-
-// src/components/CardEx.tsx
-var import_material = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardExWithRef = (0, import_react.forwardRef)(({ style, gradient, ...props }, ref) => {
-  const { styles } = (0, import_react_shared.useGradientStyles)();
-  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
-});
-CardExWithRef.displayName = "CardEx";
-var CardEx = CardExWithRef;
-
-// src/components/SimpleCard/SimpleCard.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SimpleCard = ({
-  desc,
-  iconImage,
-  interactionVariant = "card",
-  headline,
-  href,
-  media,
-  small,
-  subtitle,
-  sx,
-  to,
-  ...props
-}) => {
-  const theme = (0, import_material2.useTheme)();
-  const [raised, setRaised] = (0, import_react2.useState)(false);
-  const navigate = (0, import_react_router_dom.useNavigate)();
-  const isMobile = (0, import_react_shared2.useIsMobile)();
-  const localRouteChange = (to2) => {
-    to2 ? navigate(to2) : navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
-    href2 ? window.open(href2) : navigate("/404");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    CardEx,
-    {
-      elevation: raised ? 3 : 0,
-      sx: {
-        "&:hover": {
-          cursor: interactionVariant == "button" ? "pointer" : null
-        },
-        backgroundColor: (0, import_material2.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_runtime2.jsx)(import_material2.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexCol, { width: "100%", alignItems: "flex-start", children: [
-          iconImage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
-          typeof headline === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
-          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
-        ] }) }),
-        interactionVariant == "button" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActions, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_material2.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_runtime2.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.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx","../../../../src/components/CardEx.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","import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":"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","names":["import_material","import_react_shared","import_react","import_jsx_runtime","to","href","ArrowForwardRoundedIcon"]}

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

@@ -1,99 +0,0 @@
-// src/components/SimpleCard/SimpleCard.tsx
-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";
-
-// src/components/CardEx.tsx
-import { Card } from "@mui/material";
-import { useGradientStyles } from "@xyo-network/react-shared";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var CardExWithRef = forwardRef(({ style, gradient, ...props }, ref) => {
-  const { styles } = useGradientStyles();
-  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
-});
-CardExWithRef.displayName = "CardEx";
-var CardEx = CardExWithRef;
-
-// src/components/SimpleCard/SimpleCard.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var 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__ */ jsx2(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ jsx2(CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(FlexCol, { width: "100%", alignItems: "flex-start", children: [
-          iconImage ? /* @__PURE__ */ jsx2("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
-          typeof headline === "string" ? /* @__PURE__ */ jsx2(Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
-          subtitle ? /* @__PURE__ */ jsx2(Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
-          /* @__PURE__ */ jsx2(Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
-        ] }) }),
-        interactionVariant == "button" ? /* @__PURE__ */ jsx2(CardActions, { children: /* @__PURE__ */ jsx2(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx2(
-          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__ */ jsx2(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
-          }
-        ) }) }) : null
-      ]
-    }
-  );
-};
-export {
-  SimpleCard
-};
-//# sourceMappingURL=SimpleCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx","../../../../src/components/CardEx.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","import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":"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","names":["jsx","to","href"]}

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

@@ -1 +0,0 @@
-<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.cjs

@@ -1,126 +0,0 @@
-"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);
-
-// src/components/SimpleCard/index.ts
-var SimpleCard_exports = {};
-__export(SimpleCard_exports, {
-  SimpleCard: () => SimpleCard
-});
-module.exports = __toCommonJS(SimpleCard_exports);
-
-// src/components/SimpleCard/SimpleCard.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material2 = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react2 = require("react");
-var import_react_router_dom = require("react-router-dom");
-
-// src/components/CardEx.tsx
-var import_material = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardExWithRef = (0, import_react.forwardRef)(({ style, gradient, ...props }, ref) => {
-  const { styles } = (0, import_react_shared.useGradientStyles)();
-  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
-});
-CardExWithRef.displayName = "CardEx";
-var CardEx = CardExWithRef;
-
-// src/components/SimpleCard/SimpleCard.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SimpleCard = ({
-  desc,
-  iconImage,
-  interactionVariant = "card",
-  headline,
-  href,
-  media,
-  small,
-  subtitle,
-  sx,
-  to,
-  ...props
-}) => {
-  const theme = (0, import_material2.useTheme)();
-  const [raised, setRaised] = (0, import_react2.useState)(false);
-  const navigate = (0, import_react_router_dom.useNavigate)();
-  const isMobile = (0, import_react_shared2.useIsMobile)();
-  const localRouteChange = (to2) => {
-    to2 ? navigate(to2) : navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
-    href2 ? window.open(href2) : navigate("/404");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    CardEx,
-    {
-      elevation: raised ? 3 : 0,
-      sx: {
-        "&:hover": {
-          cursor: interactionVariant == "button" ? "pointer" : null
-        },
-        backgroundColor: (0, import_material2.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_runtime2.jsx)(import_material2.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexCol, { width: "100%", alignItems: "flex-start", children: [
-          iconImage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
-          typeof headline === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
-          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
-        ] }) }),
-        interactionVariant == "button" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActions, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_material2.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_runtime2.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=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SimpleCard/index.ts","../../../../src/components/SimpleCard/SimpleCard.tsx","../../../../src/components/CardEx.tsx"],"sourcesContent":["export * from './SimpleCard'\n","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","import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":"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","names":["import_material","import_react_shared","import_react","import_jsx_runtime","to","href","ArrowForwardRoundedIcon"]}

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

@@ -1,99 +0,0 @@
-// src/components/SimpleCard/SimpleCard.tsx
-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";
-
-// src/components/CardEx.tsx
-import { Card } from "@mui/material";
-import { useGradientStyles } from "@xyo-network/react-shared";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var CardExWithRef = forwardRef(({ style, gradient, ...props }, ref) => {
-  const { styles } = useGradientStyles();
-  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
-});
-CardExWithRef.displayName = "CardEx";
-var CardEx = CardExWithRef;
-
-// src/components/SimpleCard/SimpleCard.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var 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__ */ jsx2(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ jsx2(CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(FlexCol, { width: "100%", alignItems: "flex-start", children: [
-          iconImage ? /* @__PURE__ */ jsx2("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
-          typeof headline === "string" ? /* @__PURE__ */ jsx2(Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
-          subtitle ? /* @__PURE__ */ jsx2(Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
-          /* @__PURE__ */ jsx2(Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
-        ] }) }),
-        interactionVariant == "button" ? /* @__PURE__ */ jsx2(CardActions, { children: /* @__PURE__ */ jsx2(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx2(
-          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__ */ jsx2(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
-          }
-        ) }) }) : null
-      ]
-    }
-  );
-};
-export {
-  SimpleCard
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx","../../../../src/components/CardEx.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","import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":"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","names":["jsx","to","href"]}