@xyo-network/react-gas-price 2.64.9 → 2.64.10

package/dist/browser/components/HeaderBox.js

@@ -1,81 +0,0 @@
-// src/components/HeaderComponents/Actions.tsx
-import { Chip } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ jsx(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ jsx(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ jsx(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { useTheme as useTheme2 } from "@mui/material";
-import { useGetTokenData } from "@xyo-network/react-shared";
-
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = useTheme2();
-  const [ethData] = useGetTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx2("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx2(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-
-// src/components/layout/Header.tsx
-import { styled } from "@mui/material";
-import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
-  alignItems: "end",
-  columnGap: theme.spacing(2),
-  flexWrap: "wrap",
-  justifyContent: "space-between",
-  justifyItems: "space-between",
-  rowGap: theme.spacing(2),
-  width: "100%"
-}));
-
-// src/components/HeaderBox.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var GasPriceWitnessHeaderBox = ({ heading, parsedPayload, ...props }) => {
-  return /* @__PURE__ */ jsxs3(StyledGasPriceHeaderBox, { ...props, children: [
-    /* @__PURE__ */ jsx3(GasPriceHeaderTypography, { heading }),
-    /* @__PURE__ */ jsx3(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload?.timestamp,
-        baseFee: parsedPayload?.baseFee?.value,
-        baseFeeLabel: parsedPayload?.baseFee?.label,
-        blockNumber: parsedPayload?.blockNumber?.value,
-        blockNumberLabel: parsedPayload?.blockNumber?.label
-      }
-    )
-  ] });
-};
-export {
-  GasPriceWitnessHeaderBox
-};
-//# sourceMappingURL=HeaderBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/HeaderComponents/Actions.tsx","../../../src/components/HeaderComponents/Header/Header.tsx","../../../src/components/HeaderComponents/Header/Heading.tsx","../../../src/components/layout/Header.tsx","../../../src/components/HeaderBox.tsx"],"sourcesContent":["import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n      {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n      {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n  alignItems: 'end',\n  columnGap: theme.spacing(2),\n  flexWrap: 'wrap',\n  justifyContent: 'space-between',\n  justifyItems: 'space-between',\n  rowGap: theme.spacing(2),\n  width: '100%',\n}))\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { GasPriceWitnessUIBasePayload } from '../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents'\nimport { StyledGasPriceHeaderBox } from './layout'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n  return (\n    <StyledGasPriceHeaderBox {...props}>\n      <GasPriceHeaderTypography heading={heading} />\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    </StyledGasPriceHeaderBox>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAuB,eAAe;AAmBlC,SACe,KADf;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,WAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,oBAAC,QAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,oBAAC,QAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,oBAAC,QAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C,iBAAAC,aAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,gBAAAA,MAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,gBAAAC,YAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,gBAAAD,KAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,gBAAAA,KAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;;;AEpBA,SAAS,cAAc;AACvB,SAAS,WAAAE,gBAAe;AAEjB,IAAM,0BAA0B,OAAOA,UAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;;;ACEE,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,2BAAoE,CAAC,EAAE,SAAS,eAAe,GAAG,MAAM,MAAM;AACzH,SACE,gBAAAA,MAAC,2BAAyB,GAAG,OAC3B;AAAA,oBAAAD,KAAC,4BAAyB,SAAkB;AAAA,IAC5C,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,KACF;AAEJ;","names":["useTheme","jsxs","jsx","useTheme","FlexRow","jsx","jsxs"]}

package/dist/browser/components/HeaderComponents/Actions.cjs

@@ -1,43 +0,0 @@
-"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/HeaderComponents/Actions.tsx
-var Actions_exports = {};
-__export(Actions_exports, {
-  GasPriceHeaderActionsBox: () => GasPriceHeaderActionsBox
-});
-module.exports = __toCommonJS(Actions_exports);
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-//# sourceMappingURL=Actions.cjs.map

package/dist/browser/components/HeaderComponents/Actions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"sourcesContent":["import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n      {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n      {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AACrB,2BAAsC;AAmBlC;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,gCAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,4CAAC,wBAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,4CAAC,wBAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,4CAAC,wBAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;","names":[]}

package/dist/browser/components/HeaderComponents/Actions.js

@@ -1,22 +0,0 @@
-// src/components/HeaderComponents/Actions.tsx
-import { Chip } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ jsx(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ jsx(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ jsx(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-export {
-  GasPriceHeaderActionsBox
-};
-//# sourceMappingURL=Actions.js.map

package/dist/browser/components/HeaderComponents/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"sourcesContent":["import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n      {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n      {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAuB,eAAe;AAmBlC,SACe,KADf;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,WAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,oBAAC,QAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,oBAAC,QAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,oBAAC,QAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;","names":[]}

package/dist/browser/components/HeaderComponents/Header/Header.cjs

@@ -1,52 +0,0 @@
-"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/HeaderComponents/Header/Header.tsx
-var Header_exports = {};
-__export(Header_exports, {
-  GasPriceHeaderTypography: () => GasPriceHeaderTypography
-});
-module.exports = __toCommonJS(Header_exports);
-var import_material2 = require("@mui/material");
-var import_react_shared2 = require("@xyo-network/react-shared");
-
-// src/components/HeaderComponents/Header/Heading.tsx
-var import_material = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime = require("react/jsx-runtime");
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = (0, import_material2.useTheme)();
-  const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
-  const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-//# sourceMappingURL=Header.cjs.map

package/dist/browser/components/HeaderComponents/Header/Header.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_jsx_runtime"]}

package/dist/browser/components/HeaderComponents/Header/Header.js

@@ -1,31 +0,0 @@
-// src/components/HeaderComponents/Header/Header.tsx
-import { useTheme as useTheme2 } from "@mui/material";
-import { useGetTokenData } from "@xyo-network/react-shared";
-
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { jsx } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = useTheme2();
-  const [ethData] = useGetTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-export {
-  GasPriceHeaderTypography
-};
-//# sourceMappingURL=Header.js.map

package/dist/browser/components/HeaderComponents/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,oBAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,oBAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","useTheme"]}

package/dist/browser/components/HeaderComponents/Header/Heading.cjs

@@ -1,39 +0,0 @@
-"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/HeaderComponents/Header/Heading.tsx
-var Heading_exports = {};
-__export(Heading_exports, {
-  GasPriceHeadingTypography: () => GasPriceHeadingTypography
-});
-module.exports = __toCommonJS(Heading_exports);
-var import_material = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime = require("react/jsx-runtime");
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-//# sourceMappingURL=Heading.cjs.map

package/dist/browser/components/HeaderComponents/Header/Heading.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;","names":[]}

package/dist/browser/components/HeaderComponents/Header/Heading.js

@@ -1,18 +0,0 @@
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-export {
-  GasPriceHeadingTypography
-};
-//# sourceMappingURL=Heading.js.map

package/dist/browser/components/HeaderComponents/Header/Heading.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;","names":[]}

package/dist/browser/components/HeaderComponents/Header/index.cjs

@@ -1,55 +0,0 @@
-"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/HeaderComponents/Header/index.ts
-var Header_exports = {};
-__export(Header_exports, {
-  GasPriceHeaderTypography: () => GasPriceHeaderTypography,
-  GasPriceHeadingTypography: () => GasPriceHeadingTypography
-});
-module.exports = __toCommonJS(Header_exports);
-
-// src/components/HeaderComponents/Header/Header.tsx
-var import_material2 = require("@mui/material");
-var import_react_shared2 = require("@xyo-network/react-shared");
-
-// src/components/HeaderComponents/Header/Heading.tsx
-var import_material = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime = require("react/jsx-runtime");
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = (0, import_material2.useTheme)();
-  const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
-  const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-//# sourceMappingURL=index.cjs.map

package/dist/browser/components/HeaderComponents/Header/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/index.ts","../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["export * from './Header'\nexport * from './Heading'\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_jsx_runtime"]}

package/dist/browser/components/HeaderComponents/Header/index.js

@@ -1,32 +0,0 @@
-// src/components/HeaderComponents/Header/Header.tsx
-import { useTheme as useTheme2 } from "@mui/material";
-import { useGetTokenData } from "@xyo-network/react-shared";
-
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { jsx } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = useTheme2();
-  const [ethData] = useGetTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-export {
-  GasPriceHeaderTypography,
-  GasPriceHeadingTypography
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,oBAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,oBAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","useTheme"]}

package/dist/browser/components/HeaderComponents/index.cjs

@@ -1,75 +0,0 @@
-"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/HeaderComponents/index.ts
-var HeaderComponents_exports = {};
-__export(HeaderComponents_exports, {
-  GasPriceHeaderActionsBox: () => GasPriceHeaderActionsBox,
-  GasPriceHeaderTypography: () => GasPriceHeaderTypography,
-  GasPriceHeadingTypography: () => GasPriceHeadingTypography
-});
-module.exports = __toCommonJS(HeaderComponents_exports);
-
-// src/components/HeaderComponents/Actions.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-var import_material3 = require("@mui/material");
-var import_react_shared2 = require("@xyo-network/react-shared");
-
-// src/components/HeaderComponents/Header/Heading.tsx
-var import_material2 = require("@mui/material");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = (0, import_material2.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = (0, import_material3.useTheme)();
-  const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
-  const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-//# sourceMappingURL=index.cjs.map

package/dist/browser/components/HeaderComponents/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HeaderComponents/index.ts","../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["export * from './Actions'\nexport * from './Header'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n      {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n      {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqB;AACrB,2BAAsC;AAmBlC;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,gCAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,4CAAC,wBAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,4CAAC,wBAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,4CAAC,wBAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,IAAAC,mBAAyB;AACzB,0BAAgD;AAY5C,IAAAC,sBAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,2BAAS;AACvB,SACE,8CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_material","import_jsx_runtime","import_jsx_runtime"]}

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

@@ -1,52 +0,0 @@
-// src/components/HeaderComponents/Actions.tsx
-import { Chip } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ jsx(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ jsx(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ jsx(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { useTheme as useTheme2 } from "@mui/material";
-import { useGetTokenData } from "@xyo-network/react-shared";
-
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = useTheme2();
-  const [ethData] = useGetTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx2("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx2(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-export {
-  GasPriceHeaderActionsBox,
-  GasPriceHeaderTypography,
-  GasPriceHeadingTypography
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n      {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n      {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAuB,eAAe;AAmBlC,SACe,KADf;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,WAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,oBAAC,QAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,oBAAC,QAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,oBAAC,QAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C,iBAAAC,aAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,gBAAAA,MAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,gBAAAC,YAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,gBAAAD,KAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,gBAAAA,KAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","jsxs","jsx","useTheme"]}