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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { SimpleCard } from "../SimpleCard";
+const SimpleCardGrid = ({ cards, ...props }) => {
+  return /* @__PURE__ */ jsx(Grid, { container: true, ...props, children: cards?.map((card, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ jsx(SimpleCard, { ...card, sx: { flexDirection: "column", height: "100%" } }) }, index)) });
+};
+export {
+  SimpleCardGrid
+};
+//# sourceMappingURL=SimpleCardGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.tsx"],"sourcesContent":["import { Grid, GridProps } from '@mui/material'\n\nimport { SimpleCard, SimpleCardProps } from '../SimpleCard'\n\nexport interface SimpleCardGridProps extends GridProps {\n  cards?: SimpleCardProps[]\n}\n\nexport const SimpleCardGrid: React.FC<SimpleCardGridProps> = ({ cards, ...props }) => {\n  return (\n    <Grid container {...props}>\n      {cards?.map((card, index) => (\n        <Grid item key={index} xs={12} sm={6} md={4}>\n          <SimpleCard {...card} sx={{ flexDirection: 'column', height: '100%' }} />\n        </Grid>\n      ))}\n    </Grid>\n  )\n}\n"],"mappings":"AAaU;AAbV,SAAS,YAAuB;AAEhC,SAAS,kBAAmC;AAMrC,MAAM,iBAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,oBAAC,QAAK,WAAS,MAAE,GAAG,OACjB,iBAAO,IAAI,CAAC,MAAM,UACjB,oBAAC,QAAK,MAAI,MAAa,IAAI,IAAI,IAAI,GAAG,IAAI,GACxC,8BAAC,cAAY,GAAG,MAAM,IAAI,EAAE,eAAe,UAAU,QAAQ,OAAO,GAAG,KADzD,KAEhB,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import CoinbaseWalletIcon from "./coinbase-wallet.svg";
+import MoneyMedia from "./money.jpg";
+import { SimpleCardGrid } from "./SimpleCardGrid";
+const StorybookEntry = {
+  argTypes: {},
+  component: SimpleCardGrid,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/SimpleCardGrid"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(SimpleCardGrid, { ...args }) });
+const Default = Template.bind({});
+Default.args = {
+  cards: [
+    {
+      desc: 'Many people believe that a card cannot be a button. But here at XYO, we say "No way, Jos\xE9" and turn our cards into buttons.',
+      headline: "Did you know that this card is complex?",
+      iconImage: CoinbaseWalletIcon,
+      interactionVariant: "button",
+      media: MoneyMedia,
+      subtitle: "Aug 25, 1997"
+    },
+    {
+      desc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente incidunt, beatae suscipit nam consequuntur, minus facere obcaecati, recusandae totam aspernatur aut debitis. Aspernatur nisi molestiae atque? Nisi eius perspiciatis tempore?",
+      headline: "Did you know that this card is complex?",
+      iconImage: CoinbaseWalletIcon,
+      interactionVariant: "button",
+      media: MoneyMedia,
+      subtitle: "Aug 25, 1997"
+    },
+    {
+      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.Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      headline: "Did you know that this card is complex?",
+      iconImage: CoinbaseWalletIcon,
+      interactionVariant: "button",
+      media: MoneyMedia,
+      subtitle: "Aug 25, 1997"
+    },
+    {
+      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. Sapiente incidunt, beatae suscipit nam consequuntur, minus facere obcaecati, recusandae totam aspernatur aut debitis. Aspernatur nisi molestiae atque? Nisi eius perspiciatis tempore?',
+      headline: "Did you know that this card is complex?",
+      iconImage: CoinbaseWalletIcon,
+      interactionVariant: "button",
+      media: MoneyMedia,
+      subtitle: "Aug 25, 1997"
+    },
+    {
+      desc: 'Many people believe that a card cannot be a button. But here at XYO, we say "No way, Jos\xE9" and turn our cards into buttons.',
+      headline: "Did you know that this card is complex?",
+      iconImage: CoinbaseWalletIcon,
+      interactionVariant: "button",
+      media: MoneyMedia,
+      subtitle: "Aug 25, 1997"
+    }
+  ],
+  spacing: 2
+};
+var SimpleCardGrid_stories_default = StorybookEntry;
+export {
+  Default,
+  SimpleCardGrid_stories_default as default
+};
+//# sourceMappingURL=SimpleCardGrid.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport CoinbaseWalletIcon from './coinbase-wallet.svg'\nimport MoneyMedia from './money.jpg'\nimport { SimpleCardGrid } from './SimpleCardGrid'\nconst StorybookEntry = {\n  argTypes: {},\n  component: SimpleCardGrid,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/SimpleCardGrid',\n} as Meta<typeof SimpleCardGrid>\n\nconst Template: StoryFn<typeof SimpleCardGrid> = (args) => (\n  <BrowserRouter>\n    <SimpleCardGrid {...args}></SimpleCardGrid>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  cards: [\n    {\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      desc: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente incidunt, beatae suscipit nam consequuntur, minus facere obcaecati, recusandae totam aspernatur aut debitis. Aspernatur nisi molestiae atque? Nisi eius perspiciatis tempore?',\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      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.Lorem ipsum dolor sit amet consectetur adipisicing elit.',\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      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. Sapiente incidunt, beatae suscipit nam consequuntur, minus facere obcaecati, recusandae totam aspernatur aut debitis. Aspernatur nisi molestiae atque? Nisi eius perspiciatis tempore?',\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      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  spacing: 2,\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAmBI;AAlBJ,SAAS,qBAAqB;AAE9B,OAAO,wBAAwB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,sBAAsB;AAC/B,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,WAA2C,CAAC,SAChD,oBAAC,iBACC,8BAAC,kBAAgB,GAAG,MAAM,GAC5B;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,SAAS;AACX;AAQA,IAAO,iCAAQ;","names":[]}

package/dist/browser/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/browser/components/SimpleCardGrid/index.d.mts.map

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

package/dist/browser/components/SimpleCardGrid/index.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}

