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

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthereumGasPriceAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAA;AAEnD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAMxD,CAAA"}

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthereumGasPriceAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAA;AAEnD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAMxD,CAAA"}

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
+import { Avatar } from "@mui/material";
+const EthereumGasPriceAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
+};
+export {
+  EthereumGasPriceAvatar
+};
+//# sourceMappingURL=EthereumGasPriceAvatar.js.map

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  return (\n    <Avatar {...props}>\n      <LocalGasStationRoundedIcon />\n    </Avatar>\n  )\n}\n"],"mappings":"AAMM;AANN,SAAS,0BAA0B,kCAAkC;AACrE,SAAS,cAA2B;AAE7B,MAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,8BAA2B,GAC9B;AAEJ;","names":[]}

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.stories.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { EthereumGasPriceAvatar } from "./EthereumGasPriceAvatar";
+var EthereumGasPriceAvatar_stories_default = {
+  component: EthereumGasPriceAvatar,
+  title: "plugin/blockchain/EthereumGasPrice/Avatar"
+};
+const Template = (props) => /* @__PURE__ */ jsx(EthereumGasPriceAvatar, { ...props });
+const Default = Template.bind({});
+Default.args = {};
+export {
+  Default,
+  EthereumGasPriceAvatar_stories_default as default
+};
+//# sourceMappingURL=EthereumGasPriceAvatar.stories.js.map

package/dist/browser/components/Avatar/EthereumGasPriceAvatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { EthereumGasPriceAvatar } from './EthereumGasPriceAvatar'\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: EthereumGasPriceAvatar,\n  title: 'plugin/blockchain/EthereumGasPrice/Avatar',\n} as Meta\n\nconst Template: StoryFn<typeof EthereumGasPriceAvatar> = (props) => <EthereumGasPriceAvatar {...props} />\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n"],"mappings":"AAUoE;AARpE,SAAS,8BAA8B;AAGvC,IAAO,yCAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAAmD,CAAC,UAAU,oBAAC,0BAAwB,GAAG,OAAO;AAEvG,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;","names":[]}

package/dist/browser/components/Avatar/index.d.mts.map

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

package/dist/browser/components/Avatar/index.d.ts.map

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

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

@@ -0,0 +1,2 @@
+export * from "./EthereumGasPriceAvatar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/index.ts"],"sourcesContent":["export * from './EthereumGasPriceAvatar'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/CardHeader/CardHeader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAGzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AACD,eAAO,MAAM,yBAAyB,iIAepC,CAAA"}

package/dist/browser/components/CardHeader/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAGzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AACD,eAAO,MAAM,yBAAyB,iIAepC,CAAA"}

package/dist/browser/components/CardHeader/CardHeader.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from "../HeaderComponents";
+import { StyledCardHeader } from "../layout";
+const GasPriceWitnessCardHeader = forwardRef(({ title, parsedPayload, ...props }, ref) => /* @__PURE__ */ jsx(
+  StyledCardHeader,
+  {
+    title: /* @__PURE__ */ jsx(GasPriceHeaderTypography, { heading: title }),
+    action: /* @__PURE__ */ jsx(
+      GasPriceHeaderActionsBox,
+      {
+        timestamp: parsedPayload?.timestamp,
+        baseFee: parsedPayload?.baseFee?.value,
+        baseFeeLabel: parsedPayload?.baseFee?.label,
+        blockNumber: parsedPayload?.blockNumber?.value,
+        blockNumberLabel: parsedPayload?.blockNumber?.label
+      }
+    ),
+    ref,
+    ...props
+  }
+));
+GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
+export {
+  GasPriceWitnessCardHeader
+};
+//# sourceMappingURL=CardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CardHeader/CardHeader.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"],"mappings":"AAaW;AAZX,SAAS,kBAAkB;AAG3B,SAAS,0BAA0B,gCAAgC;AACnE,SAAS,wBAAwB;AAM1B,MAAM,4BAA4B,WAAoD,CAAC,EAAE,OAAO,eAAe,GAAG,MAAM,GAAG,QAChI;AAAA,EAAC;AAAA;AAAA,IACC,OAAO,oBAAC,4BAAyB,SAAS,OAAO;AAAA,IACjD,QACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,IAEF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,0BAA0B,cAAc;","names":[]}

package/dist/browser/components/CardHeader/index.d.mts.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/browser/components/CardHeader/index.d.ts.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/browser/components/CardHeader/index.js

