@xyo-network/react-gas-price 7.4.2 → 7.5.0

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

@@ -2,7 +2,7 @@ import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "alt" | "children" | "imgProps" | "sizes" | "src" | "srcSet" | "sx" | "variant" | "slots" | "slotProps"> & {
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "alt" | "children" | "imgProps" | "sizes" | "src" | "srcSet" | "sx" | "variant" | "slots" | "slotProps"> & {
     component?: React.ElementType;
 }>;
 export { Default };

package/dist/browser/components/GasFees/Card.stories.d.ts

@@ -1,9 +1,9 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
-declare const Contained: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
-declare const WithData: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
-declare const WithLabel: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
+declare const Contained: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
+declare const WithLabel: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
 export { Contained, Default, WithData, WithLabel, };
 //# sourceMappingURL=Card.stories.d.ts.map

package/dist/browser/components/GasFees/Card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAMT,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,0KAAoB,CAAA;AAUnC,QAAA,MAAM,QAAQ,0KAAoB,CAAA;AAGlC,QAAA,MAAM,SAAS,0KAAoB,CAAA;AAOnC,OAAO,EACL,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GACxC,CAAA"}
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAMT,QAAA,MAAM,OAAO,mIAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,mIAAoB,CAAA;AAUnC,QAAA,MAAM,QAAQ,mIAAoB,CAAA;AAGlC,QAAA,MAAM,SAAS,mIAAoB,CAAA;AAOnC,OAAO,EACL,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GACxC,CAAA"}

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

@@ -1,7 +1,7 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
-declare const WithData: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
 export { Default, WithData };
 //# sourceMappingURL=Actions.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,6LAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,6LAAoB,CAAA;AASlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,sJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,sJAAoB,CAAA;AASlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -1,7 +1,7 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
-declare const WithData: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
 export { Default, WithData };
 //# sourceMappingURL=ToggleRawPayloadBox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleRawPayloadBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,kMAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,kMAAoB,CAAA;AAQlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"ToggleRawPayloadBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,2JAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,2JAAoB,CAAA;AAQlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/browser/components/layout/Header.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledGasPriceHeaderBox: import("@emotion/styled").StyledComponent<Pick<import("@xylabs/react-flexbox").BusyBoxProps, keyof import("@xylabs/react-flexbox").BusyBoxProps> & import(".store/@mui-system-virtual-ad0077fea8/package").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledGasPriceHeaderBox: import("@emotion/styled").StyledComponent<Pick<import("@xylabs/react-flexbox").BusyBoxProps, keyof import("@xylabs/react-flexbox").BusyBoxProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,yQAQjC,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,uOAQjC,CAAA"}

package/dist/browser/components/layout/StyledCardHeader.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledCardHeader: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "slots" | "slotProps" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "slot" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import(".store/@mui-system-virtual-ad0077fea8/package").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledCardHeader: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "slots" | "slotProps" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "slot" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 //# sourceMappingURL=StyledCardHeader.d.ts.map

package/dist/browser/components/layout/StyledCardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,ksLAG1B,CAAA"}
+{"version":3,"file":"StyledCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,gqLAG1B,CAAA"}

package/dist/browser/index.mjs

@@ -1,71 +1,77 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/Avatar/EthereumGasPriceAvatar.tsx
 import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
 import { Avatar } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var EthereumGasPriceAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
-};
+import React from "react";
+var EthereumGasPriceAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(Avatar, props, /* @__PURE__ */ React.createElement(LocalGasStationRoundedIcon, null));
+}, "EthereumGasPriceAvatar");
+
+// src/components/CardHeader/CardHeader.tsx
+import React5 from "react";
 
 // src/components/HeaderComponents/Actions.tsx
 import { Chip } from "@mui/material";
 import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ jsx2(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ jsx2(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ jsx2(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
+import React2 from "react";
+var GasPriceHeaderActionsBox = /* @__PURE__ */ __name(({ baseFee, baseFeeLabel = "Base Fee", blockNumber, blockNumberLabel = "Block Number", timestamp, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(FlexRow, {
+    columnGap: 1,
+    rowGap: 1,
+    flexWrap: "wrap",
+    ...props
+  }, timestamp ? /* @__PURE__ */ React2.createElement(Chip, {
+    label: new Date(timestamp).toLocaleString()
+  }) : null, baseFee ? /* @__PURE__ */ React2.createElement(Chip, {
+    label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`
+  }) : null, blockNumber ? /* @__PURE__ */ React2.createElement(Chip, {
+    label: `${blockNumberLabel} - ${blockNumber}`
+  }) : null);
+}, "GasPriceHeaderActionsBox");
 
 // src/components/HeaderComponents/Header/Header.tsx
 import { useTheme as useTheme2 } from "@mui/material";
 import { getTokenData } from "@xyo-network/react-shared";
+import React4 from "react";
 
 // src/components/HeaderComponents/Header/Heading.tsx
 import { useTheme } from "@mui/material";
 import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({
-  children,
-  heading,
-  networkIcon,
-  ...props
-}) => {
+import React3 from "react";
+var GasPriceHeadingTypography = /* @__PURE__ */ __name(({ children, heading, networkIcon, ...props }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
+  return /* @__PURE__ */ React3.createElement(TypographyEx, {
+    fontSize: theme.spacing(6),
+    lineHeight: 1,
+    ...props
+  }, heading, " ", networkIcon, " ", children);
+}, "GasPriceHeadingTypography");
 
 // src/components/HeaderComponents/Header/Header.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({
-  heading,
-  children,
-  ...props
-}) => {
+var GasPriceHeaderTypography = /* @__PURE__ */ __name(({ heading, children, ...props }) => {
   const theme = useTheme2();
-  const [ethData] = getTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx3("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx3(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
+  const [ethData] = getTokenData([
+    "eth"
+  ]);
+  const networkIcon = /* @__PURE__ */ React4.createElement("img", {
+    height: theme.spacing(4),
+    src: ethData.icon
+  });
+  return /* @__PURE__ */ React4.createElement(GasPriceHeadingTypography, {
+    heading,
+    networkIcon,
+    ...props
+  }, children);
+}, "GasPriceHeaderTypography");
 
 // src/components/layout/Header.tsx
 import { styled } from "@mui/material";
 import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
+var StyledGasPriceHeaderBox = styled(FlexRow2, {
+  name: "StyledGasPriceEstimateBox"
+})(({ theme }) => ({
   alignItems: "end",
   columnGap: theme.spacing(2),
   flexWrap: "wrap",
@@ -77,181 +83,181 @@ var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBo
 
 // src/components/layout/StyledCardHeader.tsx
 import { CardHeader, styled as styled2 } from "@mui/material";
-var StyledCardHeader = styled2(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
+var StyledCardHeader = styled2(CardHeader, {
+  name: "StyledCardHeader"
+})(({ theme }) => ({
   flexWrap: "wrap",
   rowGap: theme.spacing(2)
 }));
 
 // src/components/CardHeader/CardHeader.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var GasPriceWitnessCardHeader = ({
+var GasPriceWitnessCardHeader = /* @__PURE__ */ __name(({ ref, title, parsedPayload, ...props }) => /* @__PURE__ */ React5.createElement(StyledCardHeader, {
+  title: /* @__PURE__ */ React5.createElement(GasPriceHeaderTypography, {
+    heading: title
+  }),
+  action: /* @__PURE__ */ React5.createElement(GasPriceHeaderActionsBox, {
+    timestamp: parsedPayload?.timestamp,
+    baseFee: parsedPayload?.baseFee?.value,
+    baseFeeLabel: parsedPayload?.baseFee?.label,
+    blockNumber: parsedPayload?.blockNumber?.value,
+    blockNumberLabel: parsedPayload?.blockNumber?.label
+  }),
   ref,
-  title,
-  parsedPayload,
   ...props
-}) => /* @__PURE__ */ jsx4(
-  StyledCardHeader,
-  {
-    title: /* @__PURE__ */ jsx4(GasPriceHeaderTypography, { heading: title }),
-    action: /* @__PURE__ */ jsx4(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload?.timestamp,
-        baseFee: parsedPayload?.baseFee?.value,
-        baseFeeLabel: parsedPayload?.baseFee?.label,
-        blockNumber: parsedPayload?.blockNumber?.value,
-        blockNumberLabel: parsedPayload?.blockNumber?.label
-      }
-    ),
-    ref,
-    ...props
-  }
-);
+}), "GasPriceWitnessCardHeader");
 GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
 
 // src/components/GasFees/Card.tsx
-import {
-  Card,
-  Paper,
-  useTheme as useTheme6
-} from "@mui/material";
+import { Card, Paper, useTheme as useTheme6 } from "@mui/material";
 import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
 import { CardContentEx } from "@xyo-network/react-card";
+import React10 from "react";
 
 // src/components/GasFees/components/GasPriceBox.tsx
 import { useTheme as useTheme3 } from "@mui/material";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { TypographyEx as TypographyEx3 } from "@xyo-network/react-shared";
+import React7 from "react";
 
 // src/components/GasFees/components/GweiLabelTypography.tsx
 import { TypographyEx as TypographyEx2 } from "@xyo-network/react-shared";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var GweiLabelTypography = (props) => /* @__PURE__ */ jsx5(TypographyEx2, { variant: "caption", ...props, children: "GWEI" });
+import React6 from "react";
+var GweiLabelTypography = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React6.createElement(TypographyEx2, {
+  variant: "caption",
+  ...props
+}, "GWEI"), "GweiLabelTypography");
 
 // src/components/GasFees/components/GasPriceBox.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var GasPriceBox = ({ gasPrice, ...props }) => {
+var GasPriceBox = /* @__PURE__ */ __name(({ gasPrice, ...props }) => {
   const theme = useTheme3();
-  return /* @__PURE__ */ jsxs3(FlexRow3, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
-    /* @__PURE__ */ jsx6(TypographyEx3, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
-    /* @__PURE__ */ jsx6(GweiLabelTypography, { fontSize: theme.spacing(2) })
-  ] });
-};
+  return /* @__PURE__ */ React7.createElement(FlexRow3, {
+    columnGap: 1.5,
+    rowGap: 1.5,
+    alignItems: "end",
+    ...props
+  }, /* @__PURE__ */ React7.createElement(TypographyEx3, {
+    lineHeight: 1,
+    fontWeight: "200",
+    fontSize: theme.spacing(6),
+    title: gasPrice?.toString() ?? ""
+  }, gasPrice?.toFixed(2)), /* @__PURE__ */ React7.createElement(GweiLabelTypography, {
+    fontSize: theme.spacing(2)
+  }));
+}, "GasPriceBox");
 
 // src/components/GasFees/components/PriorityFeeBox.tsx
 import { LocalGasStationRounded as LocalGasStationRoundedIcon2 } from "@mui/icons-material";
 import { useTheme as useTheme4 } from "@mui/material";
 import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
 import { TypographyEx as TypographyEx4 } from "@xyo-network/react-shared";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var PriorityFeeBox = ({
-  priorityFee,
-  priorityFeeLabel = "Priority Fee",
-  ...props
-}) => {
+import React8 from "react";
+var PriorityFeeBox = /* @__PURE__ */ __name(({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
   const theme = useTheme4();
-  return /* @__PURE__ */ jsxs4(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
-    /* @__PURE__ */ jsxs4(FlexCol, { alignItems: "start", children: [
-      /* @__PURE__ */ jsx7(TypographyEx4, { children: priorityFeeLabel }),
-      /* @__PURE__ */ jsxs4(TypographyEx4, { title: priorityFee?.toString() ?? "", children: [
-        priorityFee?.toFixed(2),
-        " ",
-        /* @__PURE__ */ jsx7(GweiLabelTypography, { fontSize: theme.spacing(1) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7(LocalGasStationRoundedIcon2, {})
-  ] });
-};
+  return /* @__PURE__ */ React8.createElement(FlexGrowRow, {
+    width: "100%",
+    justifyContent: "space-between",
+    alignItems: "end",
+    ...props
+  }, /* @__PURE__ */ React8.createElement(FlexCol, {
+    alignItems: "start"
+  }, /* @__PURE__ */ React8.createElement(TypographyEx4, null, priorityFeeLabel), /* @__PURE__ */ React8.createElement(TypographyEx4, {
+    title: priorityFee?.toString() ?? ""
+  }, priorityFee?.toFixed(2), " ", /* @__PURE__ */ React8.createElement(GweiLabelTypography, {
+    fontSize: theme.spacing(1)
+  }))), /* @__PURE__ */ React8.createElement(LocalGasStationRoundedIcon2, null));
+}, "PriorityFeeBox");
 
 // src/components/GasFees/components/SpeedBox.tsx
 import { useTheme as useTheme5 } from "@mui/material";
 import { FlexGrowCol } from "@xylabs/react-flexbox";
 import { TypographyEx as TypographyEx5 } from "@xyo-network/react-shared";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var SpeedBox = ({ speed, ...props }) => {
+import React9 from "react";
+var SpeedBox = /* @__PURE__ */ __name(({ speed, ...props }) => {
   const theme = useTheme5();
-  return speed ? /* @__PURE__ */ jsx8(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx8(TypographyEx5, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
-};
+  return speed ? /* @__PURE__ */ React9.createElement(FlexGrowCol, props, /* @__PURE__ */ React9.createElement(TypographyEx5, {
+    fontSize: theme.spacing(3),
+    fontWeight: "200",
+    p: 1
+  }, speed)) : null;
+}, "SpeedBox");
 
 // src/components/GasFees/Card.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var GasFeeCard = ({
-  gasPrice,
-  speedPaperElevation,
-  priorityFee,
-  priorityFeeLabel,
-  speed = "low",
-  ...props
-}) => {
+var GasFeeCard = /* @__PURE__ */ __name(({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
   const theme = useTheme6();
-  return /* @__PURE__ */ jsx9(Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ jsxs5(
-    CardContentEx,
-    {
-      removePadding: true,
-      sx: {
-        flexDirection: "column",
-        flexGrow: 1,
-        p: 0,
-        rowGap: 2
-      },
-      children: [
-        /* @__PURE__ */ jsxs5(FlexGrowCol2, { bgcolor: theme.vars.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.vars.palette.common.white, children: [
-          /* @__PURE__ */ jsx9(GasPriceBox, { gasPrice }),
-          priorityFee ? /* @__PURE__ */ jsx9(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
-        ] }),
-        /* @__PURE__ */ jsx9(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx9(SpeedBox, { speed }) })
-      ]
+  return /* @__PURE__ */ React10.createElement(Card, {
+    sx: {
+      p: 0
+    },
+    ...props
+  }, /* @__PURE__ */ React10.createElement(CardContentEx, {
+    removePadding: true,
+    sx: {
+      flexDirection: "column",
+      flexGrow: 1,
+      p: 0,
+      rowGap: 2
     }
-  ) });
-};
+  }, /* @__PURE__ */ React10.createElement(FlexGrowCol2, {
+    bgcolor: theme.vars.palette.secondary.dark,
+    alignItems: "start",
+    p: 2,
+    rowGap: 1.5,
+    color: theme.vars.palette.common.white
+  }, /* @__PURE__ */ React10.createElement(GasPriceBox, {
+    gasPrice
+  }), priorityFee ? /* @__PURE__ */ React10.createElement(PriorityFeeBox, {
+    priorityFee,
+    priorityFeeLabel
+  }) : null), /* @__PURE__ */ React10.createElement(Paper, {
+    elevation: speedPaperElevation,
+    sx: {
+      borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`
+    }
+  }, /* @__PURE__ */ React10.createElement(SpeedBox, {
+    speed
+  }))));
+}, "GasFeeCard");
 
 // src/components/HeaderBox.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var GasPriceWitnessHeaderBox = ({
-  heading,
-  parsedPayload,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs6(StyledGasPriceHeaderBox, { ...props, children: [
-    /* @__PURE__ */ jsx10(GasPriceHeaderTypography, { heading }),
-    /* @__PURE__ */ jsx10(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload?.timestamp,
-        baseFee: parsedPayload?.baseFee?.value,
-        baseFeeLabel: parsedPayload?.baseFee?.label,
-        blockNumber: parsedPayload?.blockNumber?.value,
-        blockNumberLabel: parsedPayload?.blockNumber?.label
-      }
-    )
-  ] });
-};
+import React11 from "react";
+var GasPriceWitnessHeaderBox = /* @__PURE__ */ __name(({ heading, parsedPayload, ...props }) => {
+  return /* @__PURE__ */ React11.createElement(StyledGasPriceHeaderBox, props, /* @__PURE__ */ React11.createElement(GasPriceHeaderTypography, {
+    heading
+  }), /* @__PURE__ */ React11.createElement(GasPriceHeaderActionsBox, {
+    timestamp: parsedPayload?.timestamp,
+    baseFee: parsedPayload?.baseFee?.value,
+    baseFeeLabel: parsedPayload?.baseFee?.label,
+    blockNumber: parsedPayload?.blockNumber?.value,
+    blockNumberLabel: parsedPayload?.blockNumber?.label
+  }));
+}, "GasPriceWitnessHeaderBox");
 
 // src/components/RawPayload/ToggleRawPayloadBox.tsx