package/dist/browser/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}

package/dist/browser/components/index.js

@@ -0,0 +1,6 @@
+export * from "./CardContentEx";
+export * from "./CardEx";
+export * from "./FullWidthCard";
+export * from "./PageCard";
+export * from "./SimpleCard";
+//# sourceMappingURL=index.js.map

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

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

package/dist/{index.d.mts.map → browser/index.d.mts.map}

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

package/dist/{index.d.ts.map → browser/index.d.ts.map}

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

package/dist/browser/index.js

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

package/dist/browser/index.js.map

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

package/dist/browser/types/images.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=images.d.js.map

package/dist/browser/types/images.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+export type CardContentExProps = CardContentProps & {
+    refreshRef?: number;
+    removePadding?: boolean;
+    scrollToTop?: number;
+    variant?: 'scrollable' | 'normal';
+};
+export declare const CardContentExWithRef: import("react").ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
+export declare const CardContentEx: import("react").ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
+//# sourceMappingURL=CardContentEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAmBrE,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,oBAAoB,mIAU/B,CAAA;AAIF,eAAO,MAAM,aAAa,mIAAuB,CAAA"}

package/dist/node/components/CardContentEx.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+export type CardContentExProps = CardContentProps & {
+    refreshRef?: number;
+    removePadding?: boolean;
+    scrollToTop?: number;
+    variant?: 'scrollable' | 'normal';
+};
+export declare const CardContentExWithRef: import("react").ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
+export declare const CardContentEx: import("react").ForwardRefExoticComponent<Omit<CardContentExProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
+//# sourceMappingURL=CardContentEx.d.ts.map

package/dist/node/components/CardContentEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAmBrE,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,oBAAoB,mIAU/B,CAAA;AAIF,eAAO,MAAM,aAAa,mIAAuB,CAAA"}

package/dist/node/components/CardContentEx.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardContentEx_exports = {};
+__export(CardContentEx_exports, {
+  CardContentEx: () => CardContentEx,
+  CardContentExWithRef: () => CardContentExWithRef
+});
+module.exports = __toCommonJS(CardContentEx_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+const CardContentExRoot = (0, import_material.styled)(import_material.CardContent, {
+  name: "CardContentEx",
+  shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
+  slot: "Root"
+})(({ variant, removePadding }) => ({
+  ...(variant === "scrollable" || removePadding) && {
+    [":last-child"]: {
+      paddingBottom: 0
+    },
+    overflow: "auto",
+    paddingTop: 0,
+    ...removePadding && { padding: 0 }
+  }
+}));
+const CardContentExWithRef = (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, scrollToTop]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContentExRoot, { ref: sharedRef, ...props });
+});
+CardContentExWithRef.displayName = "CardContentEx";
+const CardContentEx = CardContentExWithRef;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardContentEx,
+  CardContentExWithRef
+});
+//# sourceMappingURL=CardContentEx.js.map

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

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

package/dist/node/components/CardContentEx.mjs

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { CardContent, styled } from "@mui/material";
+import { useShareForwardedRef } from "@xyo-network/react-shared";
+import { forwardRef, useEffect } from "react";
+const CardContentExRoot = styled(CardContent, {
+  name: "CardContentEx",
+  shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
+  slot: "Root"
+})(({ variant, removePadding }) => ({
+  ...(variant === "scrollable" || removePadding) && {
+    [":last-child"]: {
+      paddingBottom: 0
+    },
+    overflow: "auto",
+    paddingTop: 0,
+    ...removePadding && { padding: 0 }
+  }
+}));
+const CardContentExWithRef = forwardRef(({ scrollToTop = 0, refreshRef = 0, ...props }, ref) => {
+  const sharedRef = useShareForwardedRef(ref, refreshRef);
+  useEffect(() => {
+    if (sharedRef && scrollToTop) {
+      sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
+    }
+  }, [sharedRef, scrollToTop]);
+  return /* @__PURE__ */ jsx(CardContentExRoot, { ref: sharedRef, ...props });
+});
+CardContentExWithRef.displayName = "CardContentEx";
+const CardContentEx = CardContentExWithRef;
+export {
+  CardContentEx,
+  CardContentExWithRef
+};
+//# sourceMappingURL=CardContentEx.mjs.map

