@xyo-network/react-card 2.81.9 → 2.82.0

package/dist/browser/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -33,11 +44,13 @@ module.exports = __toCommonJS(src_exports);
 // src/components/CardContentEx.tsx
 var import_material = require("@mui/material");
 var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
 var CardContentExRoot = (0, import_material.styled)(import_material.CardContent, {
   name: "CardContentEx",
-  shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
+  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
+    "variant",
+    "removePadding"
+  ].includes(prop), "shouldForwardProp"),
   slot: "Root"
 })(({ variant, removePadding }) => ({
   ...(variant === "scrollable" || removePadding) && {
@@ -46,17 +59,28 @@ var CardContentExRoot = (0, import_material.styled)(import_material.CardContent,
     },
     overflow: "auto",
     paddingTop: 0,
-    ...removePadding && { padding: 0 }
+    ...removePadding && {
+      padding: 0
+    }
   }
 }));
-var CardContentExWithRef = (0, import_react.forwardRef)(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
+var CardContentExWithRef = /* @__PURE__ */ (0, import_react.forwardRef)(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
   const sharedRef = (0, import_react_shared.useShareForwardedRef)(ref, refreshRef);
   (0, import_react.useEffect)(() => {
     if (sharedRef && scrollToTop) {
-      sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
+      sharedRef.current?.scroll({
+        behavior: "smooth",
+        top: 0
+      });
     }
-  }, [sharedRef, scrollToTop]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContentExRoot, { ref: sharedRef, ...props });
+  }, [
+    sharedRef,
+    scrollToTop
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(CardContentExRoot, {
+    ref: sharedRef,
+    ...props
+  });
 });
 CardContentExWithRef.displayName = "CardContentEx";
 var CardContentEx = CardContentExWithRef;
