@xyo-network/react-card 2.64.0-rc.7 → 2.64.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (189) hide show
  1. package/dist/browser/components/CardContentEx.cjs +56 -0
  2. package/dist/{node/components/CardContentEx.mjs.map → browser/components/CardContentEx.cjs.map} +1 -1
  3. package/dist/browser/components/CardContentEx.d.cts +11 -0
  4. package/dist/browser/components/CardContentEx.d.cts.map +1 -0
  5. package/dist/browser/components/CardContentEx.js +5 -4
  6. package/dist/browser/components/CardContentEx.js.map +1 -1
  7. package/dist/browser/components/CardEx.cjs +48 -0
  8. package/dist/{node/components/CardEx.mjs.map → browser/components/CardEx.cjs.map} +1 -1
  9. package/dist/browser/components/CardEx.d.cts +8 -0
  10. package/dist/browser/components/CardEx.d.cts.map +1 -0
  11. package/dist/browser/components/CardEx.js +4 -3
  12. package/dist/browser/components/CardEx.js.map +1 -1
  13. package/dist/browser/components/FullWidthCard/FullWidthCard.cjs +93 -0
  14. package/dist/{node/components/FullWidthCard/FullWidthCard.mjs.map → browser/components/FullWidthCard/FullWidthCard.cjs.map} +1 -1
  15. package/dist/browser/components/FullWidthCard/FullWidthCard.d.cts +15 -0
  16. package/dist/browser/components/FullWidthCard/FullWidthCard.d.cts.map +1 -0
  17. package/dist/browser/components/FullWidthCard/FullWidthCard.js +3 -2
  18. package/dist/browser/components/FullWidthCard/FullWidthCard.js.map +1 -1
  19. package/dist/browser/components/FullWidthCard/index.cjs +95 -0
  20. package/dist/browser/components/FullWidthCard/index.cjs.map +1 -0
  21. package/dist/browser/components/FullWidthCard/index.d.cts +2 -0
  22. package/dist/browser/components/FullWidthCard/index.d.cts.map +1 -0
  23. package/dist/browser/components/FullWidthCard/index.js +71 -1
  24. package/dist/browser/components/FullWidthCard/index.js.map +1 -1
  25. package/dist/browser/components/PageCard.cjs +71 -0
  26. package/dist/browser/components/PageCard.cjs.map +1 -0
  27. package/dist/browser/components/PageCard.d.cts +10 -0
  28. package/dist/browser/components/PageCard.d.cts.map +1 -0
  29. package/dist/browser/components/PageCard.js +33 -8
  30. package/dist/browser/components/PageCard.js.map +1 -1
  31. package/dist/browser/components/SimpleCard/SimpleCard.cjs +120 -0
  32. package/dist/browser/components/SimpleCard/SimpleCard.cjs.map +1 -0
  33. package/dist/browser/components/SimpleCard/SimpleCard.d.cts +16 -0
  34. package/dist/browser/components/SimpleCard/SimpleCard.d.cts.map +1 -0
  35. package/dist/browser/components/SimpleCard/SimpleCard.js +36 -11
  36. package/dist/browser/components/SimpleCard/SimpleCard.js.map +1 -1
  37. package/dist/browser/components/SimpleCard/index.cjs +122 -0
  38. package/dist/browser/components/SimpleCard/index.cjs.map +1 -0
  39. package/dist/browser/components/SimpleCard/index.d.cts +2 -0
  40. package/dist/browser/components/SimpleCard/index.d.cts.map +1 -0
  41. package/dist/browser/components/SimpleCard/index.js +98 -1
  42. package/dist/browser/components/SimpleCard/index.js.map +1 -1
  43. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.cjs +129 -0
  44. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.cjs.map +1 -0
  45. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.d.cts +8 -0
  46. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.d.cts.map +1 -0
  47. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.js +102 -4
  48. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.js.map +1 -1
  49. package/dist/browser/components/SimpleCardGrid/index.cjs +131 -0
  50. package/dist/browser/components/SimpleCardGrid/index.cjs.map +1 -0
  51. package/dist/browser/components/SimpleCardGrid/index.d.cts +2 -0
  52. package/dist/browser/components/SimpleCardGrid/index.d.cts.map +1 -0
  53. package/dist/browser/components/SimpleCardGrid/index.js +107 -1
  54. package/dist/browser/components/SimpleCardGrid/index.js.map +1 -1
  55. package/dist/browser/components/index.cjs +248 -0
  56. package/dist/browser/components/index.cjs.map +1 -0
  57. package/dist/browser/components/index.d.cts +6 -0
  58. package/dist/browser/components/index.d.cts.map +1 -0
  59. package/dist/browser/components/index.js +224 -5
  60. package/dist/browser/components/index.js.map +1 -1
  61. package/dist/browser/index.cjs +248 -0
  62. package/dist/browser/index.cjs.map +1 -0
  63. package/dist/browser/index.d.cts +2 -0
  64. package/dist/browser/index.d.cts.map +1 -0
  65. package/dist/browser/index.js +224 -1
  66. package/dist/browser/index.js.map +1 -1
  67. package/dist/browser/types/images.d.cjs +2 -0
  68. package/dist/docs.json +1998 -0
  69. package/dist/node/components/CardContentEx.cjs +62 -0
  70. package/dist/node/components/CardContentEx.cjs.map +1 -0
  71. package/dist/node/components/CardContentEx.d.cts +11 -0
  72. package/dist/node/components/CardContentEx.d.cts.map +1 -0
  73. package/dist/node/components/CardContentEx.js +15 -38
  74. package/dist/node/components/CardContentEx.js.map +1 -1
  75. package/dist/node/components/CardEx.cjs +53 -0
  76. package/dist/node/components/CardEx.cjs.map +1 -0
  77. package/dist/node/components/CardEx.d.cts +8 -0
  78. package/dist/node/components/CardEx.d.cts.map +1 -0
  79. package/dist/node/components/CardEx.js +12 -36
  80. package/dist/node/components/CardEx.js.map +1 -1
  81. package/dist/node/components/FullWidthCard/FullWidthCard.cjs +97 -0
  82. package/dist/node/components/FullWidthCard/FullWidthCard.cjs.map +1 -0
  83. package/dist/node/components/FullWidthCard/FullWidthCard.d.cts +15 -0
  84. package/dist/node/components/FullWidthCard/FullWidthCard.d.cts.map +1 -0
  85. package/dist/node/components/FullWidthCard/FullWidthCard.js +28 -51
  86. package/dist/node/components/FullWidthCard/FullWidthCard.js.map +1 -1
  87. package/dist/node/components/FullWidthCard/index.cjs +99 -0
  88. package/dist/node/components/FullWidthCard/index.cjs.map +1 -0
  89. package/dist/node/components/FullWidthCard/index.d.cts +2 -0
  90. package/dist/node/components/FullWidthCard/index.d.cts.map +1 -0
  91. package/dist/node/components/FullWidthCard/index.js +70 -21
  92. package/dist/node/components/FullWidthCard/index.js.map +1 -1
  93. package/dist/node/components/PageCard.cjs +75 -0
  94. package/dist/node/components/PageCard.cjs.map +1 -0
  95. package/dist/node/components/PageCard.d.cts +10 -0
  96. package/dist/node/components/PageCard.d.cts.map +1 -0
  97. package/dist/node/components/PageCard.js +40 -39
  98. package/dist/node/components/PageCard.js.map +1 -1
  99. package/dist/node/components/SimpleCard/SimpleCard.cjs +124 -0
  100. package/dist/node/components/SimpleCard/SimpleCard.cjs.map +1 -0
  101. package/dist/node/components/SimpleCard/SimpleCard.d.cts +16 -0
  102. package/dist/node/components/SimpleCard/SimpleCard.d.cts.map +1 -0
  103. package/dist/node/components/SimpleCard/SimpleCard.js +51 -50
  104. package/dist/node/components/SimpleCard/SimpleCard.js.map +1 -1
  105. package/dist/node/components/SimpleCard/index.cjs +126 -0
  106. package/dist/node/components/SimpleCard/index.cjs.map +1 -0
  107. package/dist/node/components/SimpleCard/index.d.cts +2 -0
  108. package/dist/node/components/SimpleCard/index.d.cts.map +1 -0
  109. package/dist/node/components/SimpleCard/index.js +97 -21
  110. package/dist/node/components/SimpleCard/index.js.map +1 -1
  111. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.cjs +133 -0
  112. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.cjs.map +1 -0
  113. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.cts +8 -0
  114. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.d.cts.map +1 -0
  115. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.js +104 -30
  116. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.js.map +1 -1
  117. package/dist/node/components/SimpleCardGrid/index.cjs +135 -0
  118. package/dist/node/components/SimpleCardGrid/index.cjs.map +1 -0
  119. package/dist/node/components/SimpleCardGrid/index.d.cts +2 -0
  120. package/dist/node/components/SimpleCardGrid/index.d.cts.map +1 -0
  121. package/dist/node/components/SimpleCardGrid/index.js +106 -21
  122. package/dist/node/components/SimpleCardGrid/index.js.map +1 -1
  123. package/dist/node/components/index.cjs +259 -0
  124. package/dist/node/components/index.cjs.map +1 -0
  125. package/dist/node/components/index.d.cts +6 -0
  126. package/dist/node/components/index.d.cts.map +1 -0
  127. package/dist/node/components/index.js +222 -27
  128. package/dist/node/components/index.js.map +1 -1
  129. package/dist/node/index.cjs +259 -0
  130. package/dist/node/index.cjs.map +1 -0
  131. package/dist/node/index.d.cts +2 -0
  132. package/dist/node/index.d.cts.map +1 -0
  133. package/dist/node/index.js +222 -19
  134. package/dist/node/index.js.map +1 -1
  135. package/dist/node/types/images.d.cjs +2 -0
  136. package/dist/node/types/images.d.cjs.map +1 -0
  137. package/dist/node/types/images.d.js +0 -1
  138. package/package.json +16 -16
  139. package/dist/browser/components/CardContentEx.stories.js +0 -51
  140. package/dist/browser/components/CardContentEx.stories.js.map +0 -1
  141. package/dist/browser/components/FullWidthCard/FullWidthCard.stories.js +0 -27
  142. package/dist/browser/components/FullWidthCard/FullWidthCard.stories.js.map +0 -1
  143. package/dist/browser/components/PageCard.stories.js +0 -54
  144. package/dist/browser/components/PageCard.stories.js.map +0 -1
  145. package/dist/browser/components/SimpleCard/SimpleCard.stories.js +0 -76
  146. package/dist/browser/components/SimpleCard/SimpleCard.stories.js.map +0 -1
  147. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.js +0 -68
  148. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.js.map +0 -1
  149. package/dist/node/components/CardContentEx.mjs +0 -34
  150. package/dist/node/components/CardContentEx.stories.js +0 -77
  151. package/dist/node/components/CardContentEx.stories.js.map +0 -1
  152. package/dist/node/components/CardContentEx.stories.mjs +0 -51
  153. package/dist/node/components/CardContentEx.stories.mjs.map +0 -1
  154. package/dist/node/components/CardEx.mjs +0 -26
  155. package/dist/node/components/FullWidthCard/FullWidthCard.mjs +0 -71
  156. package/dist/node/components/FullWidthCard/FullWidthCard.stories.js +0 -51
  157. package/dist/node/components/FullWidthCard/FullWidthCard.stories.js.map +0 -1
  158. package/dist/node/components/FullWidthCard/FullWidthCard.stories.mjs +0 -27
  159. package/dist/node/components/FullWidthCard/FullWidthCard.stories.mjs.map +0 -1
  160. package/dist/node/components/FullWidthCard/index.mjs +0 -2
  161. package/dist/node/components/FullWidthCard/index.mjs.map +0 -1
  162. package/dist/node/components/PageCard.mjs +0 -25
  163. package/dist/node/components/PageCard.mjs.map +0 -1
  164. package/dist/node/components/PageCard.stories.js +0 -80
  165. package/dist/node/components/PageCard.stories.js.map +0 -1
  166. package/dist/node/components/PageCard.stories.mjs +0 -54
  167. package/dist/node/components/PageCard.stories.mjs.map +0 -1
  168. package/dist/node/components/SimpleCard/SimpleCard.mjs +0 -74
  169. package/dist/node/components/SimpleCard/SimpleCard.mjs.map +0 -1
  170. package/dist/node/components/SimpleCard/SimpleCard.stories.js +0 -115
  171. package/dist/node/components/SimpleCard/SimpleCard.stories.js.map +0 -1
  172. package/dist/node/components/SimpleCard/SimpleCard.stories.mjs +0 -76
  173. package/dist/node/components/SimpleCard/SimpleCard.stories.mjs.map +0 -1
  174. package/dist/node/components/SimpleCard/index.mjs +0 -2
  175. package/dist/node/components/SimpleCard/index.mjs.map +0 -1
  176. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.mjs +0 -10
  177. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.mjs.map +0 -1
  178. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.stories.js +0 -102
  179. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.stories.js.map +0 -1
  180. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.stories.mjs +0 -68
  181. package/dist/node/components/SimpleCardGrid/SimpleCardGrid.stories.mjs.map +0 -1
  182. package/dist/node/components/SimpleCardGrid/index.mjs +0 -2
  183. package/dist/node/components/SimpleCardGrid/index.mjs.map +0 -1
  184. package/dist/node/components/index.mjs +0 -6
  185. package/dist/node/components/index.mjs.map +0 -1
  186. package/dist/node/index.mjs +0 -2
  187. package/dist/node/index.mjs.map +0 -1
  188. package/dist/node/types/images.d.mjs +0 -1
  189. /package/dist/{node/types/images.d.mjs.map → browser/types/images.d.cjs.map} +0 -0
@@ -1,71 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
3
- import { alpha, Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom } from "@mui/material";
4
- import { FlexGrowCol } from "@xylabs/react-flexbox";
5
- import { useIsMobile } from "@xyo-network/react-shared";
6
- import { useState } from "react";
7
- import { useNavigate } from "react-router-dom";
8
- const FullWidthCard = ({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
9
- const theme = useTheme();
10
- const [raised, setRaised] = useState(false);
11
- const navigate = useNavigate();
12
- const isMobile = useIsMobile();
13
- const localRouteChange = (to2) => {
14
- to2 ? navigate(to2) : navigate("/404");
15
- };
16
- const externalRouteChange = (href2) => {
17
- href2 ? window.open(href2) : navigate("/404");
18
- };
19
- return /* @__PURE__ */ jsxs(
20
- Card,
21
- {
22
- elevation: raised ? 3 : 0,
23
- style: { height: "100%", width: "100%" },
24
- ...props,
25
- sx: {
26
- "&:hover": {
27
- cursor: "pointer"
28
- },
29
- backgroundColor: alpha(theme.palette.primary.light, 0.05)
30
- },
31
- onMouseEnter: () => isMobile ? null : cardIsButton ? setRaised(true) : null,
32
- onMouseLeave: () => isMobile ? null : cardIsButton ? setRaised(false) : null,
33
- onClick: () => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
34
- children: [
35
- media ? /* @__PURE__ */ jsx(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
36
- /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
37
- /* @__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 }),
38
- /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
39
- /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ jsx(Zoom, { in: raised, children: /* @__PURE__ */ jsx(
40
- IconButton,
41
- {
42
- color: "primary",
43
- size: small ? "small" : "medium",
44
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
45
- disableFocusRipple: true,
46
- disableRipple: true,
47
- disableTouchRipple: true,
48
- children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
49
- }
50
- ) }) })
51
- ] }) }),
52
- /* @__PURE__ */ jsx(CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ jsx(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx(
53
- IconButton,
54
- {
55
- color: "primary",
56
- size: small ? "small" : "medium",
57
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
58
- disableFocusRipple: true,
59
- disableRipple: true,
60
- disableTouchRipple: true,
61
- children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
62
- }
63
- ) }) })
64
- ]
65
- }
66
- );
67
- };
68
- export {
69
- FullWidthCard
70
- };
71
- //# sourceMappingURL=FullWidthCard.mjs.map
@@ -1,51 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var FullWidthCard_stories_exports = {};
20
- __export(FullWidthCard_stories_exports, {
21
- Default: () => Default,
22
- default: () => FullWidthCard_stories_default
23
- });
24
- module.exports = __toCommonJS(FullWidthCard_stories_exports);
25
- var import_jsx_runtime = require("react/jsx-runtime");
26
- var import_react_router_dom = require("react-router-dom");
27
- var import_FullWidthCard = require("./FullWidthCard");
28
- const StorybookEntry = {
29
- argTypes: {},
30
- component: import_FullWidthCard.FullWidthCard,
31
- parameters: {
32
- docs: {
33
- page: null
34
- }
35
- },
36
- title: "shared/FullWidthCard"
37
- };
38
- 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 }) });
39
- const Default = Template.bind({});
40
- Default.args = {
41
- cardIsButton: true,
42
- 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!",
43
- name: "Big Title Here",
44
- to: "/link"
45
- };
46
- var FullWidthCard_stories_default = StorybookEntry;
47
- // Annotate the CommonJS export names for ESM import in node:
48
- 0 && (module.exports = {
49
- Default
50
- });
51
- //# sourceMappingURL=FullWidthCard.stories.js.map
@@ -1 +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":[]}
@@ -1,27 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { BrowserRouter } from "react-router-dom";
3
- import { FullWidthCard } from "./FullWidthCard";
4
- const StorybookEntry = {
5
- argTypes: {},
6
- component: FullWidthCard,
7
- parameters: {
8
- docs: {
9
- page: null
10
- }
11
- },
12
- title: "shared/FullWidthCard"
13
- };
14
- const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(FullWidthCard, { ...args }) });
15
- const Default = Template.bind({});
16
- Default.args = {
17
- cardIsButton: true,
18
- 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!",
19
- name: "Big Title Here",
20
- to: "/link"
21
- };
22
- var FullWidthCard_stories_default = StorybookEntry;
23
- export {
24
- Default,
25
- FullWidthCard_stories_default as default
26
- };
27
- //# sourceMappingURL=FullWidthCard.stories.mjs.map
@@ -1 +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":[]}
@@ -1,2 +0,0 @@
1
- export * from "./FullWidthCard";
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/FullWidthCard/index.ts"],"sourcesContent":["export * from './FullWidthCard'\n"],"mappings":"AAAA,cAAc;","names":[]}
@@ -1,25 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { Refresh as RefreshIcon } from "@mui/icons-material";
3
- import { CardHeader, IconButton } from "@mui/material";
4
- import { TypographyEx } from "@xyo-network/react-shared";
5
- import { forwardRef } from "react";
6
- import { CardEx } from "./CardEx";
7
- const PageCardWithRef = forwardRef(({ subheader, title, onRefresh, children, action, style, ...props }, ref) => {
8
- return /* @__PURE__ */ jsxs(CardEx, { style: { backgroundColor: "transparent", position: "relative", ...style }, elevation: 0, ref, ...props, children: [
9
- /* @__PURE__ */ jsx(
10
- CardHeader,
11
- {
12
- title: /* @__PURE__ */ jsx(TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
13
- subheader: /* @__PURE__ */ jsx(TypographyEx, { variant: "subtitle1", children: subheader }),
14
- action: action ? action : /* @__PURE__ */ jsx(Fragment, { children: onRefresh ? /* @__PURE__ */ jsx(IconButton, { onClick: () => onRefresh?.(), children: /* @__PURE__ */ jsx(RefreshIcon, {}) }) : null })
15
- }
16
- ),
17
- children
18
- ] });
19
- });
20
- PageCardWithRef.displayName = "PageCard";
21
- const PageCard = PageCardWithRef;
22
- export {
23
- PageCard
24
- };
25
- //# sourceMappingURL=PageCard.mjs.map
@@ -1 +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":[]}
@@ -1,80 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var PageCard_stories_exports = {};
20
- __export(PageCard_stories_exports, {
21
- Default: () => Default,
22
- WithNoOnRefresh: () => WithNoOnRefresh,
23
- WithRef: () => WithRef,
24
- default: () => PageCard_stories_default
25
- });
26
- module.exports = __toCommonJS(PageCard_stories_exports);
27
- var import_jsx_runtime = require("react/jsx-runtime");
28
- var import_material = require("@mui/material");
29
- var import_react_storybook = require("@xyo-network/react-storybook");
30
- var import_react2 = require("react");
31
- var import_PageCard = require("./PageCard");
32
- const StorybookEntry = {
33
- argTypes: {
34
- onRefresh: {
35
- table: {
36
- disable: true
37
- }
38
- }
39
- },
40
- component: import_PageCard.PageCard,
41
- parameters: {
42
- docs: {
43
- page: null
44
- }
45
- },
46
- title: "shared/PageCard"
47
- };
48
- const Template = (props) => {
49
- const [refreshedValue, setRefreshedValue] = (0, import_react2.useState)(Math.random);
50
- 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: [
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body1", children: "Page Card Content" }),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "body1", children: [
53
- "Refreshed Value: ",
54
- refreshedValue?.toString()
55
- ] })
56
- ] }) });
57
- };
58
- const TemplateWithNoOnRefresh = (props) => {
59
- 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" }) }) });
60
- };
61
- const Default = Template.bind({});
62
- Default.args = {};
63
- Default.parameters = {
64
- actions: { argTypesRegex: "" }
65
- };
66
- const WithNoOnRefresh = TemplateWithNoOnRefresh.bind({});
67
- WithNoOnRefresh.args = {};
68
- WithNoOnRefresh.parameters = {
69
- actions: { argTypesRegex: "" }
70
- };
71
- const WithRef = Template.bind({});
72
- WithRef.decorators = [import_react_storybook.WithRefDecorator];
73
- var PageCard_stories_default = StorybookEntry;
74
- // Annotate the CommonJS export names for ESM import in node:
75
- 0 && (module.exports = {
76
- Default,
77
- WithNoOnRefresh,
78
- WithRef
79
- });
80
- //# sourceMappingURL=PageCard.stories.js.map
@@ -1 +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"]}
@@ -1,54 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { CardContent, Typography } from "@mui/material";
3
- import { WithRefDecorator } from "@xyo-network/react-storybook";
4
- import { useState } from "react";
5
- import { PageCard } from "./PageCard";
6
- const StorybookEntry = {
7
- argTypes: {
8
- onRefresh: {
9
- table: {
10
- disable: true
11
- }
12
- }
13
- },
14
- component: PageCard,
15
- parameters: {
16
- docs: {
17
- page: null
18
- }
19
- },
20
- title: "shared/PageCard"
21
- };
22
- const Template = (props) => {
23
- const [refreshedValue, setRefreshedValue] = useState(Math.random);
24
- return /* @__PURE__ */ jsx(PageCard, { title: "Page Card", subheader: "subheader", onRefresh: () => setRefreshedValue(Math.random()), ...props, children: /* @__PURE__ */ jsxs(CardContent, { children: [
25
- /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Page Card Content" }),
26
- /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
27
- "Refreshed Value: ",
28
- refreshedValue?.toString()
29
- ] })
30
- ] }) });
31
- };
32
- const TemplateWithNoOnRefresh = (props) => {
33
- return /* @__PURE__ */ jsx(PageCard, { title: "Page Card", subheader: "subheader", ...props, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Page Card Content" }) }) });
34
- };
35
- const Default = Template.bind({});
36
- Default.args = {};
37
- Default.parameters = {
38
- actions: { argTypesRegex: "" }
39
- };
40
- const WithNoOnRefresh = TemplateWithNoOnRefresh.bind({});
41
- WithNoOnRefresh.args = {};
42
- WithNoOnRefresh.parameters = {
43
- actions: { argTypesRegex: "" }
44
- };
45
- const WithRef = Template.bind({});
46
- WithRef.decorators = [WithRefDecorator];
47
- var PageCard_stories_default = StorybookEntry;
48
- export {
49
- Default,
50
- WithNoOnRefresh,
51
- WithRef,
52
- PageCard_stories_default as default
53
- };
54
- //# sourceMappingURL=PageCard.stories.mjs.map
@@ -1 +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":[]}
@@ -1,74 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
3
- import { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from "@mui/material";
4
- import { FlexCol, FlexGrowCol } from "@xylabs/react-flexbox";
5
- import { useIsMobile } from "@xyo-network/react-shared";
6
- import { useState } from "react";
7
- import { useNavigate } from "react-router-dom";
8
- import { CardEx } from "../CardEx";
9
- const SimpleCard = ({
10
- desc,
11
- iconImage,
12
- interactionVariant = "card",
13
- headline,
14
- href,
15
- media,
16
- small,
17
- subtitle,
18
- sx,
19
- to,
20
- ...props
21
- }) => {
22
- const theme = useTheme();
23
- const [raised, setRaised] = useState(false);
24
- const navigate = useNavigate();
25
- const isMobile = useIsMobile();
26
- const localRouteChange = (to2) => {
27
- to2 ? navigate(to2) : navigate("/404");
28
- };
29
- const externalRouteChange = (href2) => {
30
- href2 ? window.open(href2) : navigate("/404");
31
- };
32
- return /* @__PURE__ */ jsxs(
33
- CardEx,
34
- {
35
- elevation: raised ? 3 : 0,
36
- sx: {
37
- "&:hover": {
38
- cursor: interactionVariant == "button" ? "pointer" : null
39
- },
40
- backgroundColor: alpha(theme.palette.primary.light, 0.05),
41
- ...sx
42
- },
43
- onMouseEnter: () => isMobile ? null : interactionVariant == "button" ? setRaised(true) : null,
44
- onMouseLeave: () => isMobile ? null : interactionVariant == "button" ? setRaised(false) : null,
45
- onClick: () => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
46
- ...props,
47
- children: [
48
- media ? /* @__PURE__ */ jsx(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
49
- /* @__PURE__ */ jsx(CardContent, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(FlexCol, { width: "100%", alignItems: "flex-start", children: [
50
- iconImage ? /* @__PURE__ */ jsx("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
51
- typeof headline === "string" ? /* @__PURE__ */ jsx(Typography, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
52
- subtitle ? /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
53
- /* @__PURE__ */ jsx(Typography, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
54
- ] }) }),
55
- interactionVariant == "button" ? /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx(
56
- IconButton,
57
- {
58
- color: raised ? "secondary" : "primary",
59
- size: small ? "small" : "medium",
60
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
61
- disableFocusRipple: true,
62
- disableRipple: true,
63
- disableTouchRipple: true,
64
- children: /* @__PURE__ */ jsx(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
65
- }
66
- ) }) }) : null
67
- ]
68
- }
69
- );
70
- };
71
- export {
72
- SimpleCard
73
- };
74
- //# sourceMappingURL=SimpleCard.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport { alpha, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useIsMobile } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\nimport { To, useNavigate } from 'react-router-dom'\n\nimport { CardEx, CardExProps } from '../CardEx'\n\nexport interface SimpleCardProps extends CardExProps {\n desc?: ReactNode\n headline?: ReactNode\n href?: string\n iconImage?: string\n interactionVariant?: 'button' | 'card'\n media?: string\n small?: boolean\n subtitle?: string\n to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n desc,\n iconImage,\n interactionVariant = 'card',\n headline,\n href,\n media,\n small,\n subtitle,\n sx,\n to,\n ...props\n}) => {\n const theme = useTheme()\n const [raised, setRaised] = useState(false)\n const navigate = useNavigate()\n const isMobile = useIsMobile()\n const localRouteChange = (to: To | undefined) => {\n to ? navigate(to) : navigate('/404')\n }\n const externalRouteChange = (href: string | undefined) => {\n href ? window.open(href) : navigate('/404')\n }\n return (\n <CardEx\n elevation={raised ? 3 : 0}\n sx={{\n '&:hover': {\n cursor: interactionVariant == 'button' ? 'pointer' : null,\n },\n backgroundColor: alpha(theme.palette.primary.light, 0.05),\n ...sx,\n }}\n onMouseEnter={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null)}\n onMouseLeave={() => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null)}\n onClick={() => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null)}\n {...props}\n >\n {media ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" /> : null}\n\n <CardContent sx={{ height: '100%' }}>\n <FlexCol width=\"100%\" alignItems=\"flex-start\">\n {iconImage ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} /> : null}\n {typeof headline === 'string' ? (\n <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n {headline}\n </Typography>\n ) : (\n headline\n )}\n {subtitle ? (\n <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n {subtitle}\n </Typography>\n ) : null}\n <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n {desc}\n </Typography>\n </FlexCol>\n </CardContent>\n {interactionVariant == 'button' ? (\n <CardActions>\n <FlexGrowCol alignItems=\"flex-end\">\n <IconButton\n color={raised ? 'secondary' : 'primary'}\n size={small ? 'small' : 'medium'}\n onClick={() => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404'))}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n ) : null}\n </CardEx>\n )\n}\n"],"mappings":"AA2De,cAGP,YAHO;AA3Df,SAAS,uBAAuB,+BAA+B;AAC/D,SAAS,OAAO,aAAa,aAAa,WAAW,YAAY,YAAY,gBAAgB;AAC7F,SAAS,SAAS,mBAAmB;AACrC,SAAS,mBAAmB;AAC5B,SAAoB,gBAAgB;AACpC,SAAa,mBAAmB;AAEhC,SAAS,cAA2B;AAc7B,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,mBAAmB,CAACA,QAAuB;AAC/C,IAAAA,MAAK,SAASA,GAAE,IAAI,SAAS,MAAM;AAAA,EACrC;AACA,QAAM,sBAAsB,CAACC,UAA6B;AACxD,IAAAA,QAAO,OAAO,KAAKA,KAAI,IAAI,SAAS,MAAM;AAAA,EAC5C;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,IAAI;AAAA,MACxB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,QAAQ,sBAAsB,WAAW,YAAY;AAAA,QACvD;AAAA,QACA,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,QACxD,GAAG;AAAA,MACL;AAAA,MACA,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,IAAI,IAAI;AAAA,MAC1F,cAAc,MAAO,WAAW,OAAO,sBAAsB,WAAW,UAAU,KAAK,IAAI;AAAA,MAC3F,SAAS,MAAO,sBAAsB,WAAY,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM,IAAK;AAAA,MACpI,GAAG;AAAA,MAEH;AAAA,gBAAQ,oBAAC,aAAU,WAAU,OAAM,QAAO,OAAM,OAAO,OAAO,KAAI,IAAG,IAAK;AAAA,QAE3E,oBAAC,eAAY,IAAI,EAAE,QAAQ,OAAO,GAChC,+BAAC,WAAQ,OAAM,QAAO,YAAW,cAC9B;AAAA,sBAAY,oBAAC,SAAI,KAAK,WAAW,QAAO,QAAO,OAAO,EAAE,eAAe,MAAM,GAAG,IAAK;AAAA,UACrF,OAAO,aAAa,WACnB,oBAAC,cAAW,SAAS,QAAQ,UAAU,MAAM,WAAU,QAAO,cAAY,MACvE,oBACH,IAEA;AAAA,UAED,WACC,oBAAC,cAAW,SAAQ,aAAY,WAAU,QAAO,cAAY,MAC1D,oBACH,IACE;AAAA,UACJ,oBAAC,cAAW,SAAS,QAAQ,YAAY,SAAS,WAAU,QAAO,cAAY,MAC5E,gBACH;AAAA,WACF,GACF;AAAA,QACC,sBAAsB,WACrB,oBAAC,eACC,8BAAC,eAAY,YAAW,YACtB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,SAAS,cAAc;AAAA,YAC9B,MAAM,QAAQ,UAAU;AAAA,YACxB,SAAS,MAAO,OAAO,oBAAoB,IAAI,IAAI,KAAK,iBAAiB,EAAE,IAAI,SAAS,MAAM;AAAA,YAC9F,oBAAkB;AAAA,YAClB,eAAa;AAAA,YACb,oBAAkB;AAAA,YAElB,8BAAC,2BAAwB,UAAU,QAAQ,UAAU,UAAU;AAAA;AAAA,QACjE,GACF,GACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":["to","href"]}
@@ -1,115 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var SimpleCard_stories_exports = {};
30
- __export(SimpleCard_stories_exports, {
31
- CardWithAllParameters: () => CardWithAllParameters,
32
- Default: () => Default,
33
- DefaultMediaCard: () => DefaultMediaCard,
34
- DefaultSmallCard: () => DefaultSmallCard,
35
- DefaultWithImage: () => DefaultWithImage,
36
- VariantButton: () => VariantButton,
37
- default: () => SimpleCard_stories_default
38
- });
39
- module.exports = __toCommonJS(SimpleCard_stories_exports);
40
- var import_jsx_runtime = require("react/jsx-runtime");
41
- var import_material = require("@mui/material");
42
- var import_react_router_dom = require("react-router-dom");
43
- var import_coinbase_wallet = __toESM(require("./coinbase-wallet.svg"));
44
- var import_money = __toESM(require("./money.jpg"));
45
- var import_SimpleCard = require("./SimpleCard");
46
- const StorybookEntry = {
47
- argTypes: {},
48
- component: import_SimpleCard.SimpleCard,
49
- parameters: {
50
- docs: {
51
- page: null
52
- }
53
- },
54
- title: "shared/SimpleCard"
55
- };
56
- const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, { container: true, spacing: 2, children: [
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) }),
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SimpleCard.SimpleCard, { ...args }) })
61
- ] }) });
62
- const Default = Template.bind({});
63
- Default.args = {
64
- 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!",
65
- headline: "Headline Lorem Ipsum",
66
- subtitle: "Aug 25, 1997"
67
- };
68
- const DefaultWithImage = Template.bind({});
69
- DefaultWithImage.args = {
70
- 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!",
71
- headline: "Headline Lorem Ipsum",
72
- iconImage: import_coinbase_wallet.default,
73
- subtitle: "Aug 25, 1997"
74
- };
75
- const VariantButton = Template.bind({});
76
- VariantButton.args = {
77
- 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!",
78
- headline: "Headline Lorem Ipsum",
79
- interactionVariant: "button",
80
- subtitle: "Aug 25, 1997"
81
- };
82
- const DefaultSmallCard = Template.bind({});
83
- DefaultSmallCard.args = {
84
- desc: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!",
85
- headline: "Headline Lorem Ipsum",
86
- small: true,
87
- subtitle: "Aug 25, 1997"
88
- };
89
- const DefaultMediaCard = Template.bind({});
90
- DefaultMediaCard.args = {
91
- 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!",
92
- headline: "Headline Lorem Ipsum",
93
- media: import_money.default,
94
- subtitle: "Aug 25, 1997"
95
- };
96
- const CardWithAllParameters = Template.bind({});
97
- CardWithAllParameters.args = {
98
- desc: 'Many people believe that a card cannot be a button. But here at XYO, we say "No way, Jos\xE9" and turn our cards into buttons.',
99
- headline: "Did you know that this card is complex?",
100
- iconImage: import_coinbase_wallet.default,
101
- interactionVariant: "button",
102
- media: import_money.default,
103
- subtitle: "Aug 25, 1997"
104
- };
105
- var SimpleCard_stories_default = StorybookEntry;
106
- // Annotate the CommonJS export names for ESM import in node:
107
- 0 && (module.exports = {
108
- CardWithAllParameters,
109
- Default,
110
- DefaultMediaCard,
111
- DefaultSmallCard,
112
- DefaultWithImage,
113
- VariantButton
114
- });
115
- //# sourceMappingURL=SimpleCard.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/SimpleCard/SimpleCard.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport CoinbaseWalletIcon from './coinbase-wallet.svg'\nimport MoneyMedia from './money.jpg'\nimport { SimpleCard } from './SimpleCard'\nconst StorybookEntry = {\n argTypes: {},\n component: SimpleCard,\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'shared/SimpleCard',\n} as Meta<typeof SimpleCard>\n\nconst Template: StoryFn<typeof SimpleCard> = (args) => (\n <BrowserRouter>\n <Grid container spacing={2}>\n <Grid item xs={12} sm={6} md={3}>\n <SimpleCard {...args}></SimpleCard>\n </Grid>\n <Grid item xs={12} sm={6} md={3}>\n <SimpleCard {...args}></SimpleCard>\n </Grid>\n <Grid item xs={12} sm={6} md={3}>\n <SimpleCard {...args}></SimpleCard>\n </Grid>\n <Grid item xs={12} sm={6} md={3}>\n <SimpleCard {...args}></SimpleCard>\n </Grid>\n </Grid>\n </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n headline: 'Headline Lorem Ipsum',\n subtitle: 'Aug 25, 1997',\n}\nconst DefaultWithImage = Template.bind({})\nDefaultWithImage.args = {\n desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n headline: 'Headline Lorem Ipsum',\n iconImage: CoinbaseWalletIcon,\n subtitle: 'Aug 25, 1997',\n}\nconst VariantButton = Template.bind({})\nVariantButton.args = {\n desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n headline: 'Headline Lorem Ipsum',\n interactionVariant: 'button',\n subtitle: 'Aug 25, 1997',\n}\nconst DefaultSmallCard = Template.bind({})\nDefaultSmallCard.args = {\n desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis!',\n headline: 'Headline Lorem Ipsum',\n small: true,\n subtitle: 'Aug 25, 1997',\n}\nconst DefaultMediaCard = Template.bind({})\nDefaultMediaCard.args = {\n desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat delectus nemo optio quis! Totam magni laboriosam repudiandae nam nobis at quisquam aut omnis, quis officiis similique enim id dolorem unde!',\n headline: 'Headline Lorem Ipsum',\n media: MoneyMedia,\n subtitle: 'Aug 25, 1997',\n}\nconst CardWithAllParameters = Template.bind({})\nCardWithAllParameters.args = {\n desc: 'Many people believe that a card cannot be a button. But here at XYO, we say \"No way, José\" and turn our cards into buttons.',\n headline: 'Did you know that this card is complex?',\n iconImage: CoinbaseWalletIcon,\n interactionVariant: 'button',\n media: MoneyMedia,\n subtitle: 'Aug 25, 1997',\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,sBAAqB;AAErB,8BAA8B;AAE9B,6BAA+B;AAC/B,mBAAuB;AACvB,wBAA2B;AAC3B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,SAC5C,4CAAC,yCACC,uDAAC,wBAAK,WAAS,MAAC,SAAS,GACvB;AAAA,8CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,EACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAC5B,sDAAC,gCAAY,GAAG,MAAM,GACxB;AAAA,GACF,GACF;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW,uBAAAA;AAAA,EACX,UAAU;AACZ;AACA,MAAM,gBAAgB,SAAS,KAAK,CAAC,CAAC;AACtC,cAAc,OAAO;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ;AACA,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO,aAAAC;AAAA,EACP,UAAU;AACZ;AACA,MAAM,wBAAwB,SAAS,KAAK,CAAC,CAAC;AAC9C,sBAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW,uBAAAD;AAAA,EACX,oBAAoB;AAAA,EACpB,OAAO,aAAAC;AAAA,EACP,UAAU;AACZ;AAQA,IAAO,6BAAQ;","names":["CoinbaseWalletIcon","MoneyMedia"]}