@@ -0,0 +1,2 @@
+export * from "./CardHeader";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CardHeader/index.ts"],"sourcesContent":["export * from './CardHeader'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/GasFees/Card.d.mts.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/browser/components/GasFees/Card.d.ts.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/browser/components/GasFees/Card.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, Paper, useTheme } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { CardContentEx } from "@xyo-network/react-card";
+import { GasPriceBox, PriorityFeeBox, SpeedBox } from "./components";
+const GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ jsxs(CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
+    /* @__PURE__ */ jsxs(FlexGrowCol, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
+      /* @__PURE__ */ jsx(GasPriceBox, { gasPrice }),
+      priorityFee ? /* @__PURE__ */ jsx(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx(SpeedBox, { speed }) })
+  ] }) });
+};
+export {
+  GasFeeCard
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +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":"AAoBQ,SACE,KADF;AApBR,SAAS,MAAiB,OAAO,gBAAgB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,SAAS,aAAa,gBAAgB,gBAAgB;AAU/C,MAAM,aAAwC,CAAC,EAAE,UAAU,qBAAqB,aAAa,kBAAkB,QAAQ,OAAO,GAAG,MAAM,MAAM;AAClJ,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,QAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,+BAAC,iBAAc,eAAa,MAAC,IAAI,EAAE,eAAe,UAAU,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,GACvF;AAAA,yBAAC,eAAY,SAAS,MAAM,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,QAAQ,OAAO,OACpH;AAAA,0BAAC,eAAY,UAAoB;AAAA,MAChC,cAAc,oBAAC,kBAAe,aAA0B,kBAAoC,IAAK;AAAA,OACpG;AAAA,IACA,oBAAC,SAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,8BAAC,YAAS,OAAc,GAC1B;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/browser/components/GasFees/Card.stories.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { GasFeeCard } from "./Card";
+const DefaultArgs = {
+  gasPrice: 15.760184184000002,
+  priorityFee: 1.0625
+};
+var Card_stories_default = {
+  component: GasFeeCard,
+  title: "plugin/blockchain/GasPrice/GasFeeCard"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(GasFeeCard, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const Contained = Template.bind({});
+Contained.args = DefaultArgs;
+Contained.decorators = [
+  (Story, args) => /* @__PURE__ */ jsx(FlexCol, { alignItems: "start", children: /* @__PURE__ */ jsx(Story, { ...args }) })
+];
+const WithData = Template.bind({});
+WithData.args = DefaultArgs;
+const WithLabel = Template.bind({});
+WithLabel.args = {
+  ...DefaultArgs,
+  priorityFeeLabel: "CustomPriorityFeeLabel",
+  speed: "CustomSpeedLabel"
+};
+export {
+  Contained,
+  Default,
+  WithData,
+  WithLabel,
+  Card_stories_default as default
+};
+//# sourceMappingURL=Card.stories.js.map

package/dist/browser/components/GasFees/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/GasFees/Card.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { GasFeeCard } from './Card'\n\nconst DefaultArgs = {\n  gasPrice: 15.760184184000002,\n  priorityFee: 1.0625,\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: GasFeeCard,\n  title: 'plugin/blockchain/GasPrice/GasFeeCard',\n} as Meta\n\nconst Template: StoryFn<typeof GasFeeCard> = (props) => {\n  return <GasFeeCard {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst Contained = Template.bind({})\nContained.args = DefaultArgs\nContained.decorators = [\n  (Story, args) => (\n    <FlexCol alignItems=\"start\">\n      <Story {...args} />\n    </FlexCol>\n  ),\n]\n\nconst WithData = Template.bind({})\nWithData.args = DefaultArgs\n\nconst WithLabel = Template.bind({})\nWithLabel.args = {\n  ...DefaultArgs,\n  priorityFeeLabel: 'CustomPriorityFeeLabel',\n  speed: 'CustomSpeedLabel',\n}\n\nexport { Contained, Default, WithData, WithLabel }\n"],"mappings":"AAiBS;AAhBT,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAE3B,MAAM,cAAc;AAAA,EAClB,UAAU;AAAA,EACV,aAAa;AACf;AAGA,IAAO,uBAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,UAAU;AACtD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,YAAY,SAAS,KAAK,CAAC,CAAC;AAClC,UAAU,OAAO;AACjB,UAAU,aAAa;AAAA,EACrB,CAAC,OAAO,SACN,oBAAC,WAAQ,YAAW,SAClB,8BAAC,SAAO,GAAG,MAAM,GACnB;AAEJ;AAEA,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO;AAEhB,MAAM,YAAY,SAAS,KAAK,CAAC,CAAC;AAClC,UAAU,OAAO;AAAA,EACf,GAAG;AAAA,EACH,kBAAkB;AAAA,EAClB,OAAO;AACT;","names":[]}

package/dist/browser/components/GasFees/components/GasPriceBox.d.mts.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/browser/components/GasFees/components/GasPriceBox.d.ts.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/browser/components/GasFees/components/GasPriceBox.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { GweiLabelTypography } from "./GweiLabelTypography";
+const GasPriceBox = ({ gasPrice, ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
+    /* @__PURE__ */ jsx(TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
+    /* @__PURE__ */ jsx(GweiLabelTypography, { fontSize: theme.spacing(2) })
+  ] });
+};
+export {
+  GasPriceBox
+};
+//# sourceMappingURL=GasPriceBox.js.map

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

@@ -0,0 +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":"AAaI,SACE,KADF;AAbJ,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AAM7B,MAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,WAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,wBAAC,gBAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,OAAO,UAAU,SAAS,KAAK,IACtG,oBAAU,QAAQ,CAAC,GACtB;AAAA,IACA,oBAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;","names":[]}

package/dist/browser/components/GasFees/components/GweiLabelTypography.d.mts.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"}

package/dist/browser/components/GasFees/components/GweiLabelTypography.d.ts.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"}

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

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { TypographyEx } from "@xyo-network/react-shared";
+const GweiLabelTypography = (props) => /* @__PURE__ */ jsx(TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+export {
+  GweiLabelTypography
+};
+//# sourceMappingURL=GweiLabelTypography.js.map

package/dist/browser/components/GasFees/components/GweiLabelTypography.js.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":"AAGE;AAHF,SAAS,oBAAuC;AAEzC,MAAM,sBAAmD,CAAC,UAC/D,oBAAC,gBAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;","names":[]}

package/dist/browser/components/GasFees/components/PriorityFeeBox.d.mts.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/browser/components/GasFees/components/PriorityFeeBox.d.ts.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/browser/components/GasFees/components/PriorityFeeBox.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
+import { useTheme } from "@mui/material";
+import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { GweiLabelTypography } from "./GweiLabelTypography";
+const 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__ */ jsx(TypographyEx, { children: priorityFeeLabel }),
+      /* @__PURE__ */ jsxs(TypographyEx, { title: priorityFee?.toString() ?? "", children: [
+        priorityFee?.toFixed(2),
+        " ",
+        /* @__PURE__ */ jsx(GweiLabelTypography, { fontSize: theme.spacing(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {})
+  ] });
+};
+export {
+  PriorityFeeBox
+};
+//# sourceMappingURL=PriorityFeeBox.js.map

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

@@ -0,0 +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":"AAkBQ,cACA,YADA;AAlBR,SAAS,0BAA0B,kCAAkC;AACrE,SAAS,gBAAgB;AACzB,SAAuB,SAAS,mBAAmB;AACnD,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AAO7B,MAAM,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,0BAAC,gBAAc,4BAAiB;AAAA,MAChC,qBAAC,gBAAa,OAAO,aAAa,SAAS,KAAK,IAC7C;AAAA,qBAAa,QAAQ,CAAC;AAAA,QAAE;AAAA,QAAC,oBAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,oBAAC,8BAA2B;AAAA,KAC9B;AAEJ;","names":[]}

package/dist/browser/components/GasFees/components/SpeedBox.d.mts.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/browser/components/GasFees/components/SpeedBox.d.ts.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/browser/components/GasFees/components/SpeedBox.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { TypographyEx } from "@xyo-network/react-shared";
+const 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;
+};
+export {
+  SpeedBox
+};
+//# sourceMappingURL=SpeedBox.js.map

package/dist/browser/components/GasFees/components/SpeedBox.js.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":"AAaM;AAbN,SAAS,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,oBAAoB;AAMtB,MAAM,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/browser/components/GasFees/components/index.d.mts.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/browser/components/GasFees/components/index.d.ts.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/browser/components/GasFees/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/GasFees/components/index.ts"],"sourcesContent":["export * from './GasPriceBox'\nexport * from './PriorityFeeBox'\nexport * from './SpeedBox'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/GasFees/index.d.mts.map

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

package/dist/browser/components/GasFees/index.d.ts.map

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

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

@@ -0,0 +1,2 @@
+export * from "./Card";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/GasFees/index.ts"],"sourcesContent":["export * from './Card'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/HeaderBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBox.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAIvD,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAa5E,CAAA"}

package/dist/browser/components/HeaderBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBox.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAIvD,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAa5E,CAAA"}

package/dist/browser/components/HeaderBox.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from "./HeaderComponents";
+import { StyledGasPriceHeaderBox } from "./layout";
+const GasPriceWitnessHeaderBox = ({ heading, parsedPayload, ...props }) => {
+  return /* @__PURE__ */ jsxs(StyledGasPriceHeaderBox, { ...props, children: [
+    /* @__PURE__ */ jsx(GasPriceHeaderTypography, { heading }),
+    /* @__PURE__ */ jsx(
+      GasPriceHeaderActionsBox,
+      {
+        timestamp: parsedPayload?.timestamp,
+        baseFee: parsedPayload?.baseFee?.value,
+        baseFeeLabel: parsedPayload?.baseFee?.label,
+        blockNumber: parsedPayload?.blockNumber?.value,
+        blockNumberLabel: parsedPayload?.blockNumber?.label
+      }
+    )
+  ] });
+};
+export {
+  GasPriceWitnessHeaderBox
+};
+//# sourceMappingURL=HeaderBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HeaderBox.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { GasPriceWitnessUIBasePayload } from '../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents'\nimport { StyledGasPriceHeaderBox } from './layout'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n  return (\n    <StyledGasPriceHeaderBox {...props}>\n      <GasPriceHeaderTypography heading={heading} />\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    </StyledGasPriceHeaderBox>\n  )\n}\n"],"mappings":"AAaI,SACE,KADF;AAVJ,SAAS,0BAA0B,gCAAgC;AACnE,SAAS,+BAA+B;AAOjC,MAAM,2BAAoE,CAAC,EAAE,SAAS,eAAe,GAAG,MAAM,MAAM;AACzH,SACE,qBAAC,2BAAyB,GAAG,OAC3B;AAAA,wBAAC,4BAAyB,SAAkB;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/HeaderComponents/Actions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAe9E,CAAA"}

package/dist/browser/components/HeaderComponents/Actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAe9E,CAAA"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { GasPriceHeaderActionsBox } from "./Actions";
+var Actions_stories_default = {
+  component: GasPriceHeaderActionsBox,
+  title: "plugin/blockchain/GasPrice/GasPriceHeaderActionsBox"
+};
+const Template = (props) => /* @__PURE__ */ jsx(GasPriceHeaderActionsBox, { ...props });
+const Default = Template.bind({});
+Default.args = {};
+const WithData = Template.bind({});
+WithData.args = {
+  baseFee: 12,
+  baseFeeLabel: "Custom BaseFee Label",
+  blockNumber: 123465,
+  blockNumberLabel: "Custom BlockNumber Label",
+  timestamp: 1670530947
+};
+export {
+  Default,
+  WithData,
+  Actions_stories_default as default
+};
+//# sourceMappingURL=Actions.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/HeaderComponents/Actions.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { GasPriceHeaderActionsBox } from './Actions'\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: GasPriceHeaderActionsBox,\n  title: 'plugin/blockchain/GasPrice/GasPriceHeaderActionsBox',\n} as Meta\n\nconst Template: StoryFn<typeof GasPriceHeaderActionsBox> = (props) => <GasPriceHeaderActionsBox {...props} />\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\nWithData.args = {\n  baseFee: 12,\n  baseFeeLabel: 'Custom BaseFee Label',\n  blockNumber: 123465,\n  blockNumberLabel: 'Custom BlockNumber Label',\n  timestamp: 1670530947,\n}\n\nexport { Default, WithData }\n"],"mappings":"AAUsE;AARtE,SAAS,gCAAgC;AAGzC,IAAO,0BAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAAqD,CAAC,UAAU,oBAAC,4BAA0B,GAAG,OAAO;AAE3G,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO;AAAA,EACd,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;","names":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n"],"mappings":"AAasB;AAbtB,SAAS,gBAAgB;AAEzB,SAA4B,uBAAuB;AAEnD,SAAS,iCAAiC;AAMnC,MAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,oBAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,oBAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":[]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/index.ts"],"sourcesContent":["export * from './Header'\nexport * from './Heading'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/HeaderComponents/index.ts"],"sourcesContent":["export * from './Actions'\nexport * from './Header'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Collapse, Paper } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useState } from "react";
+const ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
+  const [collapse, setCollapse] = useState(false);
+  return gasPricePayload ? /* @__PURE__ */ jsxs(FlexCol, { rowGap: 1, ...props, children: [
+    /* @__PURE__ */ jsx(Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
+    /* @__PURE__ */ jsx(Collapse, { in: collapse, children: /* @__PURE__ */ jsx(Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
+  ] }) : null;
+};
+export {
+  ToggleRawPayloadBox
+};
+//# sourceMappingURL=ToggleRawPayloadBox.js.map

package/dist/browser/components/RawPayload/ToggleRawPayloadBox.js.map

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