@@ -64,22 +88,18 @@ var CardContentEx = CardContentExWithRef;
 // src/components/CardEx.tsx
 var import_material2 = require("@mui/material");
 var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var CardExWithRef = (0, import_react2.forwardRef)(({ style, gradient, ...props }, ref) => {
+var import_react2 = __toESM(require("react"), 1);
+var CardExWithRef = /* @__PURE__ */ (0, import_react2.forwardRef)(({ style, gradient, ...props }, ref) => {
   const { styles } = (0, import_react_shared2.useGradientStyles)();
   const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_material2.Card,
-    {
-      style: {
-        ...gradientStyle,
-        ...style
-      },
-      ref,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ import_react2.default.createElement(import_material2.Card, {
+    style: {
+      ...gradientStyle,
+      ...style
+    },
+    ref,
+    ...props
+  });
 });
 CardExWithRef.displayName = "CardEx";
 var CardEx = CardExWithRef;
@@ -89,88 +109,125 @@ var import_icons_material = require("@mui/icons-material");
 var import_material3 = require("@mui/material");
 var import_react_flexbox = require("@xylabs/react-flexbox");
 var import_react_shared3 = require("@xyo-network/react-shared");
-var import_react3 = require("react");
+var import_react3 = __toESM(require("react"), 1);
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var FullWidthCard = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
+var FullWidthCard = /* @__PURE__ */ __name(({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
   const theme = (0, import_material3.useTheme)();
   const [raised, setRaised] = (0, import_react3.useState)(false);
   const navigate = (0, import_react_router_dom.useNavigate)();
   const isMobile = (0, import_react_shared3.useIsMobile)();
-  const localRouteChange = (to2) => {
+  const localRouteChange = /* @__PURE__ */ __name((to2) => {
     to2 ? navigate(to2) : navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
+  }, "localRouteChange");
+  const externalRouteChange = /* @__PURE__ */ __name((href2) => {
     href2 ? window.open(href2) : navigate("/404");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_material3.Card,
-    {
-      elevation: raised ? 3 : 0,
-      style: { height: "100%", width: "100%" },
-      ...props,
-      sx: {
-        "&:hover": {
-          cursor: "pointer"
-        },
-        backgroundColor: (0, import_material3.alpha)(theme.palette.primary.light, 0.05)
+  }, "externalRouteChange");
+  return /* @__PURE__ */ import_react3.default.createElement(import_material3.Card, {
+    elevation: raised ? 3 : 0,
+    style: {
+      height: "100%",
+      width: "100%"
+    },
+    ...props,
+    sx: {
+      "&:hover": {
+        cursor: "pointer"
       },
-      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_runtime3.jsx)(import_material3.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Grid, { item: true, xs: 12, md: 6, children: typeof name === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1, children: name }) : name }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Grid, { item: true, xs: 1, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Zoom, { in: raised, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_material3.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_runtime3.jsx)(import_icons_material.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
-            }
-          ) }) })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_material3.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_runtime3.jsx)(import_icons_material.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
-          }
-        ) }) })
-      ]
+      "backgroundColor": (0, import_material3.alpha)(theme.palette.primary.light, 0.05)
+    },
+    onMouseEnter: /* @__PURE__ */ __name(() => isMobile ? null : cardIsButton ? setRaised(true) : null, "onMouseEnter"),
+    onMouseLeave: /* @__PURE__ */ __name(() => isMobile ? null : cardIsButton ? setRaised(false) : null, "onMouseLeave"),
+    onClick: /* @__PURE__ */ __name(() => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null, "onClick")
+  }, media ? /* @__PURE__ */ import_react3.default.createElement(import_material3.CardMedia, {
+    component: "img",
+    height: "100",
+    image: media,
+    alt: ""
+  }) : null, /* @__PURE__ */ import_react3.default.createElement(import_material3.CardContent, null, /* @__PURE__ */ import_react3.default.createElement(import_material3.Grid, {
+    container: true,
+    alignItems: "center",
+    paddingY: 2,
+    paddingX: 2
+  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, typeof name === "string" ? /* @__PURE__ */ import_react3.default.createElement(import_material3.Typography, {
+    fontWeight: 700,
+    variant: "h2",
+    textAlign: "left",
+    paddingBottom: 1
+  }, name) : name), /* @__PURE__ */ import_react3.default.createElement(import_material3.Grid, {
+    item: true,
+    xs: 12,
+    md: 5
+  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.Typography, {
+    variant: "body1",
+    fontWeight: 400,
+    textAlign: "left"
+  }, desc)), /* @__PURE__ */ import_react3.default.createElement(import_material3.Grid, {
+    item: true,
+    xs: 1,
+    display: isMobile ? "none" : "flex",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.Zoom, {
+    in: raised
+  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.IconButton, {
+    color: "primary",
+    size: small ? "small" : "medium",
+    onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableTouchRipple: true
+  }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material.ArrowForwardRounded, {
+    fontSize: small ? "small" : "medium"
+  })))))), /* @__PURE__ */ import_react3.default.createElement(import_material3.CardActions, {
+    sx: {
+      display: {
+        md: isMobile ? "flex" : "none"
+      }
     }
-  );
-};
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_flexbox.FlexGrowCol, {
+    alignItems: "flex-end"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.IconButton, {
+    color: "primary",
+    size: small ? "small" : "medium",
+    onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableTouchRipple: true
+  }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material.ArrowForwardRounded, {
+    fontSize: small ? "small" : "medium"
+  })))));
+}, "FullWidthCard");
 
 // src/components/PageCard.tsx
 var import_icons_material2 = require("@mui/icons-material");
 var import_material4 = require("@mui/material");
 var import_react_shared4 = require("@xyo-network/react-shared");
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var PageCardWithRef = (0, import_react4.forwardRef)(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(CardEx, { style: { backgroundColor: "transparent", position: "relative", ...style }, elevation: 0, ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_material4.CardHeader,
-      {
-        title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_shared4.TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
-        subheader: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_shared4.TypographyEx, { variant: "subtitle1", children: subheader }),
-        action: action ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.IconButton, { onClick: () => onRefresh?.(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material2.Refresh, {}) }) : null })
-      }
-    ),
-    children
-  ] });
+var import_react4 = __toESM(require("react"), 1);
+var PageCardWithRef = /* @__PURE__ */ (0, import_react4.forwardRef)(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
+  return /* @__PURE__ */ import_react4.default.createElement(CardEx, {
+    style: {
+      backgroundColor: "transparent",
+      position: "relative",
+      ...style
+    },
+    elevation: 0,
+    ref,
+    ...props
+  }, /* @__PURE__ */ import_react4.default.createElement(import_material4.CardHeader, {
+    title: /* @__PURE__ */ import_react4.default.createElement(import_react_shared4.TypographyEx, {
+      variant: "h5",
+      gutterBottom: true
+    }, title),
+    subheader: /* @__PURE__ */ import_react4.default.createElement(import_react_shared4.TypographyEx, {
+      variant: "subtitle1"
+    }, subheader),
+    action: action ?? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, onRefresh ? /* @__PURE__ */ import_react4.default.createElement(import_material4.IconButton, {
+      onClick: /* @__PURE__ */ __name(() => onRefresh?.(), "onClick")
+    }, /* @__PURE__ */ import_react4.default.createElement(import_icons_material2.Refresh, null)) : null)
+  }), children);
 });
 PageCardWithRef.displayName = "PageCard";
 var PageCard = PageCardWithRef;
@@ -180,69 +237,73 @@ var import_icons_material3 = require("@mui/icons-material");
 var import_material5 = require("@mui/material");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
 var import_react_shared5 = require("@xyo-network/react-shared");
