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

package/dist/node/components/TokenData/useGetTokenData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"sourcesContent":["import { TokenData } from './TokenData'\n\nexport const useGetTokenData = (symbols: (string | undefined)[]) => {\n  return symbols?.map((symbol) => {\n    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)\n    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]\n    return checkedTokenData\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAEnB,MAAM,kBAAkB,CAAC,YAAoC;AAClE,SAAO,SAAS,IAAI,CAAC,WAAW;AAC9B,UAAM,sBAAsB,2BAAU,KAAK,CAAC,MAAM,EAAE,gBAAgB,MAAM;AAC1E,UAAM,mBAAmB,sBAAsB,sBAAsB,2BAAU,CAAC;AAChF,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenData/img/index.ts","../../../../src/components/TokenData/TokenData.ts","../../../../src/components/TokenData/useGetTokenData.tsx"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n","import * as tokenImages from './img'\n\nexport interface TokenData {\n  coinmarketcapLink: string\n  etherscanLink: string\n  icon: string\n  readableName: string\n  tokenSymbol: string\n  uniqueTokenId: string\n}\n\nexport const TokenData: TokenData[] = [\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',\n    etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',\n    icon: tokenImages.dai,\n    readableName: 'Dai',\n    tokenSymbol: 'dai',\n    uniqueTokenId: 'dai',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',\n    etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n    icon: tokenImages.weth,\n    readableName: 'Weth',\n    tokenSymbol: 'weth',\n    uniqueTokenId: 'weth',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.ethereum,\n    readableName: 'Ethereum',\n    tokenSymbol: 'eth',\n    uniqueTokenId: 'ethereum',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.btc,\n    readableName: 'Bitcoin',\n    tokenSymbol: 'btc',\n    uniqueTokenId: 'btc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',\n    etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',\n    icon: tokenImages.xyo,\n    readableName: 'XYO',\n    tokenSymbol: 'xyo',\n    uniqueTokenId: 'xyo',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',\n    etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',\n    icon: tokenImages.frax,\n    readableName: 'Frax',\n    tokenSymbol: 'frax',\n    uniqueTokenId: 'frax',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',\n    etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n    icon: tokenImages.wrappedBtc,\n    readableName: 'Wrapped BTC',\n    tokenSymbol: 'wbtc',\n    uniqueTokenId: 'wbtc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',\n    etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',\n    icon: tokenImages.usdCoin,\n    readableName: 'USDC',\n    tokenSymbol: 'usdc',\n    uniqueTokenId: 'usdc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',\n    etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',\n    icon: tokenImages.tether,\n    readableName: 'Tether',\n    tokenSymbol: 'usdt',\n    uniqueTokenId: 'usdt',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',\n    etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',\n    icon: tokenImages.ada,\n    readableName: 'Cardano',\n    tokenSymbol: 'ada',\n    uniqueTokenId: 'ada',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',\n    etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',\n    icon: tokenImages.busd,\n    readableName: 'Binance USD',\n    tokenSymbol: 'busd',\n    uniqueTokenId: 'busd',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',\n    etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',\n    icon: tokenImages.dogecoin,\n    readableName: 'Dogecoin',\n    tokenSymbol: 'doge',\n    uniqueTokenId: 'doge',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',\n    etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',\n    icon: tokenImages.dot,\n    readableName: 'Polkadot',\n    tokenSymbol: 'dot',\n    uniqueTokenId: 'dot',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',\n    etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',\n    icon: tokenImages.link,\n    readableName: 'ChainLink',\n    tokenSymbol: 'link',\n    uniqueTokenId: 'link',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',\n    etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',\n    icon: tokenImages.sol,\n    readableName: 'Solana',\n    tokenSymbol: 'sol',\n    uniqueTokenId: 'sol',\n  },\n]\n","import { TokenData } from './TokenData'\n\nexport const useGetTokenData = (symbols: (string | undefined)[]) => {\n  return symbols?.map((symbol) => {\n    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)\n    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]\n    return checkedTokenData\n  })\n}\n"],"mappings":";AAAA,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,SAAS;;;ACHT,IAAM,YAAyB;AAAA,EACpC;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,MAAkB;AAAA,IAClB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AACF;;;AClIO,IAAM,kBAAkB,CAAC,YAAoC;AAClE,SAAO,mCAAS,IAAI,CAAC,WAAW;AAC9B,UAAM,sBAAsB,UAAU,KAAK,CAAC,MAAM,EAAE,gBAAgB,MAAM;AAC1E,UAAM,mBAAmB,sBAAsB,sBAAsB,UAAU,CAAC;AAChF,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/node/components/TokenSummary/TokenSummary.cjs

@@ -0,0 +1,55 @@
+"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);
+
+// src/components/TokenSummary/TokenSummary.tsx
+var TokenSummary_exports = {};
+__export(TokenSummary_exports, {
+  TokenSummary: () => TokenSummary
+});
+module.exports = __toCommonJS(TokenSummary_exports);
+var import_material2 = require("@mui/material");
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_material2.CardHeader,
+      {
+        avatar: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokenSummary
+});
+//# sourceMappingURL=TokenSummary.cjs.map

package/dist/node/components/TokenSummary/TokenSummary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAqE;;;ACArE,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,IAAAC,sBAAA;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,6CAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,6CAAC,+BAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["import_material","import_jsx_runtime"]}

package/dist/node/components/TokenSummary/TokenSummary.d.cts

@@ -0,0 +1,10 @@
+import { AvatarProps, CardHeaderProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface TokenSummaryProps extends CardHeaderProps {
+    icon?: string;
+    imgBgProps?: AvatarProps;
+    symbol?: string;
+    symbolElement?: ReactNode;
+}
+export declare const TokenSummary: React.FC<TokenSummaryProps>;
+//# sourceMappingURL=TokenSummary.d.ts.map

package/dist/node/components/TokenSummary/TokenSummary.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAepD,CAAA"}

package/dist/node/components/TokenSummary/TokenSummary.js

@@ -1,44 +1,30 @@
-"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 });
+// src/components/TokenSummary/TokenSummary.tsx
+import { CardHeader, Typography } from "@mui/material";
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
 };
-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 TokenSummary_exports = {};
-__export(TokenSummary_exports, {
-  TokenSummary: () => TokenSummary
-});
-module.exports = __toCommonJS(TokenSummary_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_ThemeTokenAvatar = require("../ThemeTokenAvatar");
-const TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_material.CardHeader,
+
+// src/components/TokenSummary/TokenSummary.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      CardHeader,
       {
-        avatar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeTokenAvatar.ThemeTokenAvatar, { src: icon, alt: symbol }),
-        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        avatar: /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ jsx2(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
         ...props
       }
     ),
     children
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   TokenSummary
-});
+};
 //# sourceMappingURL=TokenSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAdJ,sBAAqE;AAGrE,8BAAiC;AAS1B,MAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,4CAAC,4CAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,4CAAC,8BAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAsB,YAA6B,kBAAkB;;;ACArE,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,mBAEY,OAAAA,MAFZ;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,iCACE;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,gBAAAA,KAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,gBAAAA,KAAC,cAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["jsx"]}

package/dist/node/components/TokenSummary/index.cjs

