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

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

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

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

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

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

@@ -1,23 +1,85 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+// src/components/CardHeader/CardHeader.tsx
+import { forwardRef } from "react";
+
+// 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
+  ] });
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CardHeader_exports = {};
-module.exports = __toCommonJS(CardHeader_exports);
-__reExport(CardHeader_exports, require("./CardHeader"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./CardHeader")
+
+// 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/StyledCardHeader.tsx
+import { CardHeader, styled } from "@mui/material";
+var StyledCardHeader = styled(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
+  flexWrap: "wrap",
+  rowGap: theme.spacing(2)
+}));
+
+// src/components/CardHeader/CardHeader.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var GasPriceWitnessCardHeader = forwardRef(({ title, parsedPayload, ...props }, ref) => {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ jsx3(
+    StyledCardHeader,
+    {
+      title: /* @__PURE__ */ jsx3(GasPriceHeaderTypography, { heading: title }),
+      action: /* @__PURE__ */ jsx3(
+        GasPriceHeaderActionsBox,
+        {
+          timestamp: parsedPayload == null ? void 0 : parsedPayload.timestamp,
+          baseFee: (_a = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _a.value,
+          baseFeeLabel: (_b = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _b.label,
+          blockNumber: (_c = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _c.value,
+          blockNumberLabel: (_d = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _d.label
+        }
+      ),
+      ref,
+      ...props
+    }
+  );
 });
+GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
+export {
+  GasPriceWitnessCardHeader
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardHeader/index.ts"],"sourcesContent":["export * from './CardHeader'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,yBAAd;","names":[]}
+{"version":3,"sources":["../../../../src/components/CardHeader/CardHeader.tsx","../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx","../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["import { CardProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents'\nimport { StyledCardHeader } from '../layout'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n  parsedPayload?: GasPriceWitnessUIBasePayload\n  title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n  <StyledCardHeader\n    title={<GasPriceHeaderTypography heading={title} />}\n    action={\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    }\n    ref={ref}\n    {...props}\n  />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\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","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  rowGap: theme.spacing(2),\n}))\n"],"mappings":";AACA,SAAS,kBAAkB;;;ACD3B,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,YAAY,cAAc;AAE5B,IAAM,mBAAmB,OAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;;;AJQS,gBAAAE,YAAA;AAFJ,IAAM,4BAA4B,WAAoD,CAAC,EAAE,OAAO,eAAe,GAAG,MAAM,GAAG,QAAK;AAXvI;AAYE,yBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,gBAAAA,KAAC,4BAAyB,SAAS,OAAO;AAAA,MACjD,QACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,+CAAe;AAAA,UAC1B,UAAS,oDAAe,YAAf,mBAAwB;AAAA,UACjC,eAAc,oDAAe,YAAf,mBAAwB;AAAA,UACtC,cAAa,oDAAe,gBAAf,mBAA4B;AAAA,UACzC,mBAAkB,oDAAe,gBAAf,mBAA4B;AAAA;AAAA,MAChD;AAAA,MAEF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,CACD;AAED,0BAA0B,cAAc;","names":["useTheme","jsxs","jsx","useTheme","jsx"]}

package/dist/node/components/GasFees/Card.cjs

@@ -0,0 +1,97 @@
+"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/GasFees/Card.tsx
+var Card_exports = {};
+__export(Card_exports, {
+  GasFeeCard: () => GasFeeCard
+});
+module.exports = __toCommonJS(Card_exports);
+var import_material4 = require("@mui/material");
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_react_card = require("@xyo-network/react-card");
+
+// src/components/GasFees/components/GasPriceBox.tsx
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared2 = require("@xyo-network/react-shared");
+
+// src/components/GasFees/components/GweiLabelTypography.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var GweiLabelTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+
+// src/components/GasFees/components/GasPriceBox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_shared2.TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (gasPrice == null ? void 0 : gasPrice.toString()) ?? "", children: gasPrice == null ? void 0 : gasPrice.toFixed(2) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GweiLabelTypography, { fontSize: theme.spacing(2) })
+  ] });
+};
+
+// src/components/GasFees/components/PriorityFeeBox.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material2 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react_shared3 = require("@xyo-network/react-shared");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+  const theme = (0, import_material2.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox2.FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox2.FlexCol, { alignItems: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_shared3.TypographyEx, { children: priorityFeeLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_shared3.TypographyEx, { title: (priorityFee == null ? void 0 : priorityFee.toString()) ?? "", children: [
+        priorityFee == null ? void 0 : priorityFee.toFixed(2),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GweiLabelTypography, { fontSize: theme.spacing(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.LocalGasStationRounded, {})
+  ] });
+};
+
+// src/components/GasFees/components/SpeedBox.tsx
+var import_material3 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_shared4 = require("@xyo-network/react-shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SpeedBox = ({ speed, ...props }) => {
+  const theme = (0, import_material3.useTheme)();
+  return speed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_flexbox3.FlexGrowCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_shared4.TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
+};
+
+// src/components/GasFees/Card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
+  const theme = (0, import_material4.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_card.CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox4.FlexGrowCol, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GasPriceBox, { gasPrice }),
+      priorityFee ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpeedBox, { speed }) })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GasFeeCard
+});
+//# sourceMappingURL=Card.cjs.map

package/dist/node/components/GasFees/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/GasFees/Card.tsx","../../../../src/components/GasFees/components/GasPriceBox.tsx","../../../../src/components/GasFees/components/GweiLabelTypography.tsx","../../../../src/components/GasFees/components/PriorityFeeBox.tsx","../../../../src/components/GasFees/components/SpeedBox.tsx"],"sourcesContent":["import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components'\n\nexport interface GasFeeCardProps extends CardProps {\n  gasPrice?: number\n  priorityFee?: number\n  priorityFeeLabel?: string\n  speed?: string\n  speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n        <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} /> : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n      <FlexCol alignItems=\"start\">\n        <TypographyEx>{priorityFeeLabel}</TypographyEx>\n        <TypographyEx title={priorityFee?.toString() ?? ''}>\n          {priorityFee?.toFixed(2)} <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n  speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n  const theme = useTheme()\n\n  return speed ? (\n    <FlexGrowCol {...props}>\n      <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n        {speed}\n      </TypographyEx>\n    </FlexGrowCol>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAiD;AACjD,IAAAC,wBAA4B;AAC5B,wBAA8B;;;ACF9B,sBAAyB;AACzB,2BAAsC;AACtC,IAAAC,uBAA6B;;;ACF7B,0BAAgD;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,4CAAC,oCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,IAAAC,sBAAA;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,YAAQ,0BAAS;AACvB,SACE,8CAAC,gCAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,iDAAC,qCAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,QAAO,qCAAU,eAAc,IACtG,+CAAU,QAAQ,IACrB;AAAA,IACA,6CAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;;;AEpBA,4BAAqE;AACrE,IAAAC,mBAAyB;AACzB,IAAAC,wBAAmD;AACnD,IAAAC,uBAA6B;AAerB,IAAAC,sBAAA;AAND,IAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,YAAQ,2BAAS;AAEvB,SACE,8CAAC,qCAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,kDAAC,iCAAQ,YAAW,SAClB;AAAA,mDAAC,qCAAc,4BAAiB;AAAA,MAChC,8CAAC,qCAAa,QAAO,2CAAa,eAAc,IAC7C;AAAA,mDAAa,QAAQ;AAAA,QAAG;AAAA,QAAC,6CAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,6CAAC,sBAAAC,wBAAA,EAA2B;AAAA,KAC9B;AAEJ;;;AC1BA,IAAAC,mBAAyB;AACzB,IAAAC,wBAA0C;AAC1C,IAAAC,uBAA6B;AAWvB,IAAAC,sBAAA;AALC,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,YAAQ,2BAAS;AAEvB,SAAO,QACL,6CAAC,qCAAa,GAAG,OACf,uDAAC,qCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACE;AACN;;;AJEQ,IAAAC,sBAAA;AAND,IAAM,aAAwC,CAAC,EAAE,UAAU,qBAAqB,aAAa,kBAAkB,QAAQ,OAAO,GAAG,MAAM,MAAM;AAClJ,QAAM,YAAQ,2BAAS;AAEvB,SACE,6CAAC,yBAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,wDAAC,mCAAc,eAAa,MAAC,IAAI,EAAE,eAAe,UAAU,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,GACvF;AAAA,kDAAC,qCAAY,SAAS,MAAM,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,QAAQ,OAAO,OACpH;AAAA,mDAAC,eAAY,UAAoB;AAAA,MAChC,cAAc,6CAAC,kBAAe,aAA0B,kBAAoC,IAAK;AAAA,OACpG;AAAA,IACA,6CAAC,0BAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,uDAAC,YAAS,OAAc,GAC1B;AAAA,KACF,GACF;AAEJ;","names":["import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","LocalGasStationRoundedIcon","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","import_jsx_runtime"]}