-var import_react5 = require("react");
+var import_react5 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("react-router-dom");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var SimpleCard = ({
-  desc,
-  iconImage,
-  interactionVariant = "card",
-  headline,
-  href,
-  media,
-  small,
-  subtitle,
-  sx,
-  to,
-  ...props
-}) => {
+var SimpleCard = /* @__PURE__ */ __name(({ desc, iconImage, interactionVariant = "card", headline, href, media, small, subtitle, sx, to, ...props }) => {
   const theme = (0, import_material5.useTheme)();
   const [raised, setRaised] = (0, import_react5.useState)(false);
   const navigate = (0, import_react_router_dom2.useNavigate)();
   const isMobile = (0, import_react_shared5.useIsMobile)();
-  const localRouteChange = (to2) => {
+  const localRouteChange = /* @__PURE__ */ __name((to2) => {
     to2 ? navigate(to2) : navigate("/404");
-  };
-  const externalRouteChange = (href2) => {
+  }, "localRouteChange");
+  const externalRouteChange = /* @__PURE__ */ __name((href2) => {
     href2 ? window.open(href2) : navigate("/404");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    CardEx,
-    {
-      elevation: raised ? 3 : 0,
-      sx: {
-        "&:hover": {
-          cursor: interactionVariant == "button" ? "pointer" : null
-        },
-        backgroundColor: (0, import_material5.alpha)(theme.palette.primary.light, 0.05),
-        ...sx
+  }, "externalRouteChange");
+  return /* @__PURE__ */ import_react5.default.createElement(CardEx, {
+    elevation: raised ? 3 : 0,
+    sx: {
+      "&:hover": {
+        cursor: interactionVariant == "button" ? "pointer" : null
       },
-      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__ */ (0, import_jsx_runtime5.jsx)(import_material5.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexCol, { width: "100%", alignItems: "flex-start", children: [
-          iconImage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
-          typeof headline === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
-          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
-        ] }) }),
-        interactionVariant == "button" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.CardActions, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_flexbox2.FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_material5.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__ */ (0, import_jsx_runtime5.jsx)(import_icons_material3.ArrowForwardRounded, { fontSize: small ? "small" : "medium" })
-          }
-        ) }) }) : null
-      ]
+      "backgroundColor": (0, import_material5.alpha)(theme.palette.primary.light, 0.05),
+      ...sx
+    },
+    onMouseEnter: /* @__PURE__ */ __name(() => isMobile ? null : interactionVariant == "button" ? setRaised(true) : null, "onMouseEnter"),
+    onMouseLeave: /* @__PURE__ */ __name(() => isMobile ? null : interactionVariant == "button" ? setRaised(false) : null, "onMouseLeave"),
+    onClick: /* @__PURE__ */ __name(() => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null, "onClick"),
+    ...props
+  }, media ? /* @__PURE__ */ import_react5.default.createElement(import_material5.CardMedia, {
+    component: "img",
+    height: "100",
+    image: media,
+    alt: ""
+  }) : null, /* @__PURE__ */ import_react5.default.createElement(import_material5.CardContent, {
+    sx: {
+      height: "100%"
     }
-  );
-};
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexCol, {
+    width: "100%",
+    alignItems: "flex-start"
+  }, iconImage ? /* @__PURE__ */ import_react5.default.createElement("img", {
+    src: iconImage,
+    height: "40px",
+    style: {
+      paddingBottom: "8px"
+    }
+  }) : null, typeof headline === "string" ? /* @__PURE__ */ import_react5.default.createElement(import_material5.Typography, {
+    variant: small ? "body1" : "h6",
+    textAlign: "left",
+    gutterBottom: true
+  }, headline) : headline, subtitle ? /* @__PURE__ */ import_react5.default.createElement(import_material5.Typography, {
+    variant: "subtitle2",
+    textAlign: "left",
+    gutterBottom: true
+  }, subtitle) : null, /* @__PURE__ */ import_react5.default.createElement(import_material5.Typography, {
+    variant: small ? "caption" : "body1",
+    textAlign: "left",
+    gutterBottom: true
+  }, desc))), interactionVariant == "button" ? /* @__PURE__ */ import_react5.default.createElement(import_material5.CardActions, null, /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexGrowCol, {
+    alignItems: "flex-end"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_material5.IconButton, {
+    color: raised ? "secondary" : "primary",
+    size: small ? "small" : "medium",
+    onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableTouchRipple: true
+  }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material3.ArrowForwardRounded, {
+    fontSize: small ? "small" : "medium"
+  })))) : null);
+}, "SimpleCard");
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

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

package/dist/browser/index.d.cts

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

package/dist/browser/index.d.mts

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

package/dist/browser/index.d.ts

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