@xyo-network/react-card 2.62.3 → 2.63.1

package/dist/cjs/components/CardContentEx.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardContentEx = exports.CardContentExWithRef = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const CardContentExRoot = (0, material_1.styled)(material_1.CardContent, {
+    name: 'CardContentEx',
+    shouldForwardProp: (prop) => !['variant', 'removePadding'].includes(prop),
+    slot: 'Root',
+})(({ variant, removePadding }) => (Object.assign({}, ((variant === 'scrollable' || removePadding) && Object.assign({ [':last-child']: {
+        paddingBottom: 0,
+    }, overflow: 'auto', paddingTop: 0 }, (removePadding && { padding: 0 }))))));
+exports.CardContentExWithRef = (0, react_1.forwardRef)((_a, ref) => {
+    var { scrollToTop = 0, refreshRef = 0 } = _a, props = tslib_1.__rest(_a, ["scrollToTop", "refreshRef"]);
+    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref, refreshRef);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (sharedRef && scrollToTop) {
+            (_a = sharedRef.current) === null || _a === void 0 ? void 0 : _a.scroll({ behavior: 'smooth', top: 0 });
+        }
+    }, [sharedRef, scrollToTop]);
+    return (0, jsx_runtime_1.jsx)(CardContentExRoot, Object.assign({ ref: sharedRef }, props));
+});
+exports.CardContentExWithRef.displayName = 'CardContentEx';
+exports.CardContentEx = exports.CardContentExWithRef;
+//# sourceMappingURL=CardContentEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentEx.js","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AACrE,4DAAgE;AAChE,iCAA6C;AAE7C,MAAM,iBAAiB,GAAG,IAAA,iBAAM,EAAC,sBAAW,EAAE;IAC5C,IAAI,EAAE,eAAe;IACrB,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;IACjF,IAAI,EAAE,MAAM;CACb,CAAC,CAAqB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,mBAClD,CAAC,CAAC,OAAO,KAAK,YAAY,IAAI,aAAa,CAAC,oBAC7C,CAAC,aAAa,CAAC,EAAE;QACf,aAAa,EAAE,CAAC;KACjB,EACD,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,CAAC,IACV,CAAC,aAAa,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACrC,CAAC,EACF,CAAC,CAAA;AASU,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAA4C,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,WAAW,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,OAAY,EAAP,KAAK,sBAA3C,6BAA6C,CAAF;IACpI,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAiB,GAAG,EAAE,UAAU,CAAC,CAAA;IAEvE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,IAAI,WAAW,EAAE;YAC5B,MAAA,SAAS,CAAC,OAAO,0CAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAA;SAC1D;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5B,OAAO,uBAAC,iBAAiB,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,EAAI,CAAA;AACzD,CAAC,CAAC,CAAA;AAEF,4BAAoB,CAAC,WAAW,GAAG,eAAe,CAAA;AAErC,QAAA,aAAa,GAAG,4BAAoB,CAAA"}

package/dist/cjs/components/CardEx.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardEx = exports.CardExWithRef = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+exports.CardExWithRef = (0, react_1.forwardRef)((_a, ref) => {
+    var { style, gradient } = _a, props = tslib_1.__rest(_a, ["style", "gradient"]);
+    const { styles } = (0, react_shared_1.useGradientStyles)();
+    const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
+    return ((0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ style: Object.assign(Object.assign({}, gradientStyle), style), ref: ref }, props)));
+});
+exports.CardExWithRef.displayName = 'CardEx';
+exports.CardEx = exports.CardExWithRef;
+//# sourceMappingURL=CardEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,4DAA6D;AAC7D,iCAAkC;AAMrB,QAAA,aAAa,GAA0B,IAAA,kBAAU,EAAC,CAAC,EAA6B,EAAE,GAAG,EAAE,EAAE;QAAtC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACzF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAiB,GAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,uBAAC,eAAI,kBACH,KAAK,kCACA,aAAa,GACb,KAAK,GAEV,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,qBAAa,CAAC,WAAW,GAAG,QAAQ,CAAA;AAEvB,QAAA,MAAM,GAAG,qBAAa,CAAA"}

package/dist/cjs/components/FullWidthCard/FullWidthCard.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullWidthCard = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowForwardRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowForwardRounded"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const FullWidthCard = (_a) => {
+    var { cardIsButton, desc, href, media, name, small, to } = _a, props = tslib_1.__rest(_a, ["cardIsButton", "desc", "href", "media", "name", "small", "to"]);
+    const theme = (0, material_1.useTheme)();
+    const [raised, setRaised] = (0, react_1.useState)(false);
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const isMobile = (0, react_shared_1.useIsMobile)();
+    const localRouteChange = (to) => {
+        to ? navigate(to) : navigate('/404');
+    };
+    const externalRouteChange = (href) => {
+        href ? window.open(href) : navigate('/404');
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: raised ? 3 : 0, style: { height: '100%', width: '100%' } }, props, { sx: {
+            '&:hover': {
+                cursor: 'pointer',
+            },
+            backgroundColor: (0, material_1.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 ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, alignItems: "center", paddingY: 2, paddingX: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: typeof name === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1 }, { children: name }))) : (name) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 400, textAlign: "left" }, { children: desc })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 1, display: isMobile ? 'none' : 'flex', justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Zoom, Object.assign({ in: raised }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })) }), (0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ sx: { display: { md: isMobile ? 'flex' : 'none' } } }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })));
+};
+exports.FullWidthCard = FullWidthCard;
+//# sourceMappingURL=FullWidthCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthCard.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FullWidthCard"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/components/PageCard.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageCard = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const CardEx_1 = require("./CardEx");
+const PageCardWithRef = (0, react_1.forwardRef)((_a, ref) => {
+    var { subheader, title, onRefresh, children, action, style } = _a, props = tslib_1.__rest(_a, ["subheader", "title", "onRefresh", "children", "action", "style"]);
+    return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ style: Object.assign({ backgroundColor: 'transparent', position: 'relative' }, style), elevation: 0, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "h5", gutterBottom: true }, { children: title })), subheader: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "subtitle1" }, { children: subheader })), action: action ? (action) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null })) }), children] })));
+});
+PageCardWithRef.displayName = 'PageCard';
+exports.PageCard = PageCardWithRef;
+//# sourceMappingURL=PageCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAuE;AACvE,4DAAwD;AACxD,iCAA6C;AAE7C,qCAA8C;AAQ9C,MAAM,eAAe,GAA4B,IAAA,kBAAU,EAAC,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAhE,kEAAkE,CAAF;IAC3H,OAAO,CACL,wBAAC,eAAM,kBAAC,KAAK,kBAAI,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,IAAK,KAAK,GAAI,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAClH,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,sBACpC,KAAK,IACO,EAEjB,SAAS,EAAE,uBAAC,2BAAY,kBAAC,OAAO,EAAC,WAAW,gBAAE,SAAS,IAAgB,EACvE,MAAM,EACJ,MAAM,CAAC,CAAC,CAAC,CACP,MAAM,CACP,CAAC,CAAC,CAAC,CACF,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,GAEH,EACD,QAAQ,KACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,UAAU,CAAA;AAE3B,QAAA,QAAQ,GAAG,eAAe,CAAA"}

package/dist/cjs/components/SimpleCard/SimpleCard.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleCard = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowForwardRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowForwardRounded"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const CardEx_1 = require("../CardEx");
+const SimpleCard = (_a) => {
+    var { desc, iconImage, interactionVariant = 'card', headline, href, media, small, subtitle, sx, to } = _a, props = tslib_1.__rest(_a, ["desc", "iconImage", "interactionVariant", "headline", "href", "media", "small", "subtitle", "sx", "to"]);
+    const theme = (0, material_1.useTheme)();
+    const [raised, setRaised] = (0, react_1.useState)(false);
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const isMobile = (0, react_shared_1.useIsMobile)();
+    const localRouteChange = (to) => {
+        to ? navigate(to) : navigate('/404');
+    };
+    const externalRouteChange = (href) => {
+        href ? window.open(href) : navigate('/404');
+    };
+    return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ elevation: raised ? 3 : 0, sx: Object.assign({ '&:hover': {
+                cursor: interactionVariant == 'button' ? 'pointer' : null,
+            }, backgroundColor: (0, material_1.alpha)(theme.palette.primary.light, 0.05) }, sx), onMouseEnter: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null), onClick: () => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, props, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({ sx: { height: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ width: "100%", alignItems: "flex-start" }, { children: [iconImage ? (0, jsx_runtime_1.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: '8px' } }) : null, typeof headline === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'body1' : 'h6', textAlign: "left", gutterBottom: true }, { children: headline }))) : (headline), subtitle ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2", textAlign: "left", gutterBottom: true }, { children: subtitle }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'caption' : 'body1', textAlign: "left", gutterBottom: true }, { children: desc }))] })) })), interactionVariant == 'button' ? ((0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: raised ? 'secondary' : 'primary', size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) })) : null] })));
+};
+exports.SimpleCard = SimpleCard;
+//# sourceMappingURL=SimpleCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCard.js","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SimpleCard"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/SimpleCardGrid/SimpleCardGrid.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleCardGrid = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const SimpleCard_1 = require("../SimpleCard");
+const SimpleCardGrid = (_a) => {
+    var { cards } = _a, props = tslib_1.__rest(_a, ["cards"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true }, props, { children: cards === null || cards === void 0 ? void 0 : cards.map((card, index) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 6, md: 4 }, { children: (0, jsx_runtime_1.jsx)(SimpleCard_1.SimpleCard, Object.assign({}, card, { sx: { flexDirection: 'column', height: '100%' } })) }), index))) })));
+};
+exports.SimpleCardGrid = SimpleCardGrid;
+//# sourceMappingURL=SimpleCardGrid.js.map

package/dist/cjs/components/SimpleCardGrid/SimpleCardGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCardGrid.js","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,8CAA2D;AAMpD,MAAM,cAAc,GAAkC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC7E,OAAO,CACL,uBAAC,eAAI,kBAAC,SAAS,UAAK,KAAK,cACtB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uBAAC,eAAI,kBAAC,IAAI,QAAa,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACzC,uBAAC,uBAAU,oBAAK,IAAI,IAAE,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,KAD3D,KAAK,CAEd,CACR,CAAC,IACG,CACR,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B"}

package/dist/cjs/components/SimpleCardGrid/coinbase-wallet.svg

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

package/dist/cjs/components/SimpleCardGrid/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SimpleCardGrid"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SimpleCardGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CardContentEx"), exports);
+tslib_1.__exportStar(require("./CardEx"), exports);
+tslib_1.__exportStar(require("./FullWidthCard"), exports);
+tslib_1.__exportStar(require("./PageCard"), exports);
+tslib_1.__exportStar(require("./SimpleCard"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,mDAAwB;AACxB,0DAA+B;AAC/B,qDAA0B;AAC1B,uDAA4B"}

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}