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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAmBrE,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,mIAU/B,CAAA;AAIF,eAAO,MAAM,aAAa,mIAAuB,CAAA"}

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,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAmBrE,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,mIAU/B,CAAA;AAIF,eAAO,MAAM,aAAa,mIAAuB,CAAA"}

package/dist/browser/components/CardContentEx.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { CardContent, styled } from "@mui/material";
+import { useShareForwardedRef } from "@xyo-network/react-shared";
+import { forwardRef, useEffect } from "react";
+const 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 }
+  }
+}));
+const CardContentExWithRef = forwardRef(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
+  const sharedRef = useShareForwardedRef(ref, refreshRef);
+  useEffect(() => {
+    if (sharedRef && scrollToTop) {
+      sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
+    }
+  }, [sharedRef, scrollToTop]);
+  return /* @__PURE__ */ jsx(CardContentExRoot, { ref: sharedRef, ...props });
+});
+CardContentExWithRef.displayName = "CardContentEx";
+const CardContentEx = CardContentExWithRef;
+export {
+  CardContentEx,
+  CardContentExWithRef
+};
+//# sourceMappingURL=CardContentEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CardContentEx.tsx"],"sourcesContent":["import { CardContent, CardContentProps, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport { forwardRef, useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n  name: 'CardContentEx',\n  shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n  slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n  ...((variant === 'scrollable' || removePadding) && {\n    [':last-child']: {\n      paddingBottom: 0,\n    },\n    overflow: 'auto',\n    paddingTop: 0,\n    ...(removePadding && { padding: 0 }),\n  }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n  refreshRef?: number\n  removePadding?: boolean\n  scrollToTop?: number\n  variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = forwardRef<HTMLDivElement | null, CardContentExProps>(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {\n  const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n  useEffect(() => {\n    if (sharedRef && scrollToTop) {\n      sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n    }\n  }, [sharedRef, scrollToTop])\n\n  return <CardContentExRoot ref={sharedRef} {...props} />\n})\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\n"],"mappings":"AAmCS;AAnCT,SAAS,aAA+B,cAAc;AACtD,SAAS,4BAA4B;AACrC,SAAS,YAAY,iBAAiB;AAEtC,MAAM,oBAAoB,OAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAiB,CAAC,CAAC,WAAW,eAAe,EAAE,SAAS,IAAI;AAAA,EAChF,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,cAAc,OAAO;AAAA,EACtD,IAAK,YAAY,gBAAgB,kBAAkB;AAAA,IACjD,CAAC,aAAa,GAAG;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,GAAI,iBAAiB,EAAE,SAAS,EAAE;AAAA,EACpC;AACF,EAAE;AASK,MAAM,uBAAuB,WAAsD,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,GAAG,MAAM,GAAG,QAAQ;AAChJ,QAAM,YAAY,qBAAqC,KAAK,UAAU;AAEtE,YAAU,MAAM;AACd,QAAI,aAAa,aAAa;AAC5B,gBAAU,SAAS,OAAO,EAAE,UAAU,UAAU,KAAK,EAAE,CAAC;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,WAAW,CAAC;AAE3B,SAAO,oBAAC,qBAAkB,KAAK,WAAY,GAAG,OAAO;AACvD,CAAC;AAED,qBAAqB,cAAc;AAE5B,MAAM,gBAAgB;","names":[]}

package/dist/browser/components/CardContentEx.stories.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Typography } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { WithRefDecorator } from "@xyo-network/react-storybook";
+import { useRef, useState } from "react";
+import { CardContentEx } from "./CardContentEx";
+import { PageCard } from "./PageCard";
+const ScrollableDecorator = (Story, args) => {
+  const [scrollToTop, setScrollToTop] = useState(0);
+  const ref = useRef(null);
+  args.args.ref = ref;
+  args.args.scrollToTop = scrollToTop;
+  const onScrollToTop = () => {
+    setScrollToTop(scrollToTop + 1);
+  };
+  return /* @__PURE__ */ jsxs(FlexGrowCol, { alignItems: "stretch", position: "absolute", height: "calc(100vh - 2rem)", style: { inset: 0 }, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: onScrollToTop, sx: { marginBottom: 2 }, children: "ScrollToTop" }),
+    /* @__PURE__ */ jsx(Story, { ...args })
+  ] });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: CardContentEx,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/CardContentEx"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(PageCard, { title: "Page Card", subheader: "subheader", children: /* @__PURE__ */ jsx(CardContentEx, { ...props, children: [...Array(100).keys()].map((item) => /* @__PURE__ */ jsxs(Typography, { children: [
+    item,
+    ". - Item row"
+  ] }, item)) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithRef = Template.bind({});
+WithRef.decorators = [WithRefDecorator];
+const WithVariant = Template.bind({});
+WithVariant.args = { variant: "scrollable" };
+WithVariant.decorators = [ScrollableDecorator];
+var CardContentEx_stories_default = StorybookEntry;
+export {
+  Default,
+  WithRef,
+  WithVariant,
+  CardContentEx_stories_default as default
+};
+//# sourceMappingURL=CardContentEx.stories.js.map

package/dist/browser/components/CardContentEx.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CardContentEx.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Button, Typography } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { WithRefDecorator } from '@xyo-network/react-storybook'\nimport { useRef, useState } from 'react'\n\nimport { CardContentEx } from './CardContentEx'\nimport { PageCard } from './PageCard'\n\nconst ScrollableDecorator: Decorator = (Story, args) => {\n  const [scrollToTop, setScrollToTop] = useState(0)\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  args.args.ref = ref\n  args.args.scrollToTop = scrollToTop\n\n  const onScrollToTop = () => {\n    setScrollToTop(scrollToTop + 1)\n  }\n  return (\n    <FlexGrowCol alignItems=\"stretch\" position=\"absolute\" height=\"calc(100vh - 2rem)\" style={{ inset: 0 }}>\n      <Button variant=\"contained\" onClick={onScrollToTop} sx={{ marginBottom: 2 }}>\n        ScrollToTop\n      </Button>\n      <Story {...args} />\n    </FlexGrowCol>\n  )\n}\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: CardContentEx,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/CardContentEx',\n}\n\nconst Template: StoryFn<typeof CardContentEx> = (props) => {\n  return (\n    <PageCard title=\"Page Card\" subheader=\"subheader\">\n      <CardContentEx {...props}>\n        {[...Array(100).keys()].map((item) => (\n          <Typography key={item}>{item}. - Item row</Typography>\n        ))}\n      </CardContentEx>\n    </PageCard>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithRef = Template.bind({})\nWithRef.decorators = [WithRefDecorator]\n\nconst WithVariant = Template.bind({})\nWithVariant.args = { variant: 'scrollable' }\nWithVariant.decorators = [ScrollableDecorator]\n\nexport { Default, WithRef, WithVariant }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAqBI,SACE,KADF;AApBJ,SAAS,QAAQ,kBAAkB;AAEnC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,QAAQ,gBAAgB;AAEjC,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AAEzB,MAAM,sBAAiC,CAAC,OAAO,SAAS;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,MAAM,OAA8B,IAAI;AAE9C,OAAK,KAAK,MAAM;AAChB,OAAK,KAAK,cAAc;AAExB,QAAM,gBAAgB,MAAM;AAC1B,mBAAe,cAAc,CAAC;AAAA,EAChC;AACA,SACE,qBAAC,eAAY,YAAW,WAAU,UAAS,YAAW,QAAO,sBAAqB,OAAO,EAAE,OAAO,EAAE,GAClG;AAAA,wBAAC,UAAO,SAAQ,aAAY,SAAS,eAAe,IAAI,EAAE,cAAc,EAAE,GAAG,yBAE7E;AAAA,IACA,oBAAC,SAAO,GAAG,MAAM;AAAA,KACnB;AAEJ;AAEA,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,UAAU;AACzD,SACE,oBAAC,YAAS,OAAM,aAAY,WAAU,aACpC,8BAAC,iBAAe,GAAG,OAChB,WAAC,GAAG,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,SAC3B,qBAAC,cAAuB;AAAA;AAAA,IAAK;AAAA,OAAZ,IAAwB,CAC1C,GACH,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,aAAa,CAAC,gBAAgB;AAEtC,MAAM,cAAc,SAAS,KAAK,CAAC,CAAC;AACpC,YAAY,OAAO,EAAE,SAAS,aAAa;AAC3C,YAAY,aAAa,CAAC,mBAAmB;AAK7C,IAAO,gCAAQ;","names":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAI/C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAa9C,CAAA;AAIF,eAAO,MAAM,MAAM,iCAAgB,CAAA"}

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,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAI/C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAa9C,CAAA;AAIF,eAAO,MAAM,MAAM,iCAAgB,CAAA"}

package/dist/browser/components/CardEx.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Card } from "@mui/material";
+import { useGradientStyles } from "@xyo-network/react-shared";
+import { forwardRef } from "react";
+const CardExWithRef = forwardRef(({ style, gradient, ...props }, ref) => {
+  const { styles } = useGradientStyles();
+  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      style: {
+        ...gradientStyle,
+        ...style
+      },
+      ref,
+      ...props
+    }
+  );
+});
+CardExWithRef.displayName = "CardEx";
+const CardEx = CardExWithRef;
+export {
+  CardEx,
+  CardExWithRef
+};
+//# sourceMappingURL=CardEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CardEx.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport type CardExProps = CardProps & {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef: React.FC<CardExProps> = forwardRef(({ style, gradient, ...props }, ref) => {\n  const { styles } = useGradientStyles()\n  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n})\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n"],"mappings":"AAYI;AAZJ,SAAS,YAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAMpB,MAAM,gBAAuC,WAAW,CAAC,EAAE,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACrG,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,gBAAgB,aAAa,WAAW,OAAO,SAAS,aAAa,eAAe,OAAO,aAAa,CAAC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,cAAc,cAAc;AAErB,MAAM,SAAS;","names":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,SAAS,EAAgD,MAAM,eAAe,CAAA;AAGzI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,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,CA8EtD,CAAA"}

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,EAAoD,SAAS,EAAgD,MAAM,eAAe,CAAA;AAGzI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,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,CA8EtD,CAAA"}

package/dist/browser/components/FullWidthCard/FullWidthCard.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-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 { useState } from "react";
+import { useNavigate } from "react-router-dom";
+const FullWidthCard = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
+  const theme = useTheme();
+  const [raised, setRaised] = useState(false);
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  const localRouteChange = (to2) => {
+    to2 ? navigate(to2) : navigate("/404");
+  };
+  const externalRouteChange = (href2) => {
+    href2 ? window.open(href2) : navigate("/404");
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      elevation: raised ? 3 : 0,
+      style: { height: "100%", width: "100%" },
+      ...props,
+      sx: {
+        "&:hover": {
+          cursor: "pointer"
+        },
+        backgroundColor: alpha(theme.palette.primary.light, 0.05)
+      },
+      onMouseEnter: () => isMobile ? null : cardIsButton ? setRaised(true) : null,
+      onMouseLeave: () => isMobile ? null : cardIsButton ? setRaised(false) : null,
+      onClick: () => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
+      children: [
+        media ? /* @__PURE__ */ jsx(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: typeof name === "string" ? /* @__PURE__ */ jsx(Typography, { fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1, children: name }) : name }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ jsx(Zoom, { in: raised, children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              color: "primary",
+              size: small ? "small" : "medium",
+              onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+              disableFocusRipple: true,
+              disableRipple: true,
+              disableTouchRipple: true,
+              children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ jsx(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "primary",
+            size: small ? "small" : "medium",
+            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+            disableFocusRipple: true,
+            disableRipple: true,
+            disableTouchRipple: true,
+            children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  FullWidthCard
+};
+//# sourceMappingURL=FullWidthCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"sourcesContent":["import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, Card, CardActions, CardContent, CardMedia, CardProps, Grid, IconButton, Typography, useTheme, Zoom } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\nimport { To, useNavigate } from 'react-router-dom'\n\nexport interface FullWidthCardProps extends CardProps {\n  cardIsButton?: boolean\n  desc?: ReactNode\n  href?: string\n  linkText?: string\n  media?: string\n  name: ReactNode\n  small?: boolean\n  to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsMobile()\n\n  const localRouteChange = (to: To | undefined) => {\n    to ? navigate(to) : navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    href ? window.open(href) : navigate('/404')\n  }\n\n  return (\n    <Card\n      elevation={raised ? 3 : 0}\n      style={{ height: '100%', width: '100%' }}\n      {...props}\n      sx={{\n        '&:hover': {\n          cursor: 'pointer',\n        },\n        backgroundColor: alpha(theme.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() => (isMobile ? null : cardIsButton ? setRaised(true) : null)}\n      onMouseLeave={() => (isMobile ? null : cardIsButton ? setRaised(false) : null)}\n      onClick={() => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n    >\n      {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n      <CardContent>\n        <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n          <Grid item xs={12} md={6}>\n            {typeof name === 'string' ? (\n              <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                {name}\n              </Typography>\n            ) : (\n              name\n            )}\n          </Grid>\n          <Grid item xs={12} md={5}>\n            <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid item xs={1} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n            <Zoom in={raised}>\n              <IconButton\n                color=\"primary\"\n                size={small ? 'small' : 'medium'}\n                onClick={() => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404'))}\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\n              >\n                <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n              </IconButton>\n            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol alignItems=\"flex-end\">\n          <IconButton\n            color=\"primary\"\n            size={small ? 'small' : 'medium'}\n            onClick={() => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404'))}\n            disableFocusRipple\n            disableRipple\n            disableTouchRipple\n          >\n            <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n          </IconButton>\n        </FlexGrowCol>\n      </CardActions>\n    </Card>\n  )\n}\n"],"mappings":"AA8Ce,cAGP,YAHO;AA9Cf,SAAS,uBAAuB,+BAA+B;AAC/D,SAAS,OAAO,MAAM,aAAa,aAAa,WAAsB,MAAM,YAAY,YAAY,UAAU,YAAY;AAC1H,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAoB,gBAAgB;AACpC,SAAa,mBAAmB;AAazB,MAAM,gBAA8C,CAAC,EAAE,cAAc,MAAM,MAAM,OAAO,MAAM,OAAO,IAAI,GAAG,MAAM,MAAM;AAC7H,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,YAAY;AAE7B,QAAM,mBAAmB,CAACA,QAAuB;AAC/C,IAAAA,MAAK,SAASA,GAAE,IAAI,SAAS,MAAM;AAAA,EACrC;AACA,QAAM,sBAAsB,CAACC,UAA6B;AACxD,IAAAA,QAAO,OAAO,KAAKA,KAAI,IAAI,SAAS,MAAM;AAAA,EAC5C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,IAAI;AAAA,MACxB,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO;AAAA,MACtC,GAAG;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,QACA,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,MAC1D;AAAA,MACA,cAAc,MAAO,WAAW,OAAO,eAAe,UAAU,IAAI,IAAI;AAAA,MACxE,cAAc,MAAO,WAAW,OAAO,eAAe,UAAU,KAAK,IAAI;AAAA,MACzE,SAAS,MAAO,eAAgB,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM,IAAK;AAAA,MAElH;AAAA,gBAAQ,oBAAC,aAAU,WAAU,OAAM,QAAO,OAAM,OAAO,OAAO,KAAI,IAAG,IAAK;AAAA,QAE3E,oBAAC,eACC,+BAAC,QAAK,WAAS,MAAC,YAAW,UAAS,UAAU,GAAG,UAAU,GACzD;AAAA,8BAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GACpB,iBAAO,SAAS,WACf,oBAAC,cAAW,YAAY,KAAK,SAAQ,MAAK,WAAU,QAAO,eAAe,GACvE,gBACH,IAEA,MAEJ;AAAA,UACA,oBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GACrB,8BAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,gBACH,GACF;AAAA,UACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,SAAS,WAAW,SAAS,QAAQ,gBAAe,UACpE,8BAAC,QAAK,IAAI,QACR;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAM,QAAQ,UAAU;AAAA,cACxB,SAAS,MAAO,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM;AAAA,cAC9F,oBAAkB;AAAA,cAClB,eAAa;AAAA,cACb,oBAAkB;AAAA,cAElB,8BAAC,2BAAwB,UAAU,QAAQ,UAAU,UAAU;AAAA;AAAA,UACjE,GACF,GACF;AAAA,WACF,GACF;AAAA,QACA,oBAAC,eAAY,IAAI,EAAE,SAAS,EAAE,IAAI,WAAW,SAAS,OAAO,EAAE,GAC7D,8BAAC,eAAY,YAAW,YACtB;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAM,QAAQ,UAAU;AAAA,YACxB,SAAS,MAAO,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM;AAAA,YAC9F,oBAAkB;AAAA,YAClB,eAAa;AAAA,YACb,oBAAkB;AAAA,YAElB,8BAAC,2BAAwB,UAAU,QAAQ,UAAU,UAAU;AAAA;AAAA,QACjE,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["to","href"]}

package/dist/browser/components/FullWidthCard/FullWidthCard.stories.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import { FullWidthCard } from "./FullWidthCard";
+const StorybookEntry = {
+  argTypes: {},
+  component: FullWidthCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/FullWidthCard"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(FullWidthCard, { ...args }) });
+const Default = Template.bind({});
+Default.args = {
+  cardIsButton: true,
+  desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!",
+  name: "Big Title Here",
+  to: "/link"
+};
+var FullWidthCard_stories_default = StorybookEntry;
+export {
+  Default,
+  FullWidthCard_stories_default as default
+};
+//# sourceMappingURL=FullWidthCard.stories.js.map

package/dist/browser/components/FullWidthCard/FullWidthCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FullWidthCard/FullWidthCard.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { FullWidthCard } from './FullWidthCard'\nconst StorybookEntry = {\n  argTypes: {},\n  component: FullWidthCard,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/FullWidthCard',\n} as Meta<typeof FullWidthCard>\n\nconst Template: StoryFn<typeof FullWidthCard> = (args) => (\n  <BrowserRouter>\n    <FullWidthCard {...args}></FullWidthCard>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  cardIsButton: true,\n  desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n  name: 'Big Title Here',\n\n  to: '/link',\n}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAiBI;AAhBJ,SAAS,qBAAqB;AAE9B,SAAS,qBAAqB;AAC9B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,SAC/C,oBAAC,iBACC,8BAAC,iBAAe,GAAG,MAAM,GAC3B;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AAAA,EAEN,IAAI;AACN;AAKA,IAAO,gCAAQ;","names":[]}

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

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

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,iBAAiB,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,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;AAiCD,eAAO,MAAM,QAAQ,mCAAkB,CAAA"}

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,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,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;AAiCD,eAAO,MAAM,QAAQ,mCAAkB,CAAA"}

package/dist/browser/components/PageCard.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PageCard.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { CardHeader, CardHeaderProps, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { forwardRef, ReactNode } from 'react'\n\nimport { CardEx, CardExProps } from './CardEx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef: React.FC<PageCardProps> = forwardRef(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {\n  return (\n    <CardEx style={{ backgroundColor: 'transparent', position: 'relative', ...style }} elevation={0} ref={ref} {...props}>\n      <CardHeader\n        title={\n          <TypographyEx variant=\"h5\" gutterBottom>\n            {title}\n          </TypographyEx>\n        }\n        subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n        action={\n          action ? (\n            action\n          ) : (\n            <>\n              {onRefresh ? (\n                <IconButton onClick={() => onRefresh?.()}>\n                  <RefreshIcon />\n                </IconButton>\n              ) : null}\n            </>\n          )\n        }\n      />\n      {children}\n    </CardEx>\n  )\n})\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n"],"mappings":"AAeI,SAYQ,UATF,KAHN;AAfJ,SAAS,WAAW,mBAAmB;AACvC,SAAS,YAA6B,kBAAkB;AACxD,SAAS,oBAAoB;AAC7B,SAAS,kBAA6B;AAEtC,SAAS,cAA2B;AAQpC,MAAM,kBAA2C,WAAW,CAAC,EAAE,WAAW,OAAO,WAAW,UAAU,QAAQ,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvI,SACE,qBAAC,UAAO,OAAO,EAAE,iBAAiB,eAAe,UAAU,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,KAAW,GAAG,OAC7G;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAC,gBAAa,SAAQ,MAAK,cAAY,MACpC,iBACH;AAAA,QAEF,WAAW,oBAAC,gBAAa,SAAQ,aAAa,qBAAU;AAAA,QACxD,QACE,SACE,SAEA,gCACG,sBACC,oBAAC,cAAW,SAAS,MAAM,YAAY,GACrC,8BAAC,eAAY,GACf,IACE,MACN;AAAA;AAAA,IAGN;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;AAED,gBAAgB,cAAc;AAEvB,MAAM,WAAW;","names":[]}

package/dist/browser/components/PageCard.stories.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CardContent, Typography } from "@mui/material";
+import { WithRefDecorator } from "@xyo-network/react-storybook";
+import { useState } from "react";
+import { PageCard } from "./PageCard";
+const StorybookEntry = {
+  argTypes: {
+    onRefresh: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  component: PageCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/PageCard"
+};
+const Template = (props) => {
+  const [refreshedValue, setRefreshedValue] = useState(Math.random);
+  return /* @__PURE__ */ jsx(PageCard, { title: "Page Card", subheader: "subheader", onRefresh: () => setRefreshedValue(Math.random()), ...props, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Page Card Content" }),
+    /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
+      "Refreshed Value: ",
+      refreshedValue?.toString()
+    ] })
+  ] }) });
+};
+const TemplateWithNoOnRefresh = (props) => {
+  return /* @__PURE__ */ jsx(PageCard, { title: "Page Card", subheader: "subheader", ...props, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Page Card Content" }) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+Default.parameters = {
+  actions: { argTypesRegex: "" }
+};
+const WithNoOnRefresh = TemplateWithNoOnRefresh.bind({});
+WithNoOnRefresh.args = {};
+WithNoOnRefresh.parameters = {
+  actions: { argTypesRegex: "" }
+};
+const WithRef = Template.bind({});
+WithRef.decorators = [WithRefDecorator];
+var PageCard_stories_default = StorybookEntry;
+export {
+  Default,
+  WithNoOnRefresh,
+  WithRef,
+  PageCard_stories_default as default
+};
+//# sourceMappingURL=PageCard.stories.js.map

package/dist/browser/components/PageCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PageCard.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { CardContent, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { WithRefDecorator } from '@xyo-network/react-storybook'\nimport { useState } from 'react'\n\nimport { PageCard } from './PageCard'\n\nconst StorybookEntry: Meta = {\n  argTypes: {\n    onRefresh: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  component: PageCard,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/PageCard',\n}\n\nconst Template: StoryFn<typeof PageCard> = (props) => {\n  const [refreshedValue, setRefreshedValue] = useState<number>(Math.random)\n  return (\n    <PageCard title=\"Page Card\" subheader=\"subheader\" onRefresh={() => setRefreshedValue(Math.random())} {...props}>\n      <CardContent>\n        <Typography variant=\"body1\">Page Card Content</Typography>\n        <Typography variant=\"body1\">Refreshed Value: {refreshedValue?.toString()}</Typography>\n      </CardContent>\n    </PageCard>\n  )\n}\n\nconst TemplateWithNoOnRefresh: StoryFn<typeof PageCard> = (props) => {\n  return (\n    <PageCard title=\"Page Card\" subheader=\"subheader\" {...props}>\n      <CardContent>\n        <Typography variant=\"body1\">Page Card Content</Typography>\n      </CardContent>\n    </PageCard>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.parameters = {\n  actions: { argTypesRegex: '' },\n}\n\nconst WithNoOnRefresh = TemplateWithNoOnRefresh.bind({})\nWithNoOnRefresh.args = {}\nWithNoOnRefresh.parameters = {\n  actions: { argTypesRegex: '' },\n}\n\nconst WithRef = Template.bind({})\nWithRef.decorators = [WithRefDecorator]\n\nexport { Default, WithNoOnRefresh, WithRef }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AA8BQ,cACA,YADA;AA7BR,SAAS,aAAa,kBAAkB;AAExC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB;AAEzB,MAAM,iBAAuB;AAAA,EAC3B,UAAU;AAAA,IACR,WAAW;AAAA,MACT,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAqC,CAAC,UAAU;AACpD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,KAAK,MAAM;AACxE,SACE,oBAAC,YAAS,OAAM,aAAY,WAAU,aAAY,WAAW,MAAM,kBAAkB,KAAK,OAAO,CAAC,GAAI,GAAG,OACvG,+BAAC,eACC;AAAA,wBAAC,cAAW,SAAQ,SAAQ,+BAAiB;AAAA,IAC7C,qBAAC,cAAW,SAAQ,SAAQ;AAAA;AAAA,MAAkB,gBAAgB,SAAS;AAAA,OAAE;AAAA,KAC3E,GACF;AAEJ;AAEA,MAAM,0BAAoD,CAAC,UAAU;AACnE,SACE,oBAAC,YAAS,OAAM,aAAY,WAAU,aAAa,GAAG,OACpD,8BAAC,eACC,8BAAC,cAAW,SAAQ,SAAQ,+BAAiB,GAC/C,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAChB,QAAQ,aAAa;AAAA,EACnB,SAAS,EAAE,eAAe,GAAG;AAC/B;AAEA,MAAM,kBAAkB,wBAAwB,KAAK,CAAC,CAAC;AACvD,gBAAgB,OAAO,CAAC;AACxB,gBAAgB,aAAa;AAAA,EAC3B,SAAS,EAAE,eAAe,GAAG;AAC/B;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,aAAa,CAAC,gBAAgB;AAKtC,IAAO,2BAAQ;","names":[]}

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

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

package/dist/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":"AAIA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8EhD,CAAA"}

package/dist/browser/components/SimpleCard/SimpleCard.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/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,cAAc,CAAA"}

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

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

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

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