package/dist/node/components/GasFees/Card.d.cts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+export interface GasFeeCardProps extends CardProps {
+    gasPrice?: number;
+    priorityFee?: number;
+    priorityFeeLabel?: string;
+    speed?: string;
+    speedPaperElevation?: number;
+}
+export declare const GasFeeCard: React.FC<GasFeeCardProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/node/components/GasFees/Card.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAmB,MAAM,eAAe,CAAA;AAMhE,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAA"}

package/dist/node/components/GasFees/Card.js

@@ -1,43 +1,72 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// src/components/GasFees/Card.tsx
+import { Card, Paper, useTheme as useTheme4 } from "@mui/material";
+import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
+import { CardContentEx } from "@xyo-network/react-card";
+
+// src/components/GasFees/components/GasPriceBox.tsx
+import { useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { TypographyEx as TypographyEx2 } from "@xyo-network/react-shared";
+
+// src/components/GasFees/components/GweiLabelTypography.tsx
+import { TypographyEx } from "@xyo-network/react-shared";
+import { jsx } from "react/jsx-runtime";
+var GweiLabelTypography = (props) => /* @__PURE__ */ jsx(TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+
+// src/components/GasFees/components/GasPriceBox.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ jsx2(TypographyEx2, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (gasPrice == null ? void 0 : gasPrice.toString()) ?? "", children: gasPrice == null ? void 0 : gasPrice.toFixed(2) }),
+    /* @__PURE__ */ jsx2(GweiLabelTypography, { fontSize: theme.spacing(2) })
+  ] });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+
+// src/components/GasFees/components/PriorityFeeBox.tsx
+import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
+import { useTheme as useTheme2 } from "@mui/material";
+import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
+import { TypographyEx as TypographyEx3 } from "@xyo-network/react-shared";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+  const theme = useTheme2();
+  return /* @__PURE__ */ jsxs2(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexCol, { alignItems: "start", children: [
+      /* @__PURE__ */ jsx3(TypographyEx3, { children: priorityFeeLabel }),
+      /* @__PURE__ */ jsxs2(TypographyEx3, { title: (priorityFee == null ? void 0 : priorityFee.toString()) ?? "", children: [
+        priorityFee == null ? void 0 : priorityFee.toFixed(2),
+        " ",
+        /* @__PURE__ */ jsx3(GweiLabelTypography, { fontSize: theme.spacing(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(LocalGasStationRoundedIcon, {})
+  ] });
+};
+
+// src/components/GasFees/components/SpeedBox.tsx
+import { useTheme as useTheme3 } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { TypographyEx as TypographyEx4 } from "@xyo-network/react-shared";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var SpeedBox = ({ speed, ...props }) => {
+  const theme = useTheme3();
+  return speed ? /* @__PURE__ */ jsx4(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx4(TypographyEx4, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Card_exports = {};
-__export(Card_exports, {
-  GasFeeCard: () => GasFeeCard
-});
-module.exports = __toCommonJS(Card_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_card = require("@xyo-network/react-card");
-var import_components = require("./components");
-const GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_card.CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowCol, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.GasPriceBox, { gasPrice }),
-      priorityFee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
+
+// src/components/GasFees/Card.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
+  const theme = useTheme4();
+  return /* @__PURE__ */ jsx5(Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ jsxs3(CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
+    /* @__PURE__ */ jsxs3(FlexGrowCol2, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
+      /* @__PURE__ */ jsx5(GasPriceBox, { gasPrice }),
+      priorityFee ? /* @__PURE__ */ jsx5(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.SpeedBox, { speed }) })
+    /* @__PURE__ */ jsx5(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx5(SpeedBox, { speed }) })
   ] }) });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   GasFeeCard
-});
+};
 //# sourceMappingURL=Card.js.map

package/dist/node/components/GasFees/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GasFees/Card.tsx"],"sourcesContent":["import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components'\n\nexport interface GasFeeCardProps extends CardProps {\n  gasPrice?: number\n  priorityFee?: number\n  priorityFeeLabel?: string\n  speed?: string\n  speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n        <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} /> : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,sBAAiD;AACjD,2BAA4B;AAC5B,wBAA8B;AAE9B,wBAAsD;AAU/C,MAAM,aAAwC,CAAC,EAAE,UAAU,qBAAqB,aAAa,kBAAkB,QAAQ,OAAO,GAAG,MAAM,MAAM;AAClJ,QAAM,YAAQ,0BAAS;AAEvB,SACE,4CAAC,wBAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,uDAAC,mCAAc,eAAa,MAAC,IAAI,EAAE,eAAe,UAAU,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,GACvF;AAAA,iDAAC,oCAAY,SAAS,MAAM,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,QAAQ,OAAO,OACpH;AAAA,kDAAC,iCAAY,UAAoB;AAAA,MAChC,cAAc,4CAAC,oCAAe,aAA0B,kBAAoC,IAAK;AAAA,OACpG;AAAA,IACA,4CAAC,yBAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,sDAAC,8BAAS,OAAc,GAC1B;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/GasFees/Card.tsx","../../../../src/components/GasFees/components/GasPriceBox.tsx","../../../../src/components/GasFees/components/GweiLabelTypography.tsx","../../../../src/components/GasFees/components/PriorityFeeBox.tsx","../../../../src/components/GasFees/components/SpeedBox.tsx"],"sourcesContent":["import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components'\n\nexport interface GasFeeCardProps extends CardProps {\n  gasPrice?: number\n  priorityFee?: number\n  priorityFeeLabel?: string\n  speed?: string\n  speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n        <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} /> : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n      <FlexCol alignItems=\"start\">\n        <TypographyEx>{priorityFeeLabel}</TypographyEx>\n        <TypographyEx title={priorityFee?.toString() ?? ''}>\n          {priorityFee?.toFixed(2)} <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n  speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n  const theme = useTheme()\n\n  return speed ? (\n    <FlexGrowCol {...props}>\n      <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n        {speed}\n      </TypographyEx>\n    </FlexGrowCol>\n  ) : null\n}\n"],"mappings":";AAAA,SAAS,MAAiB,OAAO,YAAAA,iBAAgB;AACjD,SAAS,eAAAC,oBAAmB;AAC5B,SAAS,qBAAqB;;;ACF9B,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,gBAAAC,qBAAoB;;;ACF7B,SAAS,oBAAuC;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,oBAAC,gBAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,SACE,OAAAC,MADF;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,WAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,oBAAAA,KAACC,eAAA,EAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,QAAO,qCAAU,eAAc,IACtG,+CAAU,QAAQ,IACrB;AAAA,IACA,gBAAAD,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;;;AEpBA,SAAS,0BAA0B,kCAAkC;AACrE,SAAS,YAAAE,iBAAgB;AACzB,SAAuB,SAAS,mBAAmB;AACnD,SAAS,gBAAAC,qBAAoB;AAerB,gBAAAC,MACA,QAAAC,aADA;AAND,IAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,QAAQC,UAAS;AAEvB,SACE,gBAAAD,MAAC,eAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,oBAAAA,MAAC,WAAQ,YAAW,SAClB;AAAA,sBAAAD,KAACG,eAAA,EAAc,4BAAiB;AAAA,MAChC,gBAAAF,MAACE,eAAA,EAAa,QAAO,2CAAa,eAAc,IAC7C;AAAA,mDAAa,QAAQ;AAAA,QAAG;AAAA,QAAC,gBAAAH,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,gBAAAA,KAAC,8BAA2B;AAAA,KAC9B;AAEJ;;;AC1BA,SAAS,YAAAI,iBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,gBAAAC,qBAAoB;AAWvB,gBAAAC,YAAA;AALC,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,QAAQF,UAAS;AAEvB,SAAO,QACL,gBAAAE,KAAC,eAAa,GAAG,OACf,0BAAAA,KAACD,eAAA,EAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACE;AACN;;;AJEQ,SACE,OAAAE,MADF,QAAAC,aAAA;AAND,IAAM,aAAwC,CAAC,EAAE,UAAU,qBAAqB,aAAa,kBAAkB,QAAQ,OAAO,GAAG,MAAM,MAAM;AAClJ,QAAM,QAAQC,UAAS;AAEvB,SACE,gBAAAF,KAAC,QAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,0BAAAC,MAAC,iBAAc,eAAa,MAAC,IAAI,EAAE,eAAe,UAAU,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,GACvF;AAAA,oBAAAA,MAACE,cAAA,EAAY,SAAS,MAAM,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,QAAQ,OAAO,OACpH;AAAA,sBAAAH,KAAC,eAAY,UAAoB;AAAA,MAChC,cAAc,gBAAAA,KAAC,kBAAe,aAA0B,kBAAoC,IAAK;AAAA,OACpG;AAAA,IACA,gBAAAA,KAAC,SAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,0BAAAA,KAAC,YAAS,OAAc,GAC1B;AAAA,KACF,GACF;AAEJ;","names":["useTheme","FlexGrowCol","TypographyEx","jsx","TypographyEx","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol"]}

package/dist/node/components/GasFees/components/GasPriceBox.cjs

@@ -0,0 +1,48 @@
+"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/GasFees/components/GasPriceBox.tsx
+var GasPriceBox_exports = {};
+__export(GasPriceBox_exports, {
+  GasPriceBox: () => GasPriceBox
+});
+module.exports = __toCommonJS(GasPriceBox_exports);
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared2 = require("@xyo-network/react-shared");
+
+// src/components/GasFees/components/GweiLabelTypography.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var GweiLabelTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+
+// src/components/GasFees/components/GasPriceBox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_shared2.TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (gasPrice == null ? void 0 : gasPrice.toString()) ?? "", children: gasPrice == null ? void 0 : gasPrice.toFixed(2) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GweiLabelTypography, { fontSize: theme.spacing(2) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GasPriceBox
+});
+//# sourceMappingURL=GasPriceBox.cjs.map

package/dist/node/components/GasFees/components/GasPriceBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx","../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AACzB,2BAAsC;AACtC,IAAAA,uBAA6B;;;ACF7B,0BAAgD;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,4CAAC,oCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,IAAAC,sBAAA;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,YAAQ,0BAAS;AACvB,SACE,8CAAC,gCAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,iDAAC,qCAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,QAAO,qCAAU,eAAc,IACtG,+CAAU,QAAQ,IACrB;AAAA,IACA,6CAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;","names":["import_react_shared","import_jsx_runtime"]}

package/dist/node/components/GasFees/components/GasPriceBox.d.cts

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

package/dist/node/components/GasFees/components/GasPriceBox.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAUlD,CAAA"}

package/dist/node/components/GasFees/components/GasPriceBox.js

@@ -1,40 +1,23 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var GasPriceBox_exports = {};
-__export(GasPriceBox_exports, {
-  GasPriceBox: () => GasPriceBox
-});
-module.exports = __toCommonJS(GasPriceBox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_GweiLabelTypography = require("./GweiLabelTypography");
-const GasPriceBox = ({ gasPrice, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GweiLabelTypography.GweiLabelTypography, { fontSize: theme.spacing(2) })
+// src/components/GasFees/components/GasPriceBox.tsx
+import { useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { TypographyEx as TypographyEx2 } from "@xyo-network/react-shared";
+
+// src/components/GasFees/components/GweiLabelTypography.tsx
+import { TypographyEx } from "@xyo-network/react-shared";
+import { jsx } from "react/jsx-runtime";
+var GweiLabelTypography = (props) => /* @__PURE__ */ jsx(TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+
+// src/components/GasFees/components/GasPriceBox.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ jsx2(TypographyEx2, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (gasPrice == null ? void 0 : gasPrice.toString()) ?? "", children: gasPrice == null ? void 0 : gasPrice.toFixed(2) }),
+    /* @__PURE__ */ jsx2(GweiLabelTypography, { fontSize: theme.spacing(2) })
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   GasPriceBox
-});
+};
 //# sourceMappingURL=GasPriceBox.js.map

package/dist/node/components/GasFees/components/GasPriceBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAbJ,sBAAyB;AACzB,2BAAsC;AACtC,0BAA6B;AAE7B,iCAAoC;AAM7B,MAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,gCAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,gDAAC,oCAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,OAAO,UAAU,SAAS,KAAK,IACtG,oBAAU,QAAQ,CAAC,GACtB;AAAA,IACA,4CAAC,kDAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx","../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,gBAAAA,qBAAoB;;;ACF7B,SAAS,oBAAuC;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,oBAAC,gBAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,SACE,OAAAC,MADF;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,WAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,oBAAAA,KAACC,eAAA,EAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,QAAO,qCAAU,eAAc,IACtG,+CAAU,QAAQ,IACrB;AAAA,IACA,gBAAAD,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;","names":["TypographyEx","jsx","TypographyEx"]}

package/dist/node/components/GasFees/components/GweiLabelTypography.cjs

@@ -0,0 +1,33 @@
+"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/GasFees/components/GweiLabelTypography.tsx
+var GweiLabelTypography_exports = {};
+__export(GweiLabelTypography_exports, {
+  GweiLabelTypography: () => GweiLabelTypography
+});
+module.exports = __toCommonJS(GweiLabelTypography_exports);
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var GweiLabelTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GweiLabelTypography
+});
+//# sourceMappingURL=GweiLabelTypography.cjs.map

package/dist/node/components/GasFees/components/GweiLabelTypography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"sourcesContent":["import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgD;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,4CAAC,oCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;","names":[]}

package/dist/node/components/GasFees/components/GweiLabelTypography.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyExProps } from '@xyo-network/react-shared';
+export declare const GweiLabelTypography: React.FC<TypographyExProps>;
+//# sourceMappingURL=GweiLabelTypography.d.ts.map

package/dist/node/components/GasFees/components/GweiLabelTypography.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GweiLabelTypography.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI3D,CAAA"}