@xyo-network/react-card 3.0.1 → 3.0.3

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

@@ -0,0 +1,11 @@
+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: React.ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
+export declare const CardContentEx: React.ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
+//# sourceMappingURL=CardContentEx.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAgC,MAAM,OAAO,CAAA;AAepD,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,+GAY/B,CAAA;AAIF,eAAO,MAAM,aAAa,+GAAuB,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { CardProps } from '@mui/material';
+import React from 'react';
+export interface CardExProps extends CardProps {
+    gradient?: 'border' | 'background';
+}
+export declare const CardExWithRef: React.ForwardRefExoticComponent<Omit<CardExProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardEx: React.ForwardRefExoticComponent<Omit<CardExProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CardEx.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;CACnC;AAED,eAAO,MAAM,aAAa,iGAoBxB,CAAA;AAIF,eAAO,MAAM,MAAM,iGAAgB,CAAA"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,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,CA6GtD,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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: React.ForwardRefExoticComponent<Omit<PageCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageCard.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAqB,MAAM,OAAO,CAAA;AAEzC,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,mGAAkB,CAAA"}

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

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

@@ -0,0 +1 @@
+{"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,CA4GhD,CAAA"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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,CAaxD,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"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

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

@@ -0,0 +1 @@
+{"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"}

package/dist/browser/index.d.ts

@@ -1,52 +1,2 @@
-import { CardContentProps, CardProps, CardHeaderProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import { To } from 'react-router-dom';
-
-type CardContentExProps = CardContentProps & {
-    refreshRef?: number;
-    removePadding?: boolean;
-    scrollToTop?: number;
-    variant?: 'scrollable' | 'normal';
-};
-declare const CardContentExWithRef: React.ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
-declare const CardContentEx: React.ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
-
-interface CardExProps extends CardProps {
-    gradient?: 'border' | 'background';
-}
-declare const CardExWithRef: React.ForwardRefExoticComponent<Omit<CardExProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardEx: React.ForwardRefExoticComponent<Omit<CardExProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-interface FullWidthCardProps extends CardProps {
-    cardIsButton?: boolean;
-    desc?: ReactNode;
-    href?: string;
-    linkText?: string;
-    media?: string;
-    name: ReactNode;
-    small?: boolean;
-    to?: To;
-}
-declare const FullWidthCard: React.FC<FullWidthCardProps>;
-
-interface PageCardProps extends CardExProps {
-    action?: ReactNode;
-    onRefresh?: () => void;
-    subheader?: CardHeaderProps['subheader'];
-}
-declare const PageCard: React.ForwardRefExoticComponent<Omit<PageCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-interface SimpleCardProps extends CardExProps {
-    desc?: ReactNode;
-    headline?: ReactNode;
-    href?: string;
-    iconImage?: string;
-    interactionVariant?: 'button' | 'card';
-    media?: string;
-    small?: boolean;
-    subtitle?: string;
-    to?: To;
-}
-declare const SimpleCard: React.FC<SimpleCardProps>;
-
-export { CardContentEx, type CardContentExProps, CardContentExWithRef, CardEx, type CardExProps, CardExWithRef, FullWidthCard, type FullWidthCardProps, PageCard, type PageCardProps, SimpleCard, type SimpleCardProps };
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/browser/index.mjs.map

@@ -1 +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 React, { 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 React, { forwardRef } from 'react'\n\nexport interface CardExProps extends CardProps {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = forwardRef<HTMLDivElement, CardExProps>(({ style, gradient, ...props }, ref) => {\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 { 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 React, { 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    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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={() =>\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        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : 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              ? (\n                  <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                    {name}\n                  </Typography>\n                )\n              : name}\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={() =>\n                  href\n                    ? externalRouteChange(href)\n                    : to\n                      ? localRouteChange(to)\n                      : 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={() =>\n              href\n                ? externalRouteChange(href)\n                : to\n                  ? localRouteChange(to)\n                  : 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 React, { forwardRef, ReactNode } from 'react'\n\nimport { CardEx, CardExProps } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = forwardRef<HTMLDivElement, PageCardProps>(({ 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            <>\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 { 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 React, { ReactNode, useState } from 'react'\nimport { To, useNavigate } from 'react-router-dom'\n\nimport { CardEx, CardExProps } 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  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    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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={() =>\n        isMobile\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isMobile\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        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage\n            ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n            : null}\n          {typeof headline === 'string'\n            ? (\n                <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n                  {headline}\n                </Typography>\n              )\n            : headline}\n          {subtitle\n            ? (\n                <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n                  {subtitle}\n                </Typography>\n              )\n            : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {interactionVariant == 'button'\n        ? (\n            <CardActions>\n              <FlexGrowCol alignItems=\"flex-end\">\n                <IconButton\n                  color={raised ? 'secondary' : 'primary'}\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                >\n                  <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n                </IconButton>\n              </FlexGrowCol>\n            </CardActions>\n          )\n        : null}\n    </CardEx>\n  )\n}\n"],"mappings":"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","names":["CardContent","styled","useShareForwardedRef","React","forwardRef","useEffect","CardContentExRoot","styled","CardContent","name","shouldForwardProp","prop","includes","slot","variant","removePadding","paddingBottom","overflow","paddingTop","padding","CardContentExWithRef","forwardRef","scrollToTop","refreshRef","props","ref","sharedRef","useShareForwardedRef","useEffect","current","scroll","behavior","top","displayName","CardContentEx","Card","useGradientStyles","React","forwardRef","CardExWithRef","style","gradient","props","ref","styles","gradientStyle","border","background","displayName","CardEx","ArrowForwardRounded","ArrowForwardRoundedIcon","alpha","Card","CardActions","CardContent","CardMedia","Grid","IconButton","Typography","useTheme","Zoom","FlexGrowCol","useIsMobile","React","useState","useNavigate","FullWidthCard","cardIsButton","desc","href","media","name","small","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsMobile","localRouteChange","externalRouteChange","window","open","React","Card","elevation","style","height","width","sx","cursor","alpha","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","image","alt","CardContent","Grid","container","alignItems","paddingY","paddingX","item","xs","md","Typography","fontWeight","variant","textAlign","paddingBottom","display","justifyContent","Zoom","in","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize","CardActions","FlexGrowCol","Refresh","RefreshIcon","CardHeader","IconButton","TypographyEx","React","forwardRef","PageCardWithRef","forwardRef","subheader","title","onRefresh","children","action","style","props","ref","React","CardEx","backgroundColor","position","elevation","CardHeader","TypographyEx","variant","gutterBottom","IconButton","onClick","RefreshIcon","displayName","PageCard","ArrowForwardRounded","ArrowForwardRoundedIcon","alpha","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexCol","FlexGrowCol","useIsMobile","React","useState","useNavigate","SimpleCard","desc","iconImage","interactionVariant","headline","href","media","small","subtitle","sx","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsMobile","localRouteChange","externalRouteChange","window","open","React","CardEx","elevation","cursor","alpha","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","height","image","alt","CardContent","FlexCol","width","alignItems","img","src","style","paddingBottom","Typography","variant","textAlign","gutterBottom","CardActions","FlexGrowCol","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize"]}
+{"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, { 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']: { 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 = forwardRef<HTMLDivElement | null, CardContentExProps>(({\n  scrollToTop = 0, refreshRef = 0, ...props\n}, 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 type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nexport interface CardExProps extends CardProps {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = forwardRef<HTMLDivElement, CardExProps>(({\n  style, gradient, ...props\n}, ref) => {\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 { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n  alpha, Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\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 = useIsMobile()\n\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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': { cursor: 'pointer' },\n        'backgroundColor': alpha(theme.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        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : 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              ? (\n                  <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                    {name}\n                  </Typography>\n                )\n              : name}\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={() =>\n                  href\n                    ? externalRouteChange(href)\n                    : to\n                      ? localRouteChange(to)\n                      : 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={() =>\n              href\n                ? externalRouteChange(href)\n                : to\n                  ? localRouteChange(to)\n                  : 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 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, { forwardRef } 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 = forwardRef<HTMLDivElement, PageCardProps>(({\n  subheader, title, onRefresh, children, action, style, ...props\n}, ref) => {\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 { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n  alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\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  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    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? window.open(href) : navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n        'backgroundColor': alpha(theme.palette.primary.light, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() =>\n        isMobile\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isMobile\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        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage\n            ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n            : null}\n          {typeof headline === 'string'\n            ? (\n                <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n                  {headline}\n                </Typography>\n              )\n            : headline}\n          {subtitle\n            ? (\n                <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n                  {subtitle}\n                </Typography>\n              )\n            : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {interactionVariant == 'button'\n        ? (\n            <CardActions>\n              <FlexGrowCol alignItems=\"flex-end\">\n                <IconButton\n                  color={raised ? 'secondary' : 'primary'}\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                >\n                  <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n                </IconButton>\n              </FlexGrowCol>\n            </CardActions>\n          )\n        : null}\n    </CardEx>\n  )\n}\n"],"mappings":"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","names":["CardContent","styled","useShareForwardedRef","React","forwardRef","useEffect","CardContentExRoot","styled","CardContent","name","shouldForwardProp","prop","includes","slot","variant","removePadding","paddingBottom","overflow","paddingTop","padding","CardContentExWithRef","forwardRef","scrollToTop","refreshRef","props","ref","sharedRef","useShareForwardedRef","useEffect","current","scroll","behavior","top","displayName","CardContentEx","Card","useGradientStyles","React","forwardRef","CardExWithRef","style","gradient","props","ref","styles","gradientStyle","border","background","displayName","CardEx","ArrowForwardRounded","ArrowForwardRoundedIcon","alpha","Card","CardActions","CardContent","CardMedia","Grid","IconButton","Typography","useTheme","Zoom","FlexGrowCol","useIsMobile","React","useState","useNavigate","FullWidthCard","cardIsButton","desc","href","media","name","small","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsMobile","localRouteChange","externalRouteChange","window","open","React","Card","elevation","style","height","width","sx","cursor","alpha","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","image","alt","CardContent","Grid","container","alignItems","paddingY","paddingX","item","xs","md","Typography","fontWeight","variant","textAlign","paddingBottom","display","justifyContent","Zoom","in","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize","CardActions","FlexGrowCol","Refresh","RefreshIcon","CardHeader","IconButton","TypographyEx","React","forwardRef","PageCardWithRef","forwardRef","subheader","title","onRefresh","children","action","style","props","ref","React","CardEx","backgroundColor","position","elevation","CardHeader","TypographyEx","variant","gutterBottom","IconButton","onClick","RefreshIcon","displayName","PageCard","ArrowForwardRounded","ArrowForwardRoundedIcon","alpha","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexCol","FlexGrowCol","useIsMobile","React","useState","useNavigate","SimpleCard","desc","iconImage","interactionVariant","headline","href","media","small","subtitle","sx","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsMobile","localRouteChange","externalRouteChange","window","open","React","CardEx","elevation","cursor","alpha","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","height","image","alt","CardContent","FlexCol","width","alignItems","img","src","style","paddingBottom","Typography","variant","textAlign","gutterBottom","CardActions","FlexGrowCol","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize"]}

package/package.json

@@ -1,35 +1,30 @@
 {
   "name": "@xyo-network/react-card",
-  "author": {
-    "email": "support@xyo.network",
-    "name": "XYO Development Team",
-    "url": "https://xyo.network"
-  },
+  "version": "3.0.3",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
   "bugs": {
-    "email": "support@xyo.network",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
-  },
-  "dependencies": {
-    "@xylabs/react-flexbox": "^4.0.1",
-    "@xyo-network/react-shared": "^3.0.1",
-    "react-router-dom": "^6.26.0"
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
   },
-  "peerDependencies": {
-    "@mui/icons-material": "^5",
-    "@mui/material": "^5",
-    "@mui/styles": "^5",
-    "react": "^18",
-    "react-dom": "^18"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
   },
-  "devDependencies": {
-    "@storybook/react": "^8.2.9",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
-    "@xyo-network/react-storybook": "^3.0.1",
-    "typescript": "^5.5.4"
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XYO Development Team",
+    "email": "support@xyo.network",
+    "url": "https://xyo.network"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
+  "sideEffects": false,
+  "type": "module",
   "exports": {
     ".": {
       "import": {
@@ -42,27 +37,38 @@
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
-  "publishConfig": {
-    "access": "public"
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "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\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  "dependencies": {
+    "@xylabs/react-flexbox": "^4.0.3",
+    "@xyo-network/react-shared": "^3.0.3",
+    "react-router-dom": "^6.26.1"
   },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "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\""
+  "devDependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
+    "@storybook/react": "^8.2.9",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "@xyo-network/react-storybook": "^3.0.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.2.9",
+    "typescript": "^5.5.4"
   },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.1",
-  "type": "module"
+  "peerDependencies": {
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "docs": "dist/docs.json"
 }

package/src/components/CardContentEx.stories.tsx

@@ -1,5 +1,7 @@
 import { Button, Typography } from '@mui/material'
-import { Decorator, Meta, StoryFn } from '@storybook/react'
+import type {
+  Decorator, Meta, StoryFn,
+} from '@storybook/react'
 import { FlexGrowCol } from '@xylabs/react-flexbox'
 import { WithRefDecorator } from '@xyo-network/react-storybook'
 import React, { useRef, useState } from 'react'
@@ -30,11 +32,7 @@ const ScrollableDecorator: Decorator = (Story, args) => {
 const StorybookEntry: Meta = {
   argTypes: {},
   component: CardContentEx,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/CardContentEx',
 }
 
@@ -63,6 +61,8 @@ const WithVariant = Template.bind({})
 WithVariant.args = { variant: 'scrollable' }
 WithVariant.decorators = [ScrollableDecorator]
 
-export { Default, WithRef, WithVariant }
+export {
+  Default, WithRef, WithVariant,
+}
 
 export default StorybookEntry

package/src/components/CardContentEx.tsx

@@ -1,4 +1,5 @@
-import { CardContent, CardContentProps, styled } from '@mui/material'
+import type { CardContentProps } from '@mui/material'
+import { CardContent, styled } from '@mui/material'
 import { useShareForwardedRef } from '@xyo-network/react-shared'
 import React, { forwardRef, useEffect } from 'react'
 
@@ -8,9 +9,7 @@ const CardContentExRoot = styled(CardContent, {
   slot: 'Root',
 })<CardContentExProps>(({ variant, removePadding }) => ({
   ...((variant === 'scrollable' || removePadding) && {
-    [':last-child']: {
-      paddingBottom: 0,
-    },
+    [':last-child']: { paddingBottom: 0 },
     overflow: 'auto',
     paddingTop: 0,
     ...(removePadding && { padding: 0 }),
@@ -24,7 +23,9 @@ export type CardContentExProps = CardContentProps & {
   variant?: 'scrollable' | 'normal'
 }
 
-export const CardContentExWithRef = forwardRef<HTMLDivElement | null, CardContentExProps>(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
+export const CardContentExWithRef = forwardRef<HTMLDivElement | null, CardContentExProps>(({
+  scrollToTop = 0, refreshRef = 0, ...props
+}, ref) => {
   const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)
 
   useEffect(() => {

package/src/components/CardEx.tsx

@@ -1,4 +1,5 @@
-import { Card, CardProps } from '@mui/material'
+import type { CardProps } from '@mui/material'
+import { Card } from '@mui/material'
 import { useGradientStyles } from '@xyo-network/react-shared'
 import React, { forwardRef } from 'react'
 
@@ -6,7 +7,9 @@ export interface CardExProps extends CardProps {
   gradient?: 'border' | 'background'
 }
 
-export const CardExWithRef = forwardRef<HTMLDivElement, CardExProps>(({ style, gradient, ...props }, ref) => {
+export const CardExWithRef = forwardRef<HTMLDivElement, CardExProps>(({
+  style, gradient, ...props
+}, ref) => {
   const { styles } = useGradientStyles()
   const gradientStyle
     = gradient === 'border'

package/src/components/FullWidthCard/FullWidthCard.stories.tsx

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react'
+/* eslint-disable @stylistic/max-len */
+import type { Meta, StoryFn } from '@storybook/react'
 import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -6,11 +7,7 @@ import { FullWidthCard } from './FullWidthCard.tsx'
 const StorybookEntry = {
   argTypes: {},
   component: FullWidthCard,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/FullWidthCard',
 } as Meta<typeof FullWidthCard>
 

package/src/components/FullWidthCard/FullWidthCard.tsx

@@ -1,9 +1,14 @@
 import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'
-import { alpha, Card, CardActions, CardContent, CardMedia, CardProps, Grid, IconButton, Typography, useTheme, Zoom } from '@mui/material'
+import type { CardProps } from '@mui/material'
+import {
+  alpha, Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,
+} from '@mui/material'
 import { FlexGrowCol } from '@xylabs/react-flexbox'
 import { useIsMobile } from '@xyo-network/react-shared'
-import React, { ReactNode, useState } from 'react'
-import { To, useNavigate } from 'react-router-dom'
+import type { ReactNode } from 'react'
+import React, { useState } from 'react'
+import type { To } from 'react-router-dom'
+import { useNavigate } from 'react-router-dom'
 
 export interface FullWidthCardProps extends CardProps {
   cardIsButton?: boolean
@@ -16,7 +21,9 @@ export interface FullWidthCardProps extends CardProps {
   to?: To
 }
 
-export const FullWidthCard: React.FC<FullWidthCardProps> = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
+export const FullWidthCard: React.FC<FullWidthCardProps> = ({
+  cardIsButton, desc, href, media, name, small, to, ...props
+}) => {
   const theme = useTheme()
   const [raised, setRaised] = useState(false)
   const navigate = useNavigate()
@@ -37,9 +44,7 @@ export const FullWidthCard: React.FC<FullWidthCardProps> = ({ cardIsButton, desc
       style={{ height: '100%', width: '100%' }}
       {...props}
       sx={{
-        '&:hover': {
-          cursor: 'pointer',
-        },
+        '&:hover': { cursor: 'pointer' },
         'backgroundColor': alpha(theme.palette.primary.light, 0.05),
       }}
       onMouseEnter={() =>

package/src/components/PageCard.stories.tsx

@@ -1,24 +1,14 @@
 import { CardContent, Typography } from '@mui/material'
-import { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryFn } from '@storybook/react'
 import { WithRefDecorator } from '@xyo-network/react-storybook'
 import React, { useState } from 'react'
 
 import { PageCard } from './PageCard.tsx'
 
 const StorybookEntry: Meta = {
-  argTypes: {
-    onRefresh: {
-      table: {
-        disable: true,
-      },
-    },
-  },
+  argTypes: { onRefresh: { table: { disable: true } } },
   component: PageCard,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/PageCard',
 }
 
@@ -49,19 +39,17 @@ const TemplateWithNoOnRefresh: StoryFn<typeof PageCard> = (props) => {
 
 const Default = Template.bind({})
 Default.args = {}
-Default.parameters = {
-  actions: { argTypesRegex: '' },
-}
+Default.parameters = { actions: { argTypesRegex: '' } }
 
 const WithNoOnRefresh = TemplateWithNoOnRefresh.bind({})
 WithNoOnRefresh.args = {}
-WithNoOnRefresh.parameters = {
-  actions: { argTypesRegex: '' },
-}
+WithNoOnRefresh.parameters = { actions: { argTypesRegex: '' } }
 
 const WithRef = Template.bind({})
 WithRef.decorators = [WithRefDecorator]
 
-export { Default, WithNoOnRefresh, WithRef }
+export {
+  Default, WithNoOnRefresh, WithRef,
+}
 
 export default StorybookEntry

package/src/components/PageCard.tsx

@@ -1,9 +1,12 @@
 import { Refresh as RefreshIcon } from '@mui/icons-material'
-import { CardHeader, CardHeaderProps, IconButton } from '@mui/material'
+import type { CardHeaderProps } from '@mui/material'
+import { CardHeader, IconButton } from '@mui/material'
 import { TypographyEx } from '@xyo-network/react-shared'
-import React, { forwardRef, ReactNode } from 'react'
+import type { ReactNode } from 'react'
+import React, { forwardRef } from 'react'
 
-import { CardEx, CardExProps } from './CardEx.tsx'
+import type { CardExProps } from './CardEx.tsx'
+import { CardEx } from './CardEx.tsx'
 
 export interface PageCardProps extends CardExProps {
   action?: ReactNode
@@ -11,9 +14,18 @@ export interface PageCardProps extends CardExProps {
   subheader?: CardHeaderProps['subheader']
 }
 
-const PageCardWithRef = forwardRef<HTMLDivElement, PageCardProps>(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
+const PageCardWithRef = forwardRef<HTMLDivElement, PageCardProps>(({
+  subheader, title, onRefresh, children, action, style, ...props
+}, ref) => {
   return (
-    <CardEx style={{ backgroundColor: 'transparent', position: 'relative', ...style }} elevation={0} ref={ref} {...props}>
+    <CardEx
+      style={{
+        backgroundColor: 'transparent', position: 'relative', ...style,
+      }}
+      elevation={0}
+      ref={ref}
+      {...props}
+    >
       <CardHeader
         title={(
           <TypographyEx variant="h5" gutterBottom>

package/src/components/SimpleCard/SimpleCard.stories.tsx

@@ -1,5 +1,6 @@
+/* eslint-disable @stylistic/max-len */
 import { Grid } from '@mui/material'
-import { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryFn } from '@storybook/react'
 import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -9,11 +10,7 @@ import { SimpleCard } from './SimpleCard.tsx'
 const StorybookEntry = {
   argTypes: {},
   component: SimpleCard,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/SimpleCard',
 } as Meta<typeof SimpleCard>
 
@@ -83,6 +80,8 @@ CardWithAllParameters.args = {
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 
-export { CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton }
+export {
+  CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton,
+}
 
 export default StorybookEntry

package/src/components/SimpleCard/SimpleCard.tsx

@@ -1,11 +1,16 @@
 import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'
-import { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from '@mui/material'
+import {
+  alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,
+} from '@mui/material'
 import { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'
 import { useIsMobile } from '@xyo-network/react-shared'
-import React, { ReactNode, useState } from 'react'
-import { To, useNavigate } from 'react-router-dom'
+import type { ReactNode } from 'react'
+import React, { useState } from 'react'
+import type { To } from 'react-router-dom'
+import { useNavigate } from 'react-router-dom'
 
-import { CardEx, CardExProps } from '../CardEx.tsx'
+import type { CardExProps } from '../CardEx.tsx'
+import { CardEx } from '../CardEx.tsx'
 
 export interface SimpleCardProps extends CardExProps {
   desc?: ReactNode
@@ -48,9 +53,7 @@ export const SimpleCard: React.FC<SimpleCardProps> = ({
     <CardEx
       elevation={raised ? 3 : 0}
       sx={{
-        '&:hover': {
-          cursor: interactionVariant == 'button' ? 'pointer' : null,
-        },
+        '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },
         'backgroundColor': alpha(theme.palette.primary.light, 0.05),
         ...sx,
       }}

package/src/components/SimpleCardGrid/SimpleCardGrid.stories.tsx

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react'
+/* eslint-disable @stylistic/max-len */
+import type { Meta, StoryFn } from '@storybook/react'
 import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -8,11 +9,7 @@ import { SimpleCardGrid } from './SimpleCardGrid.tsx'
 const StorybookEntry = {
   argTypes: {},
   component: SimpleCardGrid,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/SimpleCardGrid',
 } as Meta<typeof SimpleCardGrid>
 

package/src/components/SimpleCardGrid/SimpleCardGrid.tsx

@@ -1,7 +1,9 @@
-import { Grid, GridProps } from '@mui/material'
+import type { GridProps } from '@mui/material'
+import { Grid } from '@mui/material'
 import React from 'react'
 
-import { SimpleCard, SimpleCardProps } from '../SimpleCard/index.ts'
+import type { SimpleCardProps } from '../SimpleCard/index.ts'
+import { SimpleCard } from '../SimpleCard/index.ts'
 
 export interface SimpleCardGridProps extends GridProps {
   cards?: SimpleCardProps[]
@@ -12,7 +14,10 @@ export const SimpleCardGrid: React.FC<SimpleCardGridProps> = ({ cards, ...props
     <Grid container {...props}>
       {cards?.map((card, index) => (
         <Grid item key={index} xs={12} sm={6} md={4}>
-          <SimpleCard {...card} sx={{ flexDirection: 'column', height: '100%' }} />
+          <SimpleCard
+            {...card}
+            sx={{ flexDirection: 'column', height: '100%' }}
+          />
         </Grid>
       ))}
     </Grid>

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },