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

package/dist/node/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/node/components/FullWidthCard/FullWidthCard.js

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FullWidthCard_exports = {};
+__export(FullWidthCard_exports, {
+  FullWidthCard: () => FullWidthCard
+});
+module.exports = __toCommonJS(FullWidthCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+const FullWidthCard = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  const [raised, setRaised] = (0, import_react.useState)(false);
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const isMobile = (0, import_react_shared.useIsMobile)();
+  const localRouteChange = (to2) => {
+    to2 ? navigate(to2) : navigate("/404");
+  };
+  const externalRouteChange = (href2) => {
+    href2 ? window.open(href2) : navigate("/404");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_material.Card,
+    {
+      elevation: raised ? 3 : 0,
+      style: { height: "100%", width: "100%" },
+      ...props,
+      sx: {
+        "&:hover": {
+          cursor: "pointer"
+        },
+        backgroundColor: (0, import_material.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__ */ (0, import_jsx_runtime.jsx)(import_material.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, md: 6, children: typeof name === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1, children: name }) : name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 1, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Zoom, { in: raised, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_material.IconButton,
+            {
+              color: "primary",
+              size: small ? "small" : "medium",
+              onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+              disableFocusRipple: true,
+              disableRipple: true,
+              disableTouchRipple: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_material.IconButton,
+          {
+            color: "primary",
+            size: small ? "small" : "medium",
+            onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
+            disableFocusRipple: true,
+            disableRipple: true,
+            disableTouchRipple: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FullWidthCard
+});
+//# sourceMappingURL=FullWidthCard.js.map

package/dist/node/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":"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","names":["to","href","ArrowForwardRoundedIcon"]}

package/dist/node/components/FullWidthCard/FullWidthCard.mjs

@@ -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.mjs.map

package/dist/node/components/FullWidthCard/FullWidthCard.mjs.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":"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","names":["to","href"]}

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

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FullWidthCard_stories_exports = {};
+__export(FullWidthCard_stories_exports, {
+  Default: () => Default,
+  default: () => FullWidthCard_stories_default
+});
+module.exports = __toCommonJS(FullWidthCard_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_router_dom = require("react-router-dom");
+var import_FullWidthCard = require("./FullWidthCard");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_FullWidthCard.FullWidthCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/FullWidthCard"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FullWidthCard.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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=FullWidthCard.stories.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAhBJ,8BAA8B;AAE9B,2BAA8B;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,4CAAC,yCACC,sDAAC,sCAAe,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/node/components/FullWidthCard/FullWidthCard.stories.mjs

@@ -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.mjs.map

package/dist/node/components/FullWidthCard/FullWidthCard.stories.mjs.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/node/components/FullWidthCard/index.d.mts

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

package/dist/node/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/node/components/FullWidthCard/index.d.ts

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

package/dist/node/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/node/components/FullWidthCard/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FullWidthCard_exports = {};
+module.exports = __toCommonJS(FullWidthCard_exports);
+__reExport(FullWidthCard_exports, require("./FullWidthCard"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./FullWidthCard")
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/node/components/FullWidthCard/index.mjs

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

package/dist/node/components/FullWidthCard/index.mjs.map

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

package/dist/node/components/PageCard.d.mts

@@ -0,0 +1,10 @@
+import { CardHeaderProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { CardExProps } from './CardEx';
+export interface PageCardProps extends CardExProps {
+    action?: ReactNode;
+    onRefresh?: () => void;
+    subheader?: CardHeaderProps['subheader'];
+}
+export declare const PageCard: import("react").FC<PageCardProps>;
+//# sourceMappingURL=PageCard.d.ts.map

package/dist/node/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/node/components/PageCard.d.ts

@@ -0,0 +1,10 @@
+import { CardHeaderProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { CardExProps } from './CardEx';
+export interface PageCardProps extends CardExProps {
+    action?: ReactNode;
+    onRefresh?: () => void;
+    subheader?: CardHeaderProps['subheader'];
+}
+export declare const PageCard: import("react").FC<PageCardProps>;
+//# sourceMappingURL=PageCard.d.ts.map

package/dist/node/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/node/components/PageCard.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PageCard_exports = {};
+__export(PageCard_exports, {
+  PageCard: () => PageCard
+});
+module.exports = __toCommonJS(PageCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+var import_CardEx = require("./CardEx");
+const PageCardWithRef = (0, import_react.forwardRef)(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CardEx.CardEx, { style: { backgroundColor: "transparent", position: "relative", ...style }, elevation: 0, ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.CardHeader,
+      {
+        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
+        subheader: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { variant: "subtitle1", children: subheader }),
+        action: action ? action : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { onClick: () => onRefresh?.(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Refresh, {}) }) : null })
+      }
+    ),
+    children
+  ] });
+});
+PageCardWithRef.displayName = "PageCard";
+const PageCard = PageCardWithRef;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageCard
+});
+//# sourceMappingURL=PageCard.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,4BAAuC;AACvC,sBAAwD;AACxD,0BAA6B;AAC7B,mBAAsC;AAEtC,oBAAoC;AAQpC,MAAM,sBAA2C,yBAAW,CAAC,EAAE,WAAW,OAAO,WAAW,UAAU,QAAQ,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvI,SACE,6CAAC,wBAAO,OAAO,EAAE,iBAAiB,eAAe,UAAU,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,KAAW,GAAG,OAC7G;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,4CAAC,oCAAa,SAAQ,MAAK,cAAY,MACpC,iBACH;AAAA,QAEF,WAAW,4CAAC,oCAAa,SAAQ,aAAa,qBAAU;AAAA,QACxD,QACE,SACE,SAEA,2EACG,sBACC,4CAAC,8BAAW,SAAS,MAAM,YAAY,GACrC,sDAAC,sBAAAA,SAAA,EAAY,GACf,IACE,MACN;AAAA;AAAA,IAGN;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;AAED,gBAAgB,cAAc;AAEvB,MAAM,WAAW;","names":["RefreshIcon"]}

package/dist/node/components/PageCard.mjs

@@ -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.mjs.map

package/dist/node/components/PageCard.mjs.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/node/components/PageCard.stories.js

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PageCard_stories_exports = {};
+__export(PageCard_stories_exports, {
+  Default: () => Default,
+  WithNoOnRefresh: () => WithNoOnRefresh,
+  WithRef: () => WithRef,
+  default: () => PageCard_stories_default
+});
+module.exports = __toCommonJS(PageCard_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_react2 = require("react");
+var import_PageCard = require("./PageCard");
+const StorybookEntry = {
+  argTypes: {
+    onRefresh: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  component: import_PageCard.PageCard,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/PageCard"
+};
+const Template = (props) => {
+  const [refreshedValue, setRefreshedValue] = (0, import_react2.useState)(Math.random);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageCard.PageCard, { title: "Page Card", subheader: "subheader", onRefresh: () => setRefreshedValue(Math.random()), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body1", children: "Page Card Content" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "body1", children: [
+      "Refreshed Value: ",
+      refreshedValue?.toString()
+    ] })
+  ] }) });
+};
+const TemplateWithNoOnRefresh = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageCard.PageCard, { title: "Page Card", subheader: "subheader", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.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 = [import_react_storybook.WithRefDecorator];
+var PageCard_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithNoOnRefresh,
+  WithRef
+});
+//# sourceMappingURL=PageCard.stories.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA7BR,sBAAwC;AAExC,6BAAiC;AACjC,IAAAA,gBAAyB;AAEzB,sBAAyB;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,QAAI,wBAAiB,KAAK,MAAM;AACxE,SACE,4CAAC,4BAAS,OAAM,aAAY,WAAU,aAAY,WAAW,MAAM,kBAAkB,KAAK,OAAO,CAAC,GAAI,GAAG,OACvG,uDAAC,+BACC;AAAA,gDAAC,8BAAW,SAAQ,SAAQ,+BAAiB;AAAA,IAC7C,6CAAC,8BAAW,SAAQ,SAAQ;AAAA;AAAA,MAAkB,gBAAgB,SAAS;AAAA,OAAE;AAAA,KAC3E,GACF;AAEJ;AAEA,MAAM,0BAAoD,CAAC,UAAU;AACnE,SACE,4CAAC,4BAAS,OAAM,aAAY,WAAU,aAAa,GAAG,OACpD,sDAAC,+BACC,sDAAC,8BAAW,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,uCAAgB;AAKtC,IAAO,2BAAQ;","names":["import_react"]}

package/dist/node/components/PageCard.stories.mjs

@@ -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.mjs.map

package/dist/node/components/PageCard.stories.mjs.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":[]}