@xyo-network/react-card 10.0.5 → 10.0.6

package/dist/browser/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components/index.ts';
+export * from '@xyo-network/react-sdk/card';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAA"}

package/dist/browser/index.mjs

@@ -1,368 +1,3 @@
-// src/components/CardContentEx.tsx
-import { CardContent, styled } from "@mui/material";
-import { useShareForwardedRef } from "@xyo-network/react-shared";
-import { 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 = ({
-  ref,
-  scrollToTop = 0,
-  refreshRef = 0,
-  ...props
-}) => {
-  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 { jsx as jsx2 } from "react/jsx-runtime";
-var CardExWithRef = ({
-  ref,
-  style,
-  gradient,
-  ...props
-}) => {
-  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 { FlexGrowCol } from "@ariestools/sdk-react/flexbox";
-import { alphaCss, useIsSmall } from "@ariestools/sdk-react/theme";
-import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
-import {
-  Card as Card2,
-  CardActions,
-  CardContent as CardContent2,
-  CardMedia,
-  Grid,
-  IconButton,
-  Typography,
-  useTheme,
-  Zoom
-} from "@mui/material";
-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 = useIsSmall();
-  const localRouteChange = (to2) => {
-    to2 ? void navigate(to2) : void navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
-    href2 ? void window.open(href2) : void navigate("/404");
-  };
-  return /* @__PURE__ */ jsxs(
-    Card2,
-    {
-      elevation: raised ? 3 : 0,
-      style: { height: "100%", width: "100%" },
-      ...props,
-      sx: {
-        "&:hover": { cursor: "pointer" },
-        "backgroundColor": alphaCss(theme.vars.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",
-            image: media,
-            alt: "",
-            sx: { height: "100" }
-          }
-        ) : null,
-        /* @__PURE__ */ jsx3(CardContent2, { children: /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            container: true,
-            sx: {
-              alignItems: "center",
-              paddingY: 2,
-              paddingX: 2
-            },
-            children: [
-              /* @__PURE__ */ jsx3(Grid, { size: { xs: 12, md: 6 }, children: typeof name === "string" ? /* @__PURE__ */ jsx3(
-                Typography,
-                {
-                  variant: "h2",
-                  sx: {
-                    fontWeight: 700,
-                    textAlign: "left",
-                    paddingBottom: 1
-                  },
-                  children: name
-                }
-              ) : name }),
-              /* @__PURE__ */ jsx3(Grid, { size: { xs: 12, md: 5 }, children: /* @__PURE__ */ jsx3(
-                Typography,
-                {
-                  variant: "body1",
-                  sx: {
-                    fontWeight: 400,
-                    textAlign: "left"
-                  },
-                  children: desc
-                }
-              ) }),
-              /* @__PURE__ */ jsx3(
-                Grid,
-                {
-                  size: { xs: 1 },
-                  sx: {
-                    display: isMobile ? "none" : "flex",
-                    justifyContent: "center"
-                  },
-                  children: /* @__PURE__ */ jsx3(Zoom, { in: raised, children: /* @__PURE__ */ jsx3(
-                    IconButton,
-                    {
-                      size: small ? "small" : "medium",
-                      onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
-                      disableFocusRipple: true,
-                      disableRipple: true,
-                      disableTouchRipple: true,
-                      sx: { color: "primary" },
-                      children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { sx: { fontSize: small ? "small" : "medium" } })
-                    }
-                  ) })
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx3(CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ jsx3(FlexGrowCol, { sx: { alignItems: "flex-end" }, children: /* @__PURE__ */ jsx3(
-          IconButton,
-          {
-            size: small ? "small" : "medium",
-            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
-            disableFocusRipple: true,
-            disableRipple: true,
-            disableTouchRipple: true,
-            sx: { color: "primary" },
-            children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { sx: { 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 { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var PageCardWithRef = ({
-  ref,
-  subheader,
-  title,
-  onRefresh,
-  children,
-  action,
-  style,
-  ...props
-}) => {
-  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 ?? /* @__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 { FlexCol, FlexGrowCol as FlexGrowCol2 } from "@ariestools/sdk-react/flexbox";
-import { alphaCss as alphaCss2, useIsSmall as useIsSmall2 } from "@ariestools/sdk-react/theme";
-import { ArrowForwardRounded as ArrowForwardRoundedIcon2 } from "@mui/icons-material";
-import {
-  CardActions as CardActions2,
-  CardContent as CardContent3,
-  CardMedia as CardMedia2,
-  IconButton as IconButton3,
-  Typography as Typography2,
-  useTheme as useTheme2
-} from "@mui/material";
-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 = ({
-  children,
-  desc,
-  iconImage,
-  interactionVariant = "card",
-  headline,
-  href,
-  media,
-  small,
-  subtitle,
-  sx,
-  to,
-  ...props
-}) => {
-  const theme = useTheme2();
-  const [raised, setRaised] = useState2(false);
-  const navigate = useNavigate2();
-  const isSmall = useIsSmall2();
-  const localRouteChange = (to2) => {
-    to2 ? void navigate(to2) : void navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
-    href2 ? void window.open(href2) : void navigate("/404");
-  };
-  return /* @__PURE__ */ jsxs3(
-    CardEx,
-    {
-      elevation: raised ? 3 : 0,
-      sx: {
-        "&:hover": { cursor: interactionVariant == "button" ? "pointer" : null },
-        "backgroundColor": alphaCss2(theme.vars.palette.primary.main, 0.05),
-        ...sx
-      },
-      onMouseEnter: () => isSmall ? null : interactionVariant == "button" ? setRaised(true) : null,
-      onMouseLeave: () => isSmall ? 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",
-            image: media,
-            alt: "",
-            sx: { height: "100" }
-          }
-        ) : null,
-        /* @__PURE__ */ jsx5(CardContent3, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs3(
-          FlexCol,
-          {
-            sx: {
-              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",
-                  gutterBottom: true,
-                  sx: { textAlign: "left" },
-                  children: headline
-                }
-              ) : headline,
-              subtitle ? /* @__PURE__ */ jsx5(
-                Typography2,
-                {
-                  variant: "subtitle2",
-                  gutterBottom: true,
-                  sx: { textAlign: "left" },
-                  children: subtitle
-                }
-              ) : null,
-              /* @__PURE__ */ jsx5(
-                Typography2,
-                {
-                  variant: small ? "caption" : "body1",
-                  gutterBottom: true,
-                  sx: { textAlign: "left" },
-                  children: desc
-                }
-              )
-            ]
-          }
-        ) }),
-        children,
-        interactionVariant == "button" ? /* @__PURE__ */ jsx5(CardActions2, { children: /* @__PURE__ */ jsx5(FlexGrowCol2, { sx: { alignItems: "flex-end" }, children: /* @__PURE__ */ jsx5(
-          IconButton3,
-          {
-            size: small ? "small" : "medium",
-            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
-            disableFocusRipple: true,
-            disableRipple: true,
-            disableTouchRipple: true,
-            sx: { color: raised ? "secondary" : "primary" },
-            children: /* @__PURE__ */ jsx5(ArrowForwardRoundedIcon2, { sx: { fontSize: small ? "small" : "medium" } })
-          }
-        ) }) }) : null
-      ]
-    }
-  );
-};
-export {
-  CardContentEx,
-  CardContentExWithRef,
-  CardEx,
-  CardExWithRef,
-  FullWidthCard,
-  PageCard,
-  SimpleCard
-};
+// src/index.ts
+export * from "@xyo-network/react-sdk/card";
 //# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "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 type { CardContentProps } from '@mui/material'\nimport { CardContent, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { 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']: { paddingBottom: 0 },\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 = ({\n  ref, scrollToTop = 0, refreshRef = 0, ...props\n}: CardContentExProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\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 type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface CardExProps extends CardProps {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = ({\n  ref, style, gradient, ...props\n}: CardExProps) => {\n  const styles = useGradientStyles()\n  const gradientStyle\n    = gradient === 'border'\n      ? styles.border\n      : gradient === 'background'\n        ? styles.background\n        : {}\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 { FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport { alphaCss, useIsSmall } from '@ariestools/sdk-react/theme'\nimport { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n  Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { 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> = ({\n  cardIsButton, desc, href, media, name, small, to, ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsSmall()\n\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void 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': { cursor: 'pointer' },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        cardIsButton\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n    >\n      {media\n        ? (\n            <CardMedia\n              component=\"img\"\n              image={media}\n              alt=\"\"\n              sx={{ height: '100' }}\n            />\n          )\n        : null}\n      <CardContent>\n        <Grid\n          container\n          sx={{\n            alignItems: 'center',\n            paddingY: 2,\n            paddingX: 2,\n          }}\n        >\n          <Grid size={{ xs: 12, md: 6 }}>\n            {typeof name === 'string'\n              ? (\n                  <Typography\n                    variant=\"h2\"\n                    sx={{\n                      fontWeight: 700,\n                      textAlign: 'left',\n                      paddingBottom: 1,\n                    }}\n                  >\n                    {name}\n                  </Typography>\n                )\n              : name}\n          </Grid>\n          <Grid size={{ xs: 12, md: 5 }}>\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 400,\n                textAlign: 'left',\n              }}\n            >\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid\n            size={{ xs: 1 }}\n            sx={{\n              display: isMobile ? 'none' : 'flex',\n              justifyContent: 'center',\n            }}\n          >\n            <Zoom in={raised}>\n              <IconButton\n                size={small ? 'small' : 'medium'}\n                onClick={() =>\n                  href\n                    ? externalRouteChange(href)\n                    : to\n                      ? localRouteChange(to)\n                      : navigate('/404')}\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\n                sx={{ color: 'primary' }}\n              >\n                <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n              </IconButton>\n            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n          <IconButton\n            size={small ? 'small' : 'medium'}\n            onClick={() =>\n              href\n                ? externalRouteChange(href)\n                : to\n                  ? localRouteChange(to)\n                  : navigate('/404')}\n            disableFocusRipple\n            disableRipple\n            disableTouchRipple\n            sx={{ color: 'primary' }}\n          >\n            <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n          </IconButton>\n        </FlexGrowCol>\n      </CardActions>\n    </Card>\n  )\n}\n", "import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport type { CardHeaderProps } from '@mui/material'\nimport { CardHeader, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport type { CardExProps } from './CardEx.tsx'\nimport { CardEx } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = ({\n  ref, subheader, title, onRefresh, children, action, style, ...props\n}: PageCardProps) => {\n  return (\n    <CardEx\n      style={{\n        backgroundColor: 'transparent', position: 'relative', ...style,\n      }}\n      elevation={0}\n      ref={ref}\n      {...props}\n    >\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            <>\n              {onRefresh\n                ? (\n                    <IconButton onClick={() => onRefresh?.()}>\n                      <RefreshIcon />\n                    </IconButton>\n                  )\n                : null}\n            </>\n          )\n        }\n      />\n      {children}\n    </CardEx>\n  )\n}\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n", "import { FlexCol, FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport { alphaCss, useIsSmall } from '@ariestools/sdk-react/theme'\nimport { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n  CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { CardExProps } from '../CardEx.tsx'\nimport { CardEx } from '../CardEx.tsx'\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  children,\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 isSmall = useIsSmall()\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.main, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        interactionVariant == 'button'\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n      {...props}\n    >\n      {media\n        ? (\n            <CardMedia\n              component=\"img\"\n              image={media}\n              alt=\"\"\n              sx={{ height: '100' }}\n            />\n          )\n        : null}\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol\n          sx={{\n            width: '100%',\n            alignItems: 'flex-start',\n          }}\n        >\n          {iconImage\n            ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n            : null}\n          {typeof headline === 'string'\n            ? (\n                <Typography\n                  variant={small ? 'body1' : 'h6'}\n                  gutterBottom\n                  sx={{ textAlign: 'left' }}\n                >\n                  {headline}\n                </Typography>\n              )\n            : headline}\n          {subtitle\n            ? (\n                <Typography\n                  variant=\"subtitle2\"\n                  gutterBottom\n                  sx={{ textAlign: 'left' }}\n                >\n                  {subtitle}\n                </Typography>\n              )\n            : null}\n          <Typography\n            variant={small ? 'caption' : 'body1'}\n            gutterBottom\n            sx={{ textAlign: 'left' }}\n          >\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {children}\n      {interactionVariant == 'button'\n        ? (\n            <CardActions>\n              <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n                <IconButton\n                  size={small ? 'small' : 'medium'}\n                  onClick={() =>\n                    href\n                      ? externalRouteChange(href)\n                      : to\n                        ? localRouteChange(to)\n                        : navigate('/404')}\n                  disableFocusRipple\n                  disableRipple\n                  disableTouchRipple\n                  sx={{ color: raised ? 'secondary' : 'primary' }}\n                >\n                  <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n                </IconButton>\n              </FlexGrowCol>\n            </CardActions>\n          )\n        : null}\n    </CardEx>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "Card", "CardContent", "jsx", "to", "href", "IconButton", "jsx", "jsxs", "IconButton", "FlexGrowCol", "alphaCss", "useIsSmall", "ArrowForwardRoundedIcon", "CardActions", "CardContent", "CardMedia", "IconButton", "Typography", "useTheme", "useState", "useNavigate", "jsx", "jsxs", "useTheme", "useState", "useNavigate", "useIsSmall", "to", "href", "alphaCss", "CardMedia", "CardContent", "Typography", "CardActions", "FlexGrowCol", "IconButton", "ArrowForwardRoundedIcon"]
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["// Compatibility shim: this package re-exports from @xyo-network/react-sdk.\nexport * from '@xyo-network/react-sdk/card'\n"],
+  "mappings": ";AACA,cAAc;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-card",
-  "version": "10.0.5",
+  "version": "10.0.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,7 +41,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-shared": "~10.0.5"
+    "@xyo-network/react-sdk": "~10.0.6"
   },
   "devDependencies": {
     "@ariestools/eth-address": "~8.0.2",
@@ -53,22 +53,35 @@
     "@metamask/providers": "~22.1.1",
     "@mui/icons-material": "~9.2.0",
     "@mui/material": "~9.2.0",
+    "@mui/system": "~9.2.0",
+    "@mui/x-tree-view": "~9.8.0",
     "@noble/post-quantum": "~0.6.1",
     "@opentelemetry/api": "~1.9.1",
     "@opentelemetry/sdk-trace-base": "~2.9.0",
     "@react-spring/web": "~10.1.2",
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "~10.4.6",
     "@types/react": "~19.2.17",
-    "@xylabs/toolchain": "~8.6.6",
-    "@xylabs/tsconfig": "~8.6.6",
-    "@xylabs/tsconfig-dom": "~8.6.6",
-    "@xylabs/tsconfig-react": "~8.6.6",
+    "@xylabs/toolchain": "~8.6.8",
+    "@xylabs/tsconfig": "~8.6.8",
+    "@xylabs/tsconfig-dom": "~8.6.8",
+    "@xylabs/tsconfig-react": "~8.6.8",
+    "@xyo-network/advertising-payload-plugins": "~7.0.2",
+    "@xyo-network/archivist-storage": "~7.0.9",
+    "@xyo-network/diviner-address-history-model": "~7.0.9",
+    "@xyo-network/diviner-hash-lease": "~7.0.9",
+    "@xyo-network/diviner-huri": "~7.0.9",
+    "@xyo-network/diviner-schema-list": "~7.0.9",
+    "@xyo-network/diviner-schema-stats": "~7.0.9",
+    "@xyo-network/node-core-types": "~4.2.2",
     "@xyo-network/sdk": "~7.0.9",
+    "@xyo-network/sdk-geo": "~3.0.3",
     "@xyo-network/sdk-protocol": "~7.0.14",
+    "@xyo-network/typeof": "~5.3.30",
+    "@xyo-network/xns-record-payloadset-plugins": "~7.0.2",
     "ajv": "~8.20.0",
     "async-mutex": "~0.5.0",
+    "card-validator": "~10.0.4",
     "clsx": "~2.1.1",
     "debug": "~4.4.3",
     "eslint": "~10.6.0",
@@ -76,22 +89,22 @@
     "hash-wasm": "~4.12.0",
     "idb": "~8.0.3",
     "lru-cache": "~11.5.1",
+    "mapbox-gl": "~3.25.0",
     "md5": "~2.3.0",
     "numeral": "~2.0.6",
     "observable-fns": "~0.6.1",
     "query-string": "~9.4.1",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
+    "react-icons": "~5.7.0",
     "react-router-dom": "~7.18.1",
     "rollbar": "~3.1.0",
-    "storybook": "~10.4.6",
+    "store2": "~2.14.4",
     "typescript": "~6.0.3",
     "viem": "~2.54.3",
-    "vite": "~8.1.3",
     "webextension-polyfill": "~0.12.0",
     "zod": "~4.4.3",
-    "zustand": "~5.0.14",
-    "@xyo-network/react-storybook": "~10.0.5"
+    "zustand": "~5.0.14"
   },
   "peerDependencies": {
     "@ariestools/eth-address": "^8.0.2",
@@ -103,30 +116,48 @@
     "@metamask/providers": "^22.1.1",
     "@mui/icons-material": "^9.2.0",
     "@mui/material": "^9.2.0",
+    "@mui/system": "^9.2.0",
+    "@mui/x-tree-view": "^9.8.0",
     "@noble/post-quantum": "^0.6.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.9.0",
     "@react-spring/web": "^10.1.2",
     "@scure/base": "^2.2.0",
     "@scure/bip39": "^2.2.0",
+    "@types/react": "^19.2.17",
+    "@xyo-network/advertising-payload-plugins": "^7.0.2",
+    "@xyo-network/archivist-storage": "^7.0.9",
+    "@xyo-network/diviner-address-history-model": "^7.0.9",
+    "@xyo-network/diviner-hash-lease": "^7.0.9",
+    "@xyo-network/diviner-huri": "^7.0.9",
+    "@xyo-network/diviner-schema-list": "^7.0.9",
+    "@xyo-network/diviner-schema-stats": "^7.0.9",
+    "@xyo-network/node-core-types": "^4.2.2",
     "@xyo-network/sdk": "^7.0.9",
+    "@xyo-network/sdk-geo": "^3.0.3",
     "@xyo-network/sdk-protocol": "^7.0.14",
+    "@xyo-network/typeof": "^5.3.30",
+    "@xyo-network/xns-record-payloadset-plugins": "^7.0.2",
     "ajv": "^8.20.0",
     "async-mutex": "^0.5.0",
+    "card-validator": "^10.0.4",
     "clsx": "^2.1.1",
     "debug": "^4.4.3",
     "ethers": "^6.17.0",
     "hash-wasm": "^4.12.0",
     "idb": "^8.0.3",
     "lru-cache": "^11.5.1",
+    "mapbox-gl": "^3.25.0",
     "md5": "^2.3.0",
     "numeral": "^2.0.6",
     "observable-fns": "^0.6.1",
     "query-string": "^9.4.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "react-icons": "^5.7.0",
     "react-router-dom": "^7.18.1",
     "rollbar": "^3.1.0",
+    "store2": "^2.14.4",
     "viem": "^2.54.3",
     "webextension-polyfill": "^0.12.0",
     "zod": "^4.4.3",
@@ -135,5 +166,6 @@
   "publishConfig": {
     "access": "public"
   },
+  "deprecated": "Use @xyo-network/react-sdk/card instead. Replace @xyo-network/react-card with @xyo-network/react-sdk/card. This package is a compatibility shim only and will not receive further updates.",
   "docs": "dist/docs.json"
 }

package/dist/browser/components/CardContentEx.d.ts

@@ -1,21 +0,0 @@
-import type { CardContentProps } from '@mui/material';
-import React from 'react';
-export type CardContentExProps = CardContentProps & {
-    refreshRef?: number;
-    removePadding?: boolean;
-    scrollToTop?: number;
-    variant?: 'scrollable' | 'normal';
-};
-export declare const CardContentExWithRef: {
-    ({ ref, scrollToTop, refreshRef, ...props }: CardContentExProps & {
-        ref?: React.RefObject<HTMLDivElement | null>;
-    }): React.JSX.Element;
-    displayName: string;
-};
-export declare const CardContentEx: {
-    ({ ref, scrollToTop, refreshRef, ...props }: CardContentExProps & {
-        ref?: React.RefObject<HTMLDivElement | null>;
-    }): React.JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=CardContentEx.d.ts.map

package/dist/browser/components/CardContentEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,oBAAoB;iDAE9B,kBAAkB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAUvE,CAAA;AAID,eAAO,MAAM,aAAa;iDAdvB,kBAAkB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAcvB,CAAA"}

package/dist/browser/components/CardEx.d.ts

@@ -1,14 +0,0 @@
-import type { CardProps } from '@mui/material';
-import React from 'react';
-export interface CardExProps extends CardProps {
-    gradient?: 'border' | 'background';
-}
-export declare const CardExWithRef: {
-    ({ ref, style, gradient, ...props }: CardExProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CardEx: {
-    ({ ref, style, gradient, ...props }: CardExProps): React.JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=CardEx.d.ts.map

package/dist/browser/components/CardEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;CACnC;AAED,eAAO,MAAM,aAAa;yCAEvB,WAAW;;CAkBb,CAAA;AAID,eAAO,MAAM,MAAM;yCAtBhB,WAAW;;CAsBqB,CAAA"}

package/dist/browser/components/FullWidthCard/FullWidthCard.d.ts

@@ -1,16 +0,0 @@
-import type { CardProps } from '@mui/material';
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { To } from 'react-router-dom';
-export interface FullWidthCardProps extends CardProps {
-    cardIsButton?: boolean;
-    desc?: ReactNode;
-    href?: string;
-    linkText?: string;
-    media?: string;
-    name: ReactNode;
-    small?: boolean;
-    to?: To;
-}
-export declare const FullWidthCard: React.FC<FullWidthCardProps>;
-//# sourceMappingURL=FullWidthCard.d.ts.map

package/dist/browser/components/FullWidthCard/FullWidthCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAG1C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6ItD,CAAA"}

package/dist/browser/components/FullWidthCard/index.d.ts

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

package/dist/browser/components/FullWidthCard/index.d.ts.map

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

package/dist/browser/components/PageCard.d.ts

@@ -1,14 +0,0 @@
-import type { CardHeaderProps } from '@mui/material';
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { CardExProps } from './CardEx.tsx';
-export interface PageCardProps extends CardExProps {
-    action?: ReactNode;
-    onRefresh?: () => void;
-    subheader?: CardHeaderProps['subheader'];
-}
-export declare const PageCard: {
-    ({ ref, subheader, title, onRefresh, children, action, style, ...props }: PageCardProps): React.JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=PageCard.d.ts.map

package/dist/browser/components/PageCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG/C,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACzC;AA0CD,eAAO,MAAM,QAAQ;8EAtClB,aAAa;;CAsCuB,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAG1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAGhD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqIhD,CAAA"}

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

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

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

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

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

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

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

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

package/dist/browser/components/SimpleCardGrid/index.d.ts

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

package/dist/browser/components/SimpleCardGrid/index.d.ts.map

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

package/dist/browser/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './CardContentEx.tsx';
-export * from './CardEx.tsx';
-export * from './FullWidthCard/index.ts';
-export * from './PageCard.tsx';
-export * from './SimpleCard/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA"}