@xyo-network/react-gas-price 2.64.0-rc.7 → 2.64.0

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

@@ -0,0 +1 @@
+{"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.d.cts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { TypographyExProps } from '@xyo-network/react-shared';
+export interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {
+    heading?: string;
+}
+export declare const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps>;
+//# sourceMappingURL=Header.d.ts.map

package/dist/browser/components/HeaderComponents/Header/Header.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAmB,MAAM,2BAA2B,CAAA;AAI9E,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB,EAAE,YAAY;IACpF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAU5E,CAAA"}

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

@@ -0,0 +1,39 @@
+"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/{node/components/HeaderComponents/Header/Heading.mjs.map → browser/components/HeaderComponents/Header/Heading.cjs.map}

@@ -1 +1 @@
-{"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":"AAaI;AAbJ,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AASzC,MAAM,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":[]}
+{"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.d.cts

@@ -0,0 +1,9 @@
+import { TypographyExProps } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+export interface GasPriceHeadingTypographyProps extends TypographyExProps {
+    children?: ReactNode;
+    heading?: string;
+    networkIcon?: ReactNode;
+}
+export declare const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/browser/components/HeaderComponents/Header/Heading.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAO9E,CAAA"}

package/dist/browser/components/HeaderComponents/Header/index.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/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

@@ -0,0 +1 @@
+{"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.d.cts

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

package/dist/browser/components/HeaderComponents/Header/index.d.cts.map

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

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

@@ -0,0 +1,75 @@
+"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

@@ -0,0 +1 @@
+{"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.d.cts

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

package/dist/browser/components/HeaderComponents/index.d.cts.map

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

package/dist/browser/components/RawPayload/ToggleRawPayloadBox.cjs

@@ -0,0 +1,37 @@
+"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/RawPayload/ToggleRawPayloadBox.tsx
+var ToggleRawPayloadBox_exports = {};
+__export(ToggleRawPayloadBox_exports, {
+  ToggleRawPayloadBox: () => ToggleRawPayloadBox
+});
+module.exports = __toCommonJS(ToggleRawPayloadBox_exports);
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
+  const [collapse, setCollapse] = (0, import_react.useState)(false);
+  return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { rowGap: 1, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
+  ] }) : null;
+};
+//# sourceMappingURL=ToggleRawPayloadBox.cjs.map

package/dist/{node/components/RawPayload/ToggleRawPayloadBox.mjs.map → browser/components/RawPayload/ToggleRawPayloadBox.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n  gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n  const [collapse, setCollapse] = useState(false)\n  return gasPricePayload ? (\n    <FlexCol rowGap={1} {...props}>\n      <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n        Raw Payload\n      </Button>\n      <Collapse in={collapse}>\n        <Paper elevation={4} sx={{ p: 2 }}>\n          <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n        </Paper>\n      </Collapse>\n    </FlexCol>\n  ) : null\n}\n"],"mappings":"AAWI,SACE,KADF;AAXJ,SAAS,QAAQ,UAAU,aAAa;AACxC,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAMlB,MAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,SAAO,kBACL,qBAAC,WAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,wBAAC,UAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,oBAAC,YAAS,IAAI,UACZ,8BAAC,SAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,8BAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}
+{"version":3,"sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n  gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n  const [collapse, setCollapse] = useState(false)\n  return gasPricePayload ? (\n    <FlexCol rowGap={1} {...props}>\n      <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n        Raw Payload\n      </Button>\n      <Collapse in={collapse}>\n        <Paper elevation={4} sx={{ p: 2 }}>\n          <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n        </Paper>\n      </Collapse>\n    </FlexCol>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAwC;AACxC,2BAAsC;AACtC,mBAAyB;AASrB;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,SAAO,kBACL,6CAAC,gCAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,gDAAC,0BAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,4CAAC,4BAAS,IAAI,UACZ,sDAAC,yBAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,sDAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}

package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.cts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface ToggleRawPayloadBoxProps extends FlexBoxProps {
+    gasPricePayload?: object;
+}
+export declare const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps>;
+//# sourceMappingURL=ToggleRawPayloadBox.d.ts.map

package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleRawPayloadBox.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAclE,CAAA"}

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

@@ -0,0 +1,39 @@
+"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/RawPayload/index.ts
+var RawPayload_exports = {};
+__export(RawPayload_exports, {
+  ToggleRawPayloadBox: () => ToggleRawPayloadBox
+});
+module.exports = __toCommonJS(RawPayload_exports);
+
+// src/components/RawPayload/ToggleRawPayloadBox.tsx
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
+  const [collapse, setCollapse] = (0, import_react.useState)(false);
+  return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { rowGap: 1, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
+  ] }) : null;
+};
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/RawPayload/index.ts","../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["export * from './ToggleRawPayloadBox'\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n  gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n  const [collapse, setCollapse] = useState(false)\n  return gasPricePayload ? (\n    <FlexCol rowGap={1} {...props}>\n      <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n        Raw Payload\n      </Button>\n      <Collapse in={collapse}>\n        <Paper elevation={4} sx={{ p: 2 }}>\n          <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n        </Paper>\n      </Collapse>\n    </FlexCol>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAwC;AACxC,2BAAsC;AACtC,mBAAyB;AASrB;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,SAAO,kBACL,6CAAC,gCAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,gDAAC,0BAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,4CAAC,4BAAS,IAAI,UACZ,sDAAC,yBAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,sDAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}

package/dist/browser/components/RawPayload/index.d.cts

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

package/dist/browser/components/RawPayload/index.d.cts.map

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

package/dist/browser/components/index.cjs

@@ -0,0 +1,235 @@
+"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/index.ts
+var components_exports = {};
+__export(components_exports, {
+  EthereumGasPriceAvatar: () => EthereumGasPriceAvatar,
+  GasFeeCard: () => GasFeeCard,
+  GasPriceHeaderActionsBox: () => GasPriceHeaderActionsBox,
+  GasPriceHeaderTypography: () => GasPriceHeaderTypography,
+  GasPriceHeadingTypography: () => GasPriceHeadingTypography,
+  GasPriceWitnessCardHeader: () => GasPriceWitnessCardHeader,
+  GasPriceWitnessHeaderBox: () => GasPriceWitnessHeaderBox,
+  StyledCardHeader: () => StyledCardHeader,
+  StyledGasPriceHeaderBox: () => StyledGasPriceHeaderBox,
+  ToggleRawPayloadBox: () => ToggleRawPayloadBox
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/Avatar/EthereumGasPriceAvatar.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EthereumGasPriceAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.LocalGasStationRounded, {}) });
+};
+
+// src/components/CardHeader/CardHeader.tsx
+var import_react = require("react");
+
+// src/components/HeaderComponents/Actions.tsx
+var import_material2 = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var GasPriceHeaderActionsBox = ({
+  baseFee,
+  baseFeeLabel = "Base Fee",
+  blockNumber,
+  blockNumberLabel = "Block Number",
+  timestamp,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
+    timestamp ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
+    baseFee ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
+    blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
+  ] });
+};
+
+// src/components/HeaderComponents/Header/Header.tsx
+var import_material4 = require("@mui/material");
+var import_react_shared2 = require("@xyo-network/react-shared");
+
+// src/components/HeaderComponents/Header/Heading.tsx
+var import_material3 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
+  const theme = (0, import_material3.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime4 = require("react/jsx-runtime");
+var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
+  const theme = (0, import_material4.useTheme)();
+  const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
+  const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
+};
+
+// src/components/layout/Header.tsx
+var import_material5 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var StyledGasPriceHeaderBox = (0, import_material5.styled)(import_react_flexbox2.FlexRow, { 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/layout/StyledCardHeader.tsx
+var import_material6 = require("@mui/material");
+var StyledCardHeader = (0, import_material6.styled)(import_material6.CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
+  flexWrap: "wrap",
+  rowGap: theme.spacing(2)
+}));
+
+// src/components/CardHeader/CardHeader.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var GasPriceWitnessCardHeader = (0, import_react.forwardRef)(({ title, parsedPayload, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  StyledCardHeader,
+  {
+    title: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GasPriceHeaderTypography, { heading: title }),
+    action: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      GasPriceHeaderActionsBox,
+      {
+        timestamp: parsedPayload?.timestamp,
+        baseFee: parsedPayload?.baseFee?.value,
+        baseFeeLabel: parsedPayload?.baseFee?.label,
+        blockNumber: parsedPayload?.blockNumber?.value,
+        blockNumberLabel: parsedPayload?.blockNumber?.label
+      }
+    ),
+    ref,
+    ...props
+  }
+));
+GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
+
+// src/components/GasFees/Card.tsx
+var import_material10 = require("@mui/material");
+var import_react_flexbox6 = require("@xylabs/react-flexbox");
+var import_react_card = require("@xyo-network/react-card");
+
+// src/components/GasFees/components/GasPriceBox.tsx
+var import_material7 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_shared4 = require("@xyo-network/react-shared");
+
+// src/components/GasFees/components/GweiLabelTypography.tsx
+var import_react_shared3 = require("@xyo-network/react-shared");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var GweiLabelTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_shared3.TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+
+// src/components/GasFees/components/GasPriceBox.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = (0, import_material7.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox3.FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_shared4.TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GweiLabelTypography, { fontSize: theme.spacing(2) })
+  ] });
+};
+
+// src/components/GasFees/components/PriorityFeeBox.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material8 = require("@mui/material");
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_react_shared5 = require("@xyo-network/react-shared");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+  const theme = (0, import_material8.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexCol, { alignItems: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_shared5.TypographyEx, { children: priorityFeeLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_shared5.TypographyEx, { title: priorityFee?.toString() ?? "", children: [
+        priorityFee?.toFixed(2),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GweiLabelTypography, { fontSize: theme.spacing(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.LocalGasStationRounded, {})
+  ] });
+};
+
+// src/components/GasFees/components/SpeedBox.tsx
+var import_material9 = require("@mui/material");
+var import_react_flexbox5 = require("@xylabs/react-flexbox");
+var import_react_shared6 = require("@xyo-network/react-shared");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var SpeedBox = ({ speed, ...props }) => {
+  const theme = (0, import_material9.useTheme)();
+  return speed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox5.FlexGrowCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_shared6.TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
+};
+
+// src/components/GasFees/Card.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
+  const theme = (0, import_material10.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material10.Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_card.CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_flexbox6.FlexGrowCol, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GasPriceBox, { gasPrice }),
+      priorityFee ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material10.Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpeedBox, { speed }) })
+  ] }) });
+};
+
+// src/components/HeaderBox.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var GasPriceWitnessHeaderBox = ({ heading, parsedPayload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(StyledGasPriceHeaderBox, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(GasPriceHeaderTypography, { heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      GasPriceHeaderActionsBox,
+      {
+        timestamp: parsedPayload?.timestamp,
+        baseFee: parsedPayload?.baseFee?.value,
+        baseFeeLabel: parsedPayload?.baseFee?.label,
+        blockNumber: parsedPayload?.blockNumber?.value,
+        blockNumberLabel: parsedPayload?.blockNumber?.label
+      }
+    )
+  ] });
+};
+
+// src/components/RawPayload/ToggleRawPayloadBox.tsx
+var import_material11 = require("@mui/material");
+var import_react_flexbox7 = require("@xylabs/react-flexbox");
+var import_react2 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
+  const [collapse, setCollapse] = (0, import_react2.useState)(false);
+  return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox7.FlexCol, { rowGap: 1, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
+  ] }) : null;
+};
+//# sourceMappingURL=index.cjs.map