-import {
-  Button,
-  Collapse,
-  Paper as Paper2
-} from "@mui/material";
+import { Button, Collapse, Paper as Paper2 } from "@mui/material";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
+import React12, { useState } from "react";
+var ToggleRawPayloadBox = /* @__PURE__ */ __name(({ gasPricePayload, ...props }) => {
   const [collapse, setCollapse] = useState(false);
-  return gasPricePayload ? /* @__PURE__ */ jsxs7(FlexCol2, { rowGap: 1, ...props, children: [
-    /* @__PURE__ */ jsx11(
-      Button,
-      {
-        color: "secondary",
-        sx: { bgcolor: "secondary.dark", color: "white" },
-        variant: "contained",
-        onClick: () => setCollapse(!collapse),
-        children: "Raw Payload"
-      }
-    ),
-    /* @__PURE__ */ jsx11(Collapse, { in: collapse, children: /* @__PURE__ */ jsx11(Paper2, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx11("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
-  ] }) : null;
-};
+  return gasPricePayload ? /* @__PURE__ */ React12.createElement(FlexCol2, {
+    rowGap: 1,
+    ...props
+  }, /* @__PURE__ */ React12.createElement(Button, {
+    color: "secondary",
+    sx: {
+      bgcolor: "secondary.dark",
+      color: "white"
+    },
+    variant: "contained",
+    onClick: /* @__PURE__ */ __name(() => setCollapse(!collapse), "onClick")
+  }, "Raw Payload"), /* @__PURE__ */ React12.createElement(Collapse, {
+    in: collapse
+  }, /* @__PURE__ */ React12.createElement(Paper2, {
+    elevation: 4,
+    sx: {
+      p: 2
+    }
+  }, /* @__PURE__ */ React12.createElement("pre", null, JSON.stringify(gasPricePayload, null, 2))))) : null;
+}, "ToggleRawPayloadBox");
 export {
   EthereumGasPriceAvatar,
   GasFeeCard,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  return (\n    <Avatar {...props}>\n      <LocalGasStationRoundedIcon />\n    </Avatar>\n  )\n}\n","import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\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\n        ? <Chip label={new Date(timestamp).toLocaleString()} />\n        : null}\n      {baseFee\n        ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n        : null}\n      {blockNumber\n        ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n        : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n  heading, children, ...props\n}) => {\n  const theme = useTheme()\n  const [ethData] = getTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React 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> = ({\n  children, heading, networkIcon, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading}\n      {' '}\n      {networkIcon}\n      {' '}\n      {children}\n    </TypographyEx>\n  )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n  alignItems: 'end',\n  columnGap: theme.spacing(2),\n  flexWrap: 'wrap',\n  justifyContent: 'space-between',\n  justifyItems: 'space-between',\n  rowGap: theme.spacing(2),\n  width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  rowGap: theme.spacing(2),\n}))\n","import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n  parsedPayload?: GasPriceWitnessUIBasePayload\n  title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n  ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\n  <StyledCardHeader\n    title={<GasPriceHeaderTypography heading={title} />}\n    action={(\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    )}\n    ref={ref}\n    {...props}\n  />\n)\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import type { CardProps } from '@mui/material'\nimport {\n  Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n  GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\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> = ({\n  gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx\n        removePadding\n        sx={{\n          flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n        }}\n      >\n        <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.vars.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee\n            ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n            : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n  priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\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)}\n          {' '}\n          <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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    ? (\n        <FlexGrowCol {...props}>\n          <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n            {speed}\n          </TypographyEx>\n        </FlexGrowCol>\n      )\n    : null\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n  heading, parsedPayload, ...props\n}) => {\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","import {\n  Button, Collapse, Paper,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { 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    ? (\n        <FlexCol rowGap={1} {...props}>\n          <Button\n            color=\"secondary\"\n            sx={{ bgcolor: 'secondary.dark', color: 'white' }}\n            variant=\"contained\"\n            onClick={() => setCollapse(!collapse)}\n          >\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      )\n    : null\n}\n"],"mappings":"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","names":["jsx","useTheme","jsxs","jsx","useTheme","FlexRow","styled","jsx","useTheme","FlexGrowCol","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","jsx","jsxs","useTheme","FlexRow","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol","jsx","jsxs","Paper","FlexCol","jsx","jsxs"]}
+{"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  return (\n    <Avatar {...props}>\n      <LocalGasStationRoundedIcon />\n    </Avatar>\n  )\n}\n","import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n  parsedPayload?: GasPriceWitnessUIBasePayload\n  title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n  ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\n  <StyledCardHeader\n    title={<GasPriceHeaderTypography heading={title} />}\n    action={(\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    )}\n    ref={ref}\n    {...props}\n  />\n)\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\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\n        ? <Chip label={new Date(timestamp).toLocaleString()} />\n        : null}\n      {baseFee\n        ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n        : null}\n      {blockNumber\n        ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n        : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n  heading, children, ...props\n}) => {\n  const theme = useTheme()\n  const [ethData] = getTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React 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> = ({\n  children, heading, networkIcon, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading}\n      {' '}\n      {networkIcon}\n      {' '}\n      {children}\n    </TypographyEx>\n  )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n  alignItems: 'end',\n  columnGap: theme.spacing(2),\n  flexWrap: 'wrap',\n  justifyContent: 'space-between',\n  justifyItems: 'space-between',\n  rowGap: theme.spacing(2),\n  width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  rowGap: theme.spacing(2),\n}))\n","import type { CardProps } from '@mui/material'\nimport {\n  Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n  GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\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> = ({\n  gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx\n        removePadding\n        sx={{\n          flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n        }}\n      >\n        <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.vars.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee\n            ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n            : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n  priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\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)}\n          {' '}\n          <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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    ? (\n        <FlexGrowCol {...props}>\n          <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n            {speed}\n          </TypographyEx>\n        </FlexGrowCol>\n      )\n    : null\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n  heading, parsedPayload, ...props\n}) => {\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","import {\n  Button, Collapse, Paper,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { 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    ? (\n        <FlexCol rowGap={1} {...props}>\n          <Button\n            color=\"secondary\"\n            sx={{ bgcolor: 'secondary.dark', color: 'white' }}\n            variant=\"contained\"\n            onClick={() => setCollapse(!collapse)}\n          >\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      )\n    : null\n}\n"],"mappings":"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","names":["LocalGasStationRounded","LocalGasStationRoundedIcon","Avatar","React","EthereumGasPriceAvatar","props","Avatar","LocalGasStationRoundedIcon","React","Chip","FlexRow","React","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","React","FlexRow","columnGap","rowGap","flexWrap","Chip","label","Date","toLocaleString","toFixed","useTheme","getTokenData","React","useTheme","TypographyEx","React","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","useTheme","React","TypographyEx","fontSize","spacing","lineHeight","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","getTokenData","networkIcon","React","img","height","spacing","src","icon","GasPriceHeadingTypography","styled","FlexRow","StyledGasPriceHeaderBox","name","theme","alignItems","columnGap","spacing","flexWrap","justifyContent","justifyItems","rowGap","width","CardHeader","styled","StyledCardHeader","name","theme","flexWrap","rowGap","spacing","GasPriceWitnessCardHeader","ref","title","parsedPayload","props","React","StyledCardHeader","GasPriceHeaderTypography","heading","action","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","displayName","Card","Paper","useTheme","FlexGrowCol","CardContentEx","React","useTheme","FlexRow","TypographyEx","React","TypographyEx","React","GweiLabelTypography","props","React","TypographyEx","variant","GasPriceBox","gasPrice","props","theme","useTheme","React","FlexRow","columnGap","rowGap","alignItems","TypographyEx","lineHeight","fontWeight","fontSize","spacing","title","toString","toFixed","GweiLabelTypography","LocalGasStationRounded","LocalGasStationRoundedIcon","useTheme","FlexCol","FlexGrowRow","TypographyEx","React","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","useTheme","React","FlexGrowRow","width","justifyContent","alignItems","FlexCol","TypographyEx","title","toString","toFixed","GweiLabelTypography","fontSize","spacing","LocalGasStationRoundedIcon","useTheme","FlexGrowCol","TypographyEx","React","SpeedBox","speed","props","theme","useTheme","React","FlexGrowCol","TypographyEx","fontSize","spacing","fontWeight","p","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","useTheme","React","Card","sx","p","CardContentEx","removePadding","flexDirection","flexGrow","rowGap","FlexGrowCol","bgcolor","vars","palette","secondary","dark","alignItems","color","common","white","GasPriceBox","PriorityFeeBox","Paper","elevation","borderRadius","shape","SpeedBox","React","GasPriceWitnessHeaderBox","heading","parsedPayload","props","React","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","Button","Collapse","Paper","FlexCol","React","useState","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse","useState","React","FlexCol","rowGap","Button","color","sx","bgcolor","variant","onClick","Collapse","in","Paper","elevation","p","pre","JSON","stringify"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-gas-price",
-  "version": "7.4.2",
+  "version": "7.5.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,24 +43,24 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/react-flexbox": "~7.1.8",
-    "@xyo-network/react-card": "^7.4.2",
-    "@xyo-network/react-shared": "^7.4.2"
+    "@xylabs/react-flexbox": "~7.1.9",
+    "@xyo-network/react-card": "7.5.0",
+    "@xyo-network/react-shared": "7.5.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.6",
-    "@mui/material": "~7.3.6",
-    "@storybook/react-vite": "~10.1.4",
-    "@types/react": "^19.2.7",
-    "@xylabs/ts-scripts-yarn3": "~7.2.8",
-    "@xylabs/tsconfig": "~7.2.8",
-    "@xylabs/tsconfig-dom": "~7.2.8",
-    "@xylabs/tsconfig-react": "~7.2.8",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "storybook": "~10.1.4",
+    "@mui/icons-material": "~7.3.7",
+    "@mui/material": "~7.3.7",
+    "@storybook/react-vite": "~10.2.1",
+    "@types/react": "^19.2.10",
+    "@xylabs/ts-scripts-yarn3": "~7.3.2",
+    "@xylabs/tsconfig": "~7.3.2",
+    "@xylabs/tsconfig-dom": "~7.3.2",
+    "@xylabs/tsconfig-react": "~7.3.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "~10.2.1",
     "typescript": "^5.9.3",
-    "vite": "~7.2.6"
+    "vite": "~7.3.1"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",
@@ -72,4 +72,4 @@
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}