@@ -0,0 +1,57 @@
+"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);
+
+// src/components/TokenSummary/index.ts
+var TokenSummary_exports = {};
+__export(TokenSummary_exports, {
+  TokenSummary: () => TokenSummary
+});
+module.exports = __toCommonJS(TokenSummary_exports);
+
+// src/components/TokenSummary/TokenSummary.tsx
+var import_material2 = require("@mui/material");
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_material2.CardHeader,
+      {
+        avatar: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokenSummary
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/TokenSummary/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TokenSummary/index.ts","../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["export * from './TokenSummary'\n","import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAqE;;;ACArE,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,IAAAC,sBAAA;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,6CAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,6CAAC,+BAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["import_material","import_jsx_runtime"]}

package/dist/node/components/TokenSummary/index.d.cts

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

package/dist/node/components/TokenSummary/index.d.cts.map

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

package/dist/node/components/TokenSummary/index.js

@@ -1,23 +1,30 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+// src/components/TokenSummary/TokenSummary.tsx
+import { CardHeader, Typography } from "@mui/material";
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      CardHeader,
+      {
+        avatar: /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ jsx2(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+export {
+  TokenSummary
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TokenSummary_exports = {};
-module.exports = __toCommonJS(TokenSummary_exports);
-__reExport(TokenSummary_exports, require("./TokenSummary"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./TokenSummary")
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenSummary/index.ts"],"sourcesContent":["export * from './TokenSummary'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,2BAAd;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAsB,YAA6B,kBAAkB;;;ACArE,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,mBAEY,OAAAA,MAFZ;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,iCACE;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,gBAAAA,KAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,gBAAAA,KAAC,cAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["jsx"]}

package/dist/node/components/TypographyEx.cjs

@@ -0,0 +1,90 @@
+"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);
+
+// src/components/TypographyEx.tsx
+var TypographyEx_exports = {};
+__export(TypographyEx_exports, {
+  TypographyEx: () => TypographyEx
+});
+module.exports = __toCommonJS(TypographyEx_exports);
+var import_material2 = require("@mui/material");
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+var import_material = require("@mui/material");
+var import_styles = require("@mui/styles");
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
+};
+var colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
+};
+var useGradientStyles = () => {
+  const theme = (0, import_material.useTheme)();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = (0, import_styles.makeStyles)(styles);
+  return { classes, styles };
+};
+
+// src/components/TypographyEx.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TypographyEx = ({ gradient, ...props }) => {
+  const { classes } = useGradientStyles();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Typography, { className: gradient === "text" ? classes().heading : void 0, ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TypographyEx
+});
+//# sourceMappingURL=TypographyEx.cjs.map

package/dist/node/components/TypographyEx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TypographyEx.tsx","../../../src/hooks/GradientStyles/GradientStyles.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nimport { useGradientStyles } from '../hooks'\n\nexport interface TypographyExProps extends TypographyProps {\n  gradient?: 'text'\n}\n\nexport const TypographyEx: React.FC<TypographyExProps> = ({ gradient, ...props }) => {\n  const { classes } = useGradientStyles()\n  return <Typography className={gradient === 'text' ? classes().heading : undefined} {...props} />\n}\n","import { useTheme } from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport { CSSProperties } from 'react'\n\nexport interface GradientStyles {\n  background: CSSProperties\n  border: CSSProperties\n  heading: CSSProperties\n}\n\nexport const colorfulGradientLightMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const colorfulGradientDarkMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const useGradientStyles = () => {\n  const theme = useTheme()\n  const styles = theme.palette.mode === 'dark' ? colorfulGradientDarkMode() : colorfulGradientLightMode()\n  const classes = makeStyles(styles)\n  return { classes, styles }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAA4C;;;ACA5C,sBAAyB;AACzB,oBAA2B;AASpB,IAAM,4BAA4B,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,2BAA2B,MAAM;AAC5C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,MAAM;AACrC,QAAM,YAAQ,0BAAS;AACvB,QAAM,SAAS,MAAM,QAAQ,SAAS,SAAS,yBAAyB,IAAI,0BAA0B;AACtG,QAAM,cAAU,0BAAW,MAAM;AACjC,SAAO,EAAE,SAAS,OAAO;AAC3B;;;ADjDS;AAFF,IAAM,eAA4C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,SAAO,4CAAC,+BAAW,WAAW,aAAa,SAAS,QAAQ,EAAE,UAAU,QAAY,GAAG,OAAO;AAChG;","names":["import_material"]}

package/dist/node/components/TypographyEx.d.cts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material';
+export interface TypographyExProps extends TypographyProps {
+    gradient?: 'text';
+}
+export declare const TypographyEx: React.FC<TypographyExProps>;
+//# sourceMappingURL=TypographyEx.d.ts.map

package/dist/node/components/TypographyEx.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyEx.d.ts","sourceRoot":"","sources":["../../../src/components/TypographyEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGpD,CAAA"}

package/dist/node/components/TypographyEx.js

@@ -1,35 +1,65 @@
-"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 });
+// src/components/TypographyEx.tsx
+import { Typography } from "@mui/material";
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+import { useTheme } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
 };
-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 colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TypographyEx_exports = {};
-__export(TypographyEx_exports, {
-  TypographyEx: () => TypographyEx
-});
-module.exports = __toCommonJS(TypographyEx_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_hooks = require("../hooks");
-const TypographyEx = ({ gradient, ...props }) => {
-  const { classes } = (0, import_hooks.useGradientStyles)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { className: gradient === "text" ? classes().heading : void 0, ...props });
+var useGradientStyles = () => {
+  const theme = useTheme();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = makeStyles(styles);
+  return { classes, styles };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+
+// src/components/TypographyEx.tsx
+import { jsx } from "react/jsx-runtime";
+var TypographyEx = ({ gradient, ...props }) => {
+  const { classes } = useGradientStyles();
+  return /* @__PURE__ */ jsx(Typography, { className: gradient === "text" ? classes().heading : void 0, ...props });
+};
+export {
   TypographyEx
-});
+};
 //# sourceMappingURL=TypographyEx.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TypographyEx.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nimport { useGradientStyles } from '../hooks'\n\nexport interface TypographyExProps extends TypographyProps {\n  gradient?: 'text'\n}\n\nexport const TypographyEx: React.FC<TypographyExProps> = ({ gradient, ...props }) => {\n  const { classes } = useGradientStyles()\n  return <Typography className={gradient === 'text' ? classes().heading : undefined} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUS;AAVT,sBAA4C;AAE5C,mBAAkC;AAM3B,MAAM,eAA4C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,QAAQ,QAAI,gCAAkB;AACtC,SAAO,4CAAC,8BAAW,WAAW,aAAa,SAAS,QAAQ,EAAE,UAAU,QAAY,GAAG,OAAO;AAChG;","names":[]}
+{"version":3,"sources":["../../../src/components/TypographyEx.tsx","../../../src/hooks/GradientStyles/GradientStyles.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nimport { useGradientStyles } from '../hooks'\n\nexport interface TypographyExProps extends TypographyProps {\n  gradient?: 'text'\n}\n\nexport const TypographyEx: React.FC<TypographyExProps> = ({ gradient, ...props }) => {\n  const { classes } = useGradientStyles()\n  return <Typography className={gradient === 'text' ? classes().heading : undefined} {...props} />\n}\n","import { useTheme } from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport { CSSProperties } from 'react'\n\nexport interface GradientStyles {\n  background: CSSProperties\n  border: CSSProperties\n  heading: CSSProperties\n}\n\nexport const colorfulGradientLightMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const colorfulGradientDarkMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const useGradientStyles = () => {\n  const theme = useTheme()\n  const styles = theme.palette.mode === 'dark' ? colorfulGradientDarkMode() : colorfulGradientLightMode()\n  const classes = makeStyles(styles)\n  return { classes, styles }\n}\n"],"mappings":";AAAA,SAAS,kBAAmC;;;ACA5C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AASpB,IAAM,4BAA4B,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,2BAA2B,MAAM;AAC5C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,MAAM;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,MAAM,QAAQ,SAAS,SAAS,yBAAyB,IAAI,0BAA0B;AACtG,QAAM,UAAU,WAAW,MAAM;AACjC,SAAO,EAAE,SAAS,OAAO;AAC3B;;;ADjDS;AAFF,IAAM,eAA4C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,SAAO,oBAAC,cAAW,WAAW,aAAa,SAAS,QAAQ,EAAE,UAAU,QAAY,GAAG,OAAO;AAChG;","names":[]}