@xyo-network/react-card 2.63.1 → 2.64.0-rc.1

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/CardContentEx.tsx","../src/components/CardEx.tsx","../src/components/FullWidthCard/FullWidthCard.tsx","../src/components/PageCard.tsx","../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["export * from './components'\n","import { CardContent, CardContentProps, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport { forwardRef, useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n  name: 'CardContentEx',\n  shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n  slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n  ...((variant === 'scrollable' || removePadding) && {\n    [':last-child']: {\n      paddingBottom: 0,\n    },\n    overflow: 'auto',\n    paddingTop: 0,\n    ...(removePadding && { padding: 0 }),\n  }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n  refreshRef?: number\n  removePadding?: boolean\n  scrollToTop?: number\n  variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = forwardRef<HTMLDivElement | null, CardContentExProps>(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {\n  const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n  useEffect(() => {\n    if (sharedRef && scrollToTop) {\n      sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n    }\n  }, [sharedRef, scrollToTop])\n\n  return <CardContentExRoot ref={sharedRef} {...props} />\n})\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\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","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, Card, CardActions, CardContent, CardMedia, CardProps, Grid, IconButton, Typography, useTheme, Zoom } from '@mui/material'\nimport { 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\nexport interface FullWidthCardProps extends CardProps {\n  cardIsButton?: boolean\n  desc?: ReactNode\n  href?: string\n  linkText?: string\n  media?: string\n  name: ReactNode\n  small?: boolean\n  to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsMobile()\n\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\n  return (\n    <Card\n      elevation={raised ? 3 : 0}\n      style={{ height: '100%', width: '100%' }}\n      {...props}\n      sx={{\n        '&:hover': {\n          cursor: 'pointer',\n        },\n        backgroundColor: alpha(theme.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() => (isMobile ? null : cardIsButton ? setRaised(true) : null)}\n      onMouseLeave={() => (isMobile ? null : cardIsButton ? setRaised(false) : null)}\n      onClick={() => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n    >\n      {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n      <CardContent>\n        <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n          <Grid item xs={12} md={6}>\n            {typeof name === 'string' ? (\n              <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                {name}\n              </Typography>\n            ) : (\n              name\n            )}\n          </Grid>\n          <Grid item xs={12} md={5}>\n            <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid item xs={1} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n            <Zoom in={raised}>\n              <IconButton\n                color=\"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            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol alignItems=\"flex-end\">\n          <IconButton\n            color=\"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    </Card>\n  )\n}\n","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 { 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":"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","names":["import_material","import_react_shared","import_react","import_jsx_runtime","import_material","import_react_shared","import_react","import_jsx_runtime","to","href","ArrowForwardRoundedIcon","import_icons_material","import_material","import_react_shared","import_react","import_jsx_runtime","RefreshIcon","import_icons_material","import_material","import_react_flexbox","import_react_shared","import_react","import_react_router_dom","import_jsx_runtime","to","href","ArrowForwardRoundedIcon"]}

package/dist/index.mjs

@@ -0,0 +1,225 @@
+// src/components/CardContentEx.tsx
+import { CardContent, styled } from "@mui/material";
+import { useShareForwardedRef } from "@xyo-network/react-shared";
+import { forwardRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+var CardContentExRoot = styled(CardContent, {
+  name: "CardContentEx",
+  shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
+  slot: "Root"
+})(({ variant, removePadding }) => ({
+  ...(variant === "scrollable" || removePadding) && {
+    [":last-child"]: {
+      paddingBottom: 0
+    },
+    overflow: "auto",
+    paddingTop: 0,
+    ...removePadding && { padding: 0 }
+  }
+}));
+var CardContentExWithRef = forwardRef(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
+  const sharedRef = useShareForwardedRef(ref, refreshRef);
+  useEffect(() => {
+    if (sharedRef && scrollToTop) {
+      sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
+    }
+  }, [sharedRef, scrollToTop]);
+  return /* @__PURE__ */ jsx(CardContentExRoot, { ref: sharedRef, ...props });
+});
+CardContentExWithRef.displayName = "CardContentEx";
+var CardContentEx = CardContentExWithRef;
+
+// src/components/CardEx.tsx
+import { Card } from "@mui/material";
+import { useGradientStyles } from "@xyo-network/react-shared";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CardExWithRef = forwardRef2(({ style, gradient, ...props }, ref) => {
+  const { styles } = useGradientStyles();
+  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
+  return /* @__PURE__ */ jsx2(
+    Card,
+    {
+      style: {
+        ...gradientStyle,
+        ...style
+      },
+      ref,
+      ...props
+    }
+  );
+});
+CardExWithRef.displayName = "CardEx";
+var CardEx = CardExWithRef;
+
+// src/components/FullWidthCard/FullWidthCard.tsx
+import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
+import { alpha, Card as Card2, CardActions, CardContent as CardContent2, CardMedia, Grid, IconButton, Typography, useTheme, Zoom } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { useIsMobile } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var FullWidthCard = ({ cardIsButton, desc, href, media, name, small, 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(
+    Card2,
+    {
+      elevation: raised ? 3 : 0,
+      style: { height: "100%", width: "100%" },
+      ...props,
+      sx: {
+        "&:hover": {
+          cursor: "pointer"
+        },
+        backgroundColor: alpha(theme.palette.primary.light, 0.05)
+      },
+      onMouseEnter: () => isMobile ? null : cardIsButton ? setRaised(true) : null,
+      onMouseLeave: () => isMobile ? null : cardIsButton ? setRaised(false) : null,
+      onClick: () => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
+      children: [
+        media ? /* @__PURE__ */ jsx3(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ jsx3(CardContent2, { children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
+          /* @__PURE__ */ jsx3(Grid, { item: true, xs: 12, md: 6, children: typeof name === "string" ? /* @__PURE__ */ jsx3(Typography, { fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1, children: name }) : name }),
+          /* @__PURE__ */ jsx3(Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ jsx3(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
+          /* @__PURE__ */ jsx3(Grid, { item: true, xs: 1, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ jsx3(Zoom, { in: raised, children: /* @__PURE__ */ jsx3(
+            IconButton,
+            {
+              color: "primary",
+              size: small ? "small" : "medium",
+              onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+              disableFocusRipple: true,
+              disableRipple: true,
+              disableTouchRipple: true,
+              children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx3(CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ jsx3(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx3(
+          IconButton,
+          {
+            color: "primary",
+            size: small ? "small" : "medium",
+            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+            disableFocusRipple: true,
+            disableRipple: true,
+            disableTouchRipple: true,
+            children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+
+// src/components/PageCard.tsx
+import { Refresh as RefreshIcon } from "@mui/icons-material";
+import { CardHeader, IconButton as IconButton2 } from "@mui/material";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { forwardRef as forwardRef3 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var PageCardWithRef = forwardRef3(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs2(CardEx, { style: { backgroundColor: "transparent", position: "relative", ...style }, elevation: 0, ref, ...props, children: [
+    /* @__PURE__ */ jsx4(
+      CardHeader,
+      {
+        title: /* @__PURE__ */ jsx4(TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
+        subheader: /* @__PURE__ */ jsx4(TypographyEx, { variant: "subtitle1", children: subheader }),
+        action: action ? action : /* @__PURE__ */ jsx4(Fragment, { children: onRefresh ? /* @__PURE__ */ jsx4(IconButton2, { onClick: () => onRefresh?.(), children: /* @__PURE__ */ jsx4(RefreshIcon, {}) }) : null })
+      }
+    ),
+    children
+  ] });
+});
+PageCardWithRef.displayName = "PageCard";
+var PageCard = PageCardWithRef;
+
+// src/components/SimpleCard/SimpleCard.tsx
+import { ArrowForwardRounded as ArrowForwardRoundedIcon2 } from "@mui/icons-material";
+import { alpha as alpha2, CardActions as CardActions2, CardContent as CardContent3, CardMedia as CardMedia2, IconButton as IconButton3, Typography as Typography2, useTheme as useTheme2 } from "@mui/material";
+import { FlexCol, FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
+import { useIsMobile as useIsMobile2 } from "@xyo-network/react-shared";
+import { useState as useState2 } from "react";
+import { useNavigate as useNavigate2 } from "react-router-dom";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var SimpleCard = ({
+  desc,
+  iconImage,
+  interactionVariant = "card",
+  headline,
+  href,
+  media,
+  small,
+  subtitle,
+  sx,
+  to,
+  ...props
+}) => {
+  const theme = useTheme2();
+  const [raised, setRaised] = useState2(false);
+  const navigate = useNavigate2();
+  const isMobile = useIsMobile2();
+  const localRouteChange = (to2) => {
+    to2 ? navigate(to2) : navigate("/404");
+  };
+  const externalRouteChange = (href2) => {
+    href2 ? window.open(href2) : navigate("/404");
+  };
+  return /* @__PURE__ */ jsxs3(
+    CardEx,
+    {
+      elevation: raised ? 3 : 0,
+      sx: {
+        "&:hover": {
+          cursor: interactionVariant == "button" ? "pointer" : null
+        },
+        backgroundColor: alpha2(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__ */ jsx5(CardMedia2, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ jsx5(CardContent3, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs3(FlexCol, { width: "100%", alignItems: "flex-start", children: [
+          iconImage ? /* @__PURE__ */ jsx5("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
+          typeof headline === "string" ? /* @__PURE__ */ jsx5(Typography2, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
+          subtitle ? /* @__PURE__ */ jsx5(Typography2, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
+          /* @__PURE__ */ jsx5(Typography2, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
+        ] }) }),
+        interactionVariant == "button" ? /* @__PURE__ */ jsx5(CardActions2, { children: /* @__PURE__ */ jsx5(FlexGrowCol2, { alignItems: "flex-end", children: /* @__PURE__ */ jsx5(
+          IconButton3,
+          {
+            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__ */ jsx5(ArrowForwardRoundedIcon2, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) }) : null
+      ]
+    }
+  );
+};
+export {
+  CardContentEx,
+  CardContentExWithRef,
+  CardEx,
+  CardExWithRef,
+  FullWidthCard,
+  PageCard,
+  SimpleCard
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CardContentEx.tsx","../src/components/CardEx.tsx","../src/components/FullWidthCard/FullWidthCard.tsx","../src/components/PageCard.tsx","../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import { CardContent, CardContentProps, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport { forwardRef, useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n  name: 'CardContentEx',\n  shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n  slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n  ...((variant === 'scrollable' || removePadding) && {\n    [':last-child']: {\n      paddingBottom: 0,\n    },\n    overflow: 'auto',\n    paddingTop: 0,\n    ...(removePadding && { padding: 0 }),\n  }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n  refreshRef?: number\n  removePadding?: boolean\n  scrollToTop?: number\n  variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = forwardRef<HTMLDivElement | null, CardContentExProps>(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {\n  const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n  useEffect(() => {\n    if (sharedRef && scrollToTop) {\n      sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n    }\n  }, [sharedRef, scrollToTop])\n\n  return <CardContentExRoot ref={sharedRef} {...props} />\n})\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\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","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, Card, CardActions, CardContent, CardMedia, CardProps, Grid, IconButton, Typography, useTheme, Zoom } from '@mui/material'\nimport { 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\nexport interface FullWidthCardProps extends CardProps {\n  cardIsButton?: boolean\n  desc?: ReactNode\n  href?: string\n  linkText?: string\n  media?: string\n  name: ReactNode\n  small?: boolean\n  to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsMobile()\n\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\n  return (\n    <Card\n      elevation={raised ? 3 : 0}\n      style={{ height: '100%', width: '100%' }}\n      {...props}\n      sx={{\n        '&:hover': {\n          cursor: 'pointer',\n        },\n        backgroundColor: alpha(theme.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() => (isMobile ? null : cardIsButton ? setRaised(true) : null)}\n      onMouseLeave={() => (isMobile ? null : cardIsButton ? setRaised(false) : null)}\n      onClick={() => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n    >\n      {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n      <CardContent>\n        <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n          <Grid item xs={12} md={6}>\n            {typeof name === 'string' ? (\n              <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                {name}\n              </Typography>\n            ) : (\n              name\n            )}\n          </Grid>\n          <Grid item xs={12} md={5}>\n            <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid item xs={1} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n            <Zoom in={raised}>\n              <IconButton\n                color=\"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            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol alignItems=\"flex-end\">\n          <IconButton\n            color=\"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    </Card>\n  )\n}\n","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 { 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":"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","names":["forwardRef","jsx","Card","CardContent","jsx","to","href","IconButton","forwardRef","jsx","jsxs","forwardRef","IconButton","ArrowForwardRoundedIcon","alpha","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexGrowCol","useIsMobile","useState","useNavigate","jsx","jsxs","useTheme","useState","useNavigate","useIsMobile","to","href","alpha","CardMedia","CardContent","Typography","CardActions","FlexGrowCol","IconButton","ArrowForwardRoundedIcon"]}

package/package.json

@@ -10,8 +10,8 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "~2.19.1",
-    "@xyo-network/react-shared": "~2.63.1"
+    "@xylabs/react-flexbox": "^3.1.0-rc.3",
+    "@xyo-network/react-shared": "~2.64.0-rc.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -24,33 +24,41 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.4.3",
-    "@xylabs/ts-scripts-yarn3": "^2.19.12",
-    "@xylabs/tsconfig-react": "^2.19.12",
-    "@xyo-network/react-storybook": "~2.63.1",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xyo-network/react-storybook": "~2.64.0-rc.1",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -71,6 +79,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.63.1"
+  "types": "dist/index.d.ts",
+  "version": "2.64.0-rc.1",
+  "stableVersion": "2.63.1"
 }

package/src/components/FullWidthCard/FullWidthCard.tsx

@@ -1,4 +1,4 @@
-import ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded'
+import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'
 import { alpha, Card, CardActions, CardContent, CardMedia, CardProps, Grid, IconButton, Typography, useTheme, Zoom } from '@mui/material'
 import { FlexGrowCol } from '@xylabs/react-flexbox'
 import { useIsMobile } from '@xyo-network/react-shared'

package/src/components/PageCard.tsx

@@ -1,4 +1,4 @@
-import RefreshIcon from '@mui/icons-material/Refresh'
+import { Refresh as RefreshIcon } from '@mui/icons-material'
 import { CardHeader, CardHeaderProps, IconButton } from '@mui/material'
 import { TypographyEx } from '@xyo-network/react-shared'
 import { forwardRef, ReactNode } from 'react'

package/src/components/SimpleCard/SimpleCard.tsx

@@ -1,4 +1,4 @@
-import ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded'
+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'

package/dist/cjs/components/CardContentEx.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardContentEx = exports.CardContentExWithRef = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const CardContentExRoot = (0, material_1.styled)(material_1.CardContent, {
-    name: 'CardContentEx',
-    shouldForwardProp: (prop) => !['variant', 'removePadding'].includes(prop),
-    slot: 'Root',
-})(({ variant, removePadding }) => (Object.assign({}, ((variant === 'scrollable' || removePadding) && Object.assign({ [':last-child']: {
-        paddingBottom: 0,
-    }, overflow: 'auto', paddingTop: 0 }, (removePadding && { padding: 0 }))))));
-exports.CardContentExWithRef = (0, react_1.forwardRef)((_a, ref) => {
-    var { scrollToTop = 0, refreshRef = 0 } = _a, props = tslib_1.__rest(_a, ["scrollToTop", "refreshRef"]);
-    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref, refreshRef);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (sharedRef && scrollToTop) {
-            (_a = sharedRef.current) === null || _a === void 0 ? void 0 : _a.scroll({ behavior: 'smooth', top: 0 });
-        }
-    }, [sharedRef, scrollToTop]);
-    return (0, jsx_runtime_1.jsx)(CardContentExRoot, Object.assign({ ref: sharedRef }, props));
-});
-exports.CardContentExWithRef.displayName = 'CardContentEx';
-exports.CardContentEx = exports.CardContentExWithRef;
-//# sourceMappingURL=CardContentEx.js.map

package/dist/cjs/components/CardContentEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContentEx.js","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AACrE,4DAAgE;AAChE,iCAA6C;AAE7C,MAAM,iBAAiB,GAAG,IAAA,iBAAM,EAAC,sBAAW,EAAE;IAC5C,IAAI,EAAE,eAAe;IACrB,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;IACjF,IAAI,EAAE,MAAM;CACb,CAAC,CAAqB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,mBAClD,CAAC,CAAC,OAAO,KAAK,YAAY,IAAI,aAAa,CAAC,oBAC7C,CAAC,aAAa,CAAC,EAAE;QACf,aAAa,EAAE,CAAC;KACjB,EACD,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,CAAC,IACV,CAAC,aAAa,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACrC,CAAC,EACF,CAAC,CAAA;AASU,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAA4C,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,WAAW,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,OAAY,EAAP,KAAK,sBAA3C,6BAA6C,CAAF;IACpI,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAiB,GAAG,EAAE,UAAU,CAAC,CAAA;IAEvE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,IAAI,WAAW,EAAE;YAC5B,MAAA,SAAS,CAAC,OAAO,0CAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAA;SAC1D;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5B,OAAO,uBAAC,iBAAiB,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,EAAI,CAAA;AACzD,CAAC,CAAC,CAAA;AAEF,4BAAoB,CAAC,WAAW,GAAG,eAAe,CAAA;AAErC,QAAA,aAAa,GAAG,4BAAoB,CAAA"}

package/dist/cjs/components/CardEx.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardEx = exports.CardExWithRef = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-exports.CardExWithRef = (0, react_1.forwardRef)((_a, ref) => {
-    var { style, gradient } = _a, props = tslib_1.__rest(_a, ["style", "gradient"]);
-    const { styles } = (0, react_shared_1.useGradientStyles)();
-    const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
-    return ((0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ style: Object.assign(Object.assign({}, gradientStyle), style), ref: ref }, props)));
-});
-exports.CardExWithRef.displayName = 'CardEx';
-exports.CardEx = exports.CardExWithRef;
-//# sourceMappingURL=CardEx.js.map

package/dist/cjs/components/CardEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,4DAA6D;AAC7D,iCAAkC;AAMrB,QAAA,aAAa,GAA0B,IAAA,kBAAU,EAAC,CAAC,EAA6B,EAAE,GAAG,EAAE,EAAE;QAAtC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACzF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAiB,GAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,uBAAC,eAAI,kBACH,KAAK,kCACA,aAAa,GACb,KAAK,GAEV,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,qBAAa,CAAC,WAAW,GAAG,QAAQ,CAAA;AAEvB,QAAA,MAAM,GAAG,qBAAa,CAAA"}

package/dist/cjs/components/FullWidthCard/FullWidthCard.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullWidthCard = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowForwardRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowForwardRounded"));
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const FullWidthCard = (_a) => {
-    var { cardIsButton, desc, href, media, name, small, to } = _a, props = tslib_1.__rest(_a, ["cardIsButton", "desc", "href", "media", "name", "small", "to"]);
-    const theme = (0, material_1.useTheme)();
-    const [raised, setRaised] = (0, react_1.useState)(false);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const isMobile = (0, react_shared_1.useIsMobile)();
-    const localRouteChange = (to) => {
-        to ? navigate(to) : navigate('/404');
-    };
-    const externalRouteChange = (href) => {
-        href ? window.open(href) : navigate('/404');
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: raised ? 3 : 0, style: { height: '100%', width: '100%' } }, props, { sx: {
-            '&:hover': {
-                cursor: 'pointer',
-            },
-            backgroundColor: (0, material_1.alpha)(theme.palette.primary.light, 0.05),
-        }, onMouseEnter: () => (isMobile ? null : cardIsButton ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : cardIsButton ? setRaised(false) : null), onClick: () => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, alignItems: "center", paddingY: 2, paddingX: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: typeof name === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1 }, { children: name }))) : (name) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 400, textAlign: "left" }, { children: desc })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 1, display: isMobile ? 'none' : 'flex', justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Zoom, Object.assign({ in: raised }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })) }), (0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ sx: { display: { md: isMobile ? 'flex' : 'none' } } }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })));
-};
-exports.FullWidthCard = FullWidthCard;
-//# sourceMappingURL=FullWidthCard.js.map

package/dist/cjs/components/FullWidthCard/FullWidthCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullWidthCard.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/FullWidthCard/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FullWidthCard"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/FullWidthCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/components/PageCard.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageCard = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
-const material_1 = require("@mui/material");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const CardEx_1 = require("./CardEx");
-const PageCardWithRef = (0, react_1.forwardRef)((_a, ref) => {
-    var { subheader, title, onRefresh, children, action, style } = _a, props = tslib_1.__rest(_a, ["subheader", "title", "onRefresh", "children", "action", "style"]);
-    return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ style: Object.assign({ backgroundColor: 'transparent', position: 'relative' }, style), elevation: 0, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "h5", gutterBottom: true }, { children: title })), subheader: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "subtitle1" }, { children: subheader })), action: action ? (action) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null })) }), children] })));
-});
-PageCardWithRef.displayName = 'PageCard';
-exports.PageCard = PageCardWithRef;
-//# sourceMappingURL=PageCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAuE;AACvE,4DAAwD;AACxD,iCAA6C;AAE7C,qCAA8C;AAQ9C,MAAM,eAAe,GAA4B,IAAA,kBAAU,EAAC,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAhE,kEAAkE,CAAF;IAC3H,OAAO,CACL,wBAAC,eAAM,kBAAC,KAAK,kBAAI,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,IAAK,KAAK,GAAI,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAClH,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,sBACpC,KAAK,IACO,EAEjB,SAAS,EAAE,uBAAC,2BAAY,kBAAC,OAAO,EAAC,WAAW,gBAAE,SAAS,IAAgB,EACvE,MAAM,EACJ,MAAM,CAAC,CAAC,CAAC,CACP,MAAM,CACP,CAAC,CAAC,CAAC,CACF,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,GAEH,EACD,QAAQ,KACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,UAAU,CAAA;AAE3B,QAAA,QAAQ,GAAG,eAAe,CAAA"}

package/dist/cjs/components/SimpleCard/SimpleCard.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleCard = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowForwardRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowForwardRounded"));
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const CardEx_1 = require("../CardEx");
-const SimpleCard = (_a) => {
-    var { desc, iconImage, interactionVariant = 'card', headline, href, media, small, subtitle, sx, to } = _a, props = tslib_1.__rest(_a, ["desc", "iconImage", "interactionVariant", "headline", "href", "media", "small", "subtitle", "sx", "to"]);
-    const theme = (0, material_1.useTheme)();
-    const [raised, setRaised] = (0, react_1.useState)(false);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const isMobile = (0, react_shared_1.useIsMobile)();
-    const localRouteChange = (to) => {
-        to ? navigate(to) : navigate('/404');
-    };
-    const externalRouteChange = (href) => {
-        href ? window.open(href) : navigate('/404');
-    };
-    return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ elevation: raised ? 3 : 0, sx: Object.assign({ '&:hover': {
-                cursor: interactionVariant == 'button' ? 'pointer' : null,
-            }, backgroundColor: (0, material_1.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 ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({ sx: { height: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ width: "100%", alignItems: "flex-start" }, { children: [iconImage ? (0, jsx_runtime_1.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: '8px' } }) : null, typeof headline === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'body1' : 'h6', textAlign: "left", gutterBottom: true }, { children: headline }))) : (headline), subtitle ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2", textAlign: "left", gutterBottom: true }, { children: subtitle }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'caption' : 'body1', textAlign: "left", gutterBottom: true }, { children: desc }))] })) })), interactionVariant == 'button' ? ((0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: raised ? 'secondary' : 'primary', size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) })) : null] })));
-};
-exports.SimpleCard = SimpleCard;
-//# sourceMappingURL=SimpleCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleCard.js","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/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/cjs/components/SimpleCard/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SimpleCard"), exports);
-//# sourceMappingURL=index.js.map

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

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