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

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

@@ -1,31 +1,8 @@
-"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 GweiLabelTypography_exports = {};
-__export(GweiLabelTypography_exports, {
-  GweiLabelTypography: () => GweiLabelTypography
-});
-module.exports = __toCommonJS(GweiLabelTypography_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react_shared = require("@xyo-network/react-shared");
-const 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 = {
+// 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" });
+export {
   GweiLabelTypography
-});
+};
 //# sourceMappingURL=GweiLabelTypography.js.map

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

@@ -1 +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;AAGE;AAHF,0BAAgD;AAEzC,MAAM,sBAAmD,CAAC,UAC/D,4CAAC,oCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;","names":[]}
+{"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,SAAS,oBAAuC;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,oBAAC,gBAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;","names":[]}

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

@@ -0,0 +1,56 @@
+"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/PriorityFeeBox.tsx
+var PriorityFeeBox_exports = {};
+__export(PriorityFeeBox_exports, {
+  PriorityFeeBox: () => PriorityFeeBox
+});
+module.exports = __toCommonJS(PriorityFeeBox_exports);
+var import_icons_material = require("@mui/icons-material");
+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/PriorityFeeBox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_shared2.TypographyEx, { children: priorityFeeLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_shared2.TypographyEx, { title: (priorityFee == null ? void 0 : priorityFee.toString()) ?? "", children: [
+        priorityFee == null ? void 0 : priorityFee.toFixed(2),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GweiLabelTypography, { fontSize: theme.spacing(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.LocalGasStationRounded, {})
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PriorityFeeBox
+});
+//# sourceMappingURL=PriorityFeeBox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx","../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"sourcesContent":["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 { 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,4BAAqE;AACrE,sBAAyB;AACzB,2BAAmD;AACnD,IAAAA,uBAA6B;;;ACH7B,0BAAgD;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,4CAAC,oCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADaM,IAAAC,sBAAA;AAND,IAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,YAAQ,0BAAS;AAEvB,SACE,8CAAC,oCAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,kDAAC,gCAAQ,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;","names":["import_react_shared","import_jsx_runtime","LocalGasStationRoundedIcon"]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface PriorityFeeBoxProps extends FlexBoxProps {
+    priorityFee?: number;
+    priorityFeeLabel?: string;
+}
+export declare const PriorityFeeBox: React.FC<PriorityFeeBoxProps>;
+//# sourceMappingURL=PriorityFeeBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriorityFeeBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAK1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAA"}

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

@@ -1,48 +1,31 @@
-"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 PriorityFeeBox_exports = {};
-__export(PriorityFeeBox_exports, {
-  PriorityFeeBox: () => PriorityFeeBox
-});
-module.exports = __toCommonJS(PriorityFeeBox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_icons_material = require("@mui/icons-material");
-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 PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { children: priorityFeeLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { title: priorityFee?.toString() ?? "", children: [
-        priorityFee?.toFixed(2),
+// src/components/GasFees/components/PriorityFeeBox.tsx
+import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
+import { useTheme } from "@mui/material";
+import { FlexCol, FlexGrowRow } 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/PriorityFeeBox.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
+    /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", children: [
+      /* @__PURE__ */ jsx2(TypographyEx2, { children: priorityFeeLabel }),
+      /* @__PURE__ */ jsxs(TypographyEx2, { title: (priorityFee == null ? void 0 : priorityFee.toString()) ?? "", children: [
+        priorityFee == null ? void 0 : priorityFee.toFixed(2),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GweiLabelTypography.GweiLabelTypography, { fontSize: theme.spacing(1) })
+        /* @__PURE__ */ jsx2(GweiLabelTypography, { fontSize: theme.spacing(1) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.LocalGasStationRounded, {})
+    /* @__PURE__ */ jsx2(LocalGasStationRoundedIcon, {})
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   PriorityFeeBox
-});
+};
 //# sourceMappingURL=PriorityFeeBox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAlBR,4BAAqE;AACrE,sBAAyB;AACzB,2BAAmD;AACnD,0BAA6B;AAE7B,iCAAoC;AAO7B,MAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,YAAQ,0BAAS;AAEvB,SACE,6CAAC,oCAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,iDAAC,gCAAQ,YAAW,SAClB;AAAA,kDAAC,oCAAc,4BAAiB;AAAA,MAChC,6CAAC,oCAAa,OAAO,aAAa,SAAS,KAAK,IAC7C;AAAA,qBAAa,QAAQ,CAAC;AAAA,QAAE;AAAA,QAAC,4CAAC,kDAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,4CAAC,sBAAAA,wBAAA,EAA2B;AAAA,KAC9B;AAEJ;","names":["LocalGasStationRoundedIcon"]}
+{"version":3,"sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx","../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"sourcesContent":["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 { 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,0BAA0B,kCAAkC;AACrE,SAAS,gBAAgB;AACzB,SAAuB,SAAS,mBAAmB;AACnD,SAAS,gBAAAA,qBAAoB;;;ACH7B,SAAS,oBAAuC;AAG9C;AADK,IAAM,sBAAmD,CAAC,UAC/D,oBAAC,gBAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADaM,gBAAAC,MACA,YADA;AAND,IAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,QAAQ,SAAS;AAEvB,SACE,qBAAC,eAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,yBAAC,WAAQ,YAAW,SAClB;AAAA,sBAAAA,KAACC,eAAA,EAAc,4BAAiB;AAAA,MAChC,qBAACA,eAAA,EAAa,QAAO,2CAAa,eAAc,IAC7C;AAAA,mDAAa,QAAQ;AAAA,QAAG;AAAA,QAAC,gBAAAD,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,gBAAAA,KAAC,8BAA2B;AAAA,KAC9B;AAEJ;","names":["TypographyEx","jsx","TypographyEx"]}

package/dist/node/components/{RawPayload/ToggleRawPayloadBox.stories.js → GasFees/components/SpeedBox.cjs}

@@ -16,32 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ToggleRawPayloadBox_stories_exports = {};
-__export(ToggleRawPayloadBox_stories_exports, {
-  Default: () => Default,
-  WithData: () => WithData,
-  default: () => ToggleRawPayloadBox_stories_default
+
+// src/components/GasFees/components/SpeedBox.tsx
+var SpeedBox_exports = {};
+__export(SpeedBox_exports, {
+  SpeedBox: () => SpeedBox
 });
-module.exports = __toCommonJS(ToggleRawPayloadBox_stories_exports);
+module.exports = __toCommonJS(SpeedBox_exports);
+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_jsx_runtime = require("react/jsx-runtime");
-var import_ToggleRawPayloadBox = require("./ToggleRawPayloadBox");
-var ToggleRawPayloadBox_stories_default = {
-  component: import_ToggleRawPayloadBox.ToggleRawPayloadBox,
-  title: "plugin/blockchain/GasPrice/ToggleRawPayloadBox"
-};
-const Template = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToggleRawPayloadBox.ToggleRawPayloadBox, { ...props });
-const Default = Template.bind({});
-Default.args = {};
-const WithData = Template.bind({});
-WithData.args = {
-  gasPricePayload: {
-    foo: "bar",
-    schema: "network.xyo.some.schema"
-  }
+var SpeedBox = ({ speed, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return speed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Default,
-  WithData
+  SpeedBox
 });
-//# sourceMappingURL=ToggleRawPayloadBox.stories.js.map
+//# sourceMappingURL=SpeedBox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"sourcesContent":["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,sBAAyB;AACzB,2BAA0C;AAC1C,0BAA6B;AAWvB;AALC,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,YAAQ,0BAAS;AAEvB,SAAO,QACL,4CAAC,oCAAa,GAAG,OACf,sDAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACE;AACN;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAGjE,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

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

@@ -1,36 +1,13 @@
-"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/components/SpeedBox.tsx
+import { useTheme } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { jsx } from "react/jsx-runtime";
+var SpeedBox = ({ speed, ...props }) => {
+  const theme = useTheme();
+  return speed ? /* @__PURE__ */ jsx(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx(TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
 };
-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 SpeedBox_exports = {};
-__export(SpeedBox_exports, {
-  SpeedBox: () => SpeedBox
-});
-module.exports = __toCommonJS(SpeedBox_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");
-const SpeedBox = ({ speed, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return speed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   SpeedBox
-});
+};
 //# sourceMappingURL=SpeedBox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"sourcesContent":["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;AAaM;AAbN,sBAAyB;AACzB,2BAA0C;AAC1C,0BAA6B;AAMtB,MAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,YAAQ,0BAAS;AAEvB,SAAO,QACL,4CAAC,oCAAa,GAAG,OACf,sDAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACE;AACN;","names":[]}
+{"version":3,"sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"sourcesContent":["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,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,oBAAoB;AAWvB;AALC,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,QAAQ,SAAS;AAEvB,SAAO,QACL,oBAAC,eAAa,GAAG,OACf,8BAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACE;AACN;","names":[]}

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

@@ -0,0 +1,85 @@
+"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/index.ts
+var components_exports = {};
+__export(components_exports, {
+  GasPriceBox: () => GasPriceBox,
+  PriorityFeeBox: () => PriorityFeeBox,
+  SpeedBox: () => SpeedBox
+});
+module.exports = __toCommonJS(components_exports);
+
+// 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;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GasPriceBox,
+  PriorityFeeBox,
+  SpeedBox
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/index.ts","../../../../../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":["export * from './GasPriceBox'\nexport * from './PriorityFeeBox'\nexport * from './SpeedBox'\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;AAAA;;;ACAA,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;;;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;","names":["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"]}

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

@@ -0,0 +1,4 @@
+export * from './GasPriceBox';
+export * from './PriorityFeeBox';
+export * from './SpeedBox';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,27 +1,56 @@
-"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/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) })
+  ] });
+};
+
+// 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;
+};
+export {
+  GasPriceBox,
+  PriorityFeeBox,
+  SpeedBox
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-module.exports = __toCommonJS(components_exports);
-__reExport(components_exports, require("./GasPriceBox"), module.exports);
-__reExport(components_exports, require("./PriorityFeeBox"), module.exports);
-__reExport(components_exports, require("./SpeedBox"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./GasPriceBox"),
-  ...require("./PriorityFeeBox"),
-  ...require("./SpeedBox")
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GasFees/components/index.ts"],"sourcesContent":["export * from './GasPriceBox'\nexport * from './PriorityFeeBox'\nexport * from './SpeedBox'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,0BAAd;AACA,+BAAc,6BADd;AAEA,+BAAc,uBAFd;","names":[]}
+{"version":3,"sources":["../../../../../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 { 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,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;;;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;","names":["TypographyEx","jsx","TypographyEx","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","useTheme","TypographyEx","jsx"]}