package/dist/node/components/CardContentEx.mjs.map

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

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

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardContentEx_stories_exports = {};
+__export(CardContentEx_stories_exports, {
+  Default: () => Default,
+  WithRef: () => WithRef,
+  WithVariant: () => WithVariant,
+  default: () => CardContentEx_stories_default
+});
+module.exports = __toCommonJS(CardContentEx_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_react2 = require("react");
+var import_CardContentEx = require("./CardContentEx");
+var import_PageCard = require("./PageCard");
+const ScrollableDecorator = (Story, args) => {
+  const [scrollToTop, setScrollToTop] = (0, import_react2.useState)(0);
+  const ref = (0, import_react2.useRef)(null);
+  args.args.ref = ref;
+  args.args.scrollToTop = scrollToTop;
+  const onScrollToTop = () => {
+    setScrollToTop(scrollToTop + 1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowCol, { alignItems: "stretch", position: "absolute", height: "calc(100vh - 2rem)", style: { inset: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { variant: "contained", onClick: onScrollToTop, sx: { marginBottom: 2 }, children: "ScrollToTop" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, { ...args })
+  ] });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: import_CardContentEx.CardContentEx,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/CardContentEx"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageCard.PageCard, { title: "Page Card", subheader: "subheader", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardContentEx.CardContentEx, { ...props, children: [...Array(100).keys()].map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { children: [
+    item,
+    ". - Item row"
+  ] }, item)) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithRef = Template.bind({});
+WithRef.decorators = [import_react_storybook.WithRefDecorator];
+const WithVariant = Template.bind({});
+WithVariant.args = { variant: "scrollable" };
+WithVariant.decorators = [ScrollableDecorator];
+var CardContentEx_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithRef,
+  WithVariant
+});
+//# sourceMappingURL=CardContentEx.stories.js.map

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

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

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

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

package/dist/node/components/CardContentEx.stories.mjs.map

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+export type CardExProps = CardProps & {
+    gradient?: 'border' | 'background';
+};
+export declare const CardExWithRef: React.FC<CardExProps>;
+export declare const CardEx: import("react").FC<CardExProps>;
+//# sourceMappingURL=CardEx.d.ts.map

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

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

package/dist/node/components/CardEx.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+export type CardExProps = CardProps & {
+    gradient?: 'border' | 'background';
+};
+export declare const CardExWithRef: React.FC<CardExProps>;
+export declare const CardEx: import("react").FC<CardExProps>;
+//# sourceMappingURL=CardEx.d.ts.map

package/dist/node/components/CardEx.d.ts.map

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

package/dist/node/components/CardEx.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardEx_exports = {};
+__export(CardEx_exports, {
+  CardEx: () => CardEx,
+  CardExWithRef: () => CardExWithRef
+});
+module.exports = __toCommonJS(CardEx_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+const CardExWithRef = (0, import_react.forwardRef)(({ style, gradient, ...props }, ref) => {
+  const { styles } = (0, import_react_shared.useGradientStyles)();
+  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Card,
+    {
+      style: {
+        ...gradientStyle,
+        ...style
+      },
+      ref,
+      ...props
+    }
+  );
+});
+CardExWithRef.displayName = "CardEx";
+const CardEx = CardExWithRef;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardEx,
+  CardExWithRef
+});
+//# sourceMappingURL=CardEx.js.map

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

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

package/dist/node/components/CardEx.mjs

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

package/dist/node/components/CardEx.mjs.map

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

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

@@ -0,0 +1,15 @@
+import { CardProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface FullWidthCardProps extends CardProps {
+    cardIsButton?: boolean;
+    desc?: ReactNode;
+    href?: string;
+    linkText?: string;
+    media?: string;
+    name: ReactNode;
+    small?: boolean;
+    to?: To;
+}
+export declare const FullWidthCard: React.FC<FullWidthCardProps>;
+//# sourceMappingURL=FullWidthCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,SAAS,EAAgD,MAAM,eAAe,CAAA;AAGzI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8EtD,CAAA"}

package/dist/node/components/FullWidthCard/FullWidthCard.d.ts

@@ -0,0 +1,15 @@
+import { CardProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface FullWidthCardProps extends CardProps {
+    cardIsButton?: boolean;
+    desc?: ReactNode;
+    href?: string;
+    linkText?: string;
+    media?: string;
+    name: ReactNode;
+    small?: boolean;
+    to?: To;
+}
+export declare const FullWidthCard: React.FC<FullWidthCardProps>;
+//# sourceMappingURL=FullWidthCard.d.ts.map