@xyo-network/react-gas-price 7.5.8 → 7.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-gas-price",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,43 +36,104 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xyo-network/react-card": "7.5.8",
-    "@xyo-network/react-shared": "7.5.8"
+    "@xyo-network/react-shared": "~7.5.11",
+    "@xyo-network/react-card": "~7.5.11"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@bitauth/libauth": "~3.0.0",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "storybook": "~10.3.3",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/threads": "~5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "debug": "~4.4.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "hash-wasm": "~4.12.0",
+    "js-cookie": "~3.0.5",
+    "observable-fns": "~0.6.1",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
+    "vite": "^8.0.10",
+    "wasm-feature-detect": "~1.8.0",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "zod": "^4"
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/Avatar/EthereumGasPriceAvatar.stories.tsx

@@ -1,16 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { EthereumGasPriceAvatar } from './EthereumGasPriceAvatar.tsx'
-
-export default {
-  component: EthereumGasPriceAvatar,
-  title: 'plugin/blockchain/EthereumGasPrice/Avatar',
-} as Meta
-
-const Template: StoryFn<typeof EthereumGasPriceAvatar> = props => <EthereumGasPriceAvatar {...props} />
-
-const Default = Template.bind({})
-Default.args = {}
-
-export { Default }

package/src/components/Avatar/EthereumGasPriceAvatar.tsx

@@ -1,12 +0,0 @@
-import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'
-import type { AvatarProps } from '@mui/material'
-import { Avatar } from '@mui/material'
-import React from 'react'
-
-export const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {
-  return (
-    <Avatar {...props}>
-      <LocalGasStationRoundedIcon />
-    </Avatar>
-  )
-}

package/src/components/Avatar/index.ts

@@ -1 +0,0 @@
-export * from './EthereumGasPriceAvatar.tsx'

package/src/components/CardHeader/CardHeader.tsx

@@ -1,31 +0,0 @@
-import type { CardProps } from '@mui/material'
-import React from 'react'
-
-import type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'
-import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'
-import { StyledCardHeader } from '../layout/index.ts'
-
-export interface GasPriceCardHeaderProps extends CardProps {
-  parsedPayload?: GasPriceWitnessUIBasePayload
-  title?: string
-}
-export const GasPriceWitnessCardHeader = ({
-  ref, title, parsedPayload, ...props
-}: GasPriceCardHeaderProps) => (
-  <StyledCardHeader
-    title={<GasPriceHeaderTypography heading={title} />}
-    action={(
-      <GasPriceHeaderActionsBox
-        timestamp={parsedPayload?.timestamp}
-        baseFee={parsedPayload?.baseFee?.value}
-        baseFeeLabel={parsedPayload?.baseFee?.label}
-        blockNumber={parsedPayload?.blockNumber?.value}
-        blockNumberLabel={parsedPayload?.blockNumber?.label}
-      />
-    )}
-    ref={ref}
-    {...props}
-  />
-)
-
-GasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'

package/src/components/CardHeader/index.ts

@@ -1 +0,0 @@
-export * from './CardHeader.tsx'

package/src/components/GasFees/Card.stories.tsx

@@ -1,46 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import { GasFeeCard } from './Card.tsx'
-
-const DefaultArgs = {
-  gasPrice: 15.760_184_184_000_002,
-  priorityFee: 1.0625,
-}
-
-export default {
-  component: GasFeeCard,
-  title: 'plugin/blockchain/GasPrice/GasFeeCard',
-} as Meta
-
-const Template: StoryFn<typeof GasFeeCard> = (props) => {
-  return <GasFeeCard {...props} />
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const Contained = Template.bind({})
-Contained.args = DefaultArgs
-Contained.decorators = [
-  (Story, args) => (
-    <FlexCol alignItems="start">
-      <Story {...args} />
-    </FlexCol>
-  ),
-]
-
-const WithData = Template.bind({})
-WithData.args = DefaultArgs
-
-const WithLabel = Template.bind({})
-WithLabel.args = {
-  ...DefaultArgs,
-  priorityFeeLabel: 'CustomPriorityFeeLabel',
-  speed: 'CustomSpeedLabel',
-}
-
-export {
-  Contained, Default, WithData, WithLabel,
-}

package/src/components/GasFees/Card.tsx

@@ -1,46 +0,0 @@
-import type { CardProps } from '@mui/material'
-import {
-  Card, Paper, useTheme,
-} from '@mui/material'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import { CardContentEx } from '@xyo-network/react-card'
-import React from 'react'
-
-import {
-  GasPriceBox, PriorityFeeBox, SpeedBox,
-} from './components/index.ts'
-
-export interface GasFeeCardProps extends CardProps {
-  gasPrice?: number
-  priorityFee?: number
-  priorityFeeLabel?: string
-  speed?: string
-  speedPaperElevation?: number
-}
-
-export const GasFeeCard: React.FC<GasFeeCardProps> = ({
-  gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props
-}) => {
-  const theme = useTheme()
-
-  return (
-    <Card sx={{ p: 0 }} {...props}>
-      <CardContentEx
-        removePadding
-        sx={{
-          flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,
-        }}
-      >
-        <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems="start" p={2} rowGap={1.5} color={theme.vars.palette.common.white}>
-          <GasPriceBox gasPrice={gasPrice} />
-          {priorityFee
-            ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />
-            : null}
-        </FlexGrowCol>
-        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>
-          <SpeedBox speed={speed} />
-        </Paper>
-      </CardContentEx>
-    </Card>
-  )
-}

package/src/components/GasFees/components/GasPriceBox.tsx

@@ -1,23 +0,0 @@
-import { useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexRow } from '@xylabs/react-flexbox'
-import { TypographyEx } from '@xyo-network/react-shared'
-import React from 'react'
-
-import { GweiLabelTypography } from './GweiLabelTypography.tsx'
-
-export interface GasPriceBoxProps extends FlexBoxProps {
-  gasPrice?: number
-}
-
-export const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {
-  const theme = useTheme()
-  return (
-    <FlexRow columnGap={1.5} rowGap={1.5} alignItems="end" {...props}>
-      <TypographyEx lineHeight={1} fontWeight="200" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>
-        {gasPrice?.toFixed(2)}
-      </TypographyEx>
-      <GweiLabelTypography fontSize={theme.spacing(2)} />
-    </FlexRow>
-  )
-}

package/src/components/GasFees/components/GweiLabelTypography.tsx

@@ -1,9 +0,0 @@
-import type { TypographyExProps } from '@xyo-network/react-shared'
-import { TypographyEx } from '@xyo-network/react-shared'
-import React from 'react'
-
-export const GweiLabelTypography: React.FC<TypographyExProps> = props => (
-  <TypographyEx variant="caption" {...props}>
-    GWEI
-  </TypographyEx>
-)

package/src/components/GasFees/components/PriorityFeeBox.tsx

@@ -1,33 +0,0 @@
-import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'
-import { useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import { TypographyEx } from '@xyo-network/react-shared'
-import React from 'react'
-
-import { GweiLabelTypography } from './GweiLabelTypography.tsx'
-
-export interface PriorityFeeBoxProps extends FlexBoxProps {
-  priorityFee?: number
-  priorityFeeLabel?: string
-}
-
-export const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({
-  priorityFee, priorityFeeLabel = 'Priority Fee', ...props
-}) => {
-  const theme = useTheme()
-
-  return (
-    <FlexGrowRow width="100%" justifyContent="space-between" alignItems="end" {...props}>
-      <FlexCol alignItems="start">
-        <TypographyEx>{priorityFeeLabel}</TypographyEx>
-        <TypographyEx title={priorityFee?.toString() ?? ''}>
-          {priorityFee?.toFixed(2)}
-          {' '}
-          <GweiLabelTypography fontSize={theme.spacing(1)} />
-        </TypographyEx>
-      </FlexCol>
-      <LocalGasStationRoundedIcon />
-    </FlexGrowRow>
-  )
-}

package/src/components/GasFees/components/SpeedBox.tsx

@@ -1,23 +0,0 @@
-import { useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import { TypographyEx } from '@xyo-network/react-shared'
-import React from 'react'
-
-export interface SpeedBoxProps extends FlexBoxProps {
-  speed?: string
-}
-
-export const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {
-  const theme = useTheme()
-
-  return speed
-    ? (
-        <FlexGrowCol {...props}>
-          <TypographyEx fontSize={theme.spacing(3)} fontWeight="200" p={1}>
-            {speed}
-          </TypographyEx>
-        </FlexGrowCol>
-      )
-    : null
-}

package/src/components/GasFees/components/index.ts

@@ -1,3 +0,0 @@
-export * from './GasPriceBox.tsx'
-export * from './PriorityFeeBox.tsx'
-export * from './SpeedBox.tsx'

package/src/components/GasFees/index.ts

@@ -1 +0,0 @@
-export * from './Card.tsx'

package/src/components/HeaderBox.tsx

@@ -1,28 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import type { GasPriceWitnessUIBasePayload } from '../types/index.ts'
-import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'
-import { StyledGasPriceHeaderBox } from './layout/index.ts'
-
-export interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {
-  heading?: string
-  parsedPayload?: GasPriceWitnessUIBasePayload
-}
-
-export const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({
-  heading, parsedPayload, ...props
-}) => {
-  return (
-    <StyledGasPriceHeaderBox {...props}>
-      <GasPriceHeaderTypography heading={heading} />
-      <GasPriceHeaderActionsBox
-        timestamp={parsedPayload?.timestamp}
-        baseFee={parsedPayload?.baseFee?.value}
-        baseFeeLabel={parsedPayload?.baseFee?.label}
-        blockNumber={parsedPayload?.blockNumber?.value}
-        blockNumberLabel={parsedPayload?.blockNumber?.label}
-      />
-    </StyledGasPriceHeaderBox>
-  )
-}

package/src/components/HeaderComponents/Actions.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { GasPriceHeaderActionsBox } from './Actions.tsx'
-
-export default {
-  component: GasPriceHeaderActionsBox,
-  title: 'plugin/blockchain/GasPrice/GasPriceHeaderActionsBox',
-} as Meta
-
-const Template: StoryFn<typeof GasPriceHeaderActionsBox> = props => <GasPriceHeaderActionsBox {...props} />
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithData = Template.bind({})
-WithData.args = {
-  baseFee: 12,
-  baseFeeLabel: 'Custom BaseFee Label',
-  blockNumber: 123_465,
-  blockNumberLabel: 'Custom BlockNumber Label',
-  timestamp: 1_670_530_947,
-}
-
-export { Default, WithData }

package/src/components/HeaderComponents/Actions.tsx

@@ -1,35 +0,0 @@
-import { Chip } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexRow } from '@xylabs/react-flexbox'
-import React from 'react'
-
-export interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {
-  baseFee?: number
-  baseFeeLabel?: string
-  blockNumber?: number
-  blockNumberLabel?: string
-  timestamp?: number
-}
-
-export const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({
-  baseFee,
-  baseFeeLabel = 'Base Fee',
-  blockNumber,
-  blockNumberLabel = 'Block Number',
-  timestamp,
-  ...props
-}) => {
-  return (
-    <FlexRow columnGap={1} rowGap={1} flexWrap="wrap" {...props}>
-      {timestamp
-        ? <Chip label={new Date(timestamp).toLocaleString()} />
-        : null}
-      {baseFee
-        ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />
-        : null}
-      {blockNumber
-        ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />
-        : null}
-    </FlexRow>
-  )
-}

package/src/components/HeaderComponents/Header/Header.tsx

@@ -1,25 +0,0 @@
-import { useTheme } from '@mui/material'
-import type { TypographyExProps } from '@xyo-network/react-shared'
-import { getTokenData } from '@xyo-network/react-shared'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-
-import { GasPriceHeadingTypography } from './Heading.tsx'
-
-export interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {
-  heading?: string
-}
-
-export const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({
-  heading, children, ...props
-}) => {
-  const theme = useTheme()
-  const [ethData] = getTokenData(['eth'])
-  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />
-
-  return (
-    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>
-      {children}
-    </GasPriceHeadingTypography>
-  )
-}

package/src/components/HeaderComponents/Header/Heading.tsx

@@ -1,26 +0,0 @@
-import { useTheme } from '@mui/material'
-import type { TypographyExProps } from '@xyo-network/react-shared'
-import { TypographyEx } from '@xyo-network/react-shared'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-export interface GasPriceHeadingTypographyProps extends TypographyExProps {
-  children?: ReactNode
-  heading?: string
-  networkIcon?: ReactNode
-}
-
-export const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({
-  children, heading, networkIcon, ...props
-}) => {
-  const theme = useTheme()
-  return (
-    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>
-      {heading}
-      {' '}
-      {networkIcon}
-      {' '}
-      {children}
-    </TypographyEx>
-  )
-}

package/src/components/HeaderComponents/Header/index.ts

@@ -1,2 +0,0 @@
-export * from './Header.tsx'
-export * from './Heading.tsx'

package/src/components/HeaderComponents/index.ts

@@ -1,2 +0,0 @@
-export * from './Actions.tsx'
-export * from './Header/index.ts'

package/src/components/RawPayload/ToggleRawPayloadBox.stories.tsx

@@ -1,24 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { ToggleRawPayloadBox } from './ToggleRawPayloadBox.tsx'
-
-export default {
-  component: ToggleRawPayloadBox,
-  title: 'plugin/blockchain/GasPrice/ToggleRawPayloadBox',
-} as Meta
-
-const Template: StoryFn<typeof ToggleRawPayloadBox> = props => <ToggleRawPayloadBox {...props} />
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithData = Template.bind({})
-WithData.args = {
-  gasPricePayload: {
-    foo: 'bar',
-    schema: 'network.xyo.some.schema',
-  },
-}
-
-export { Default, WithData }

package/src/components/RawPayload/ToggleRawPayloadBox.tsx

@@ -1,33 +0,0 @@
-import {
-  Button, Collapse, Paper,
-} from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React, { useState } from 'react'
-
-export interface ToggleRawPayloadBoxProps extends FlexBoxProps {
-  gasPricePayload?: object
-}
-
-export const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {
-  const [collapse, setCollapse] = useState(false)
-  return gasPricePayload
-    ? (
-        <FlexCol rowGap={1} {...props}>
-          <Button
-            color="secondary"
-            sx={{ bgcolor: 'secondary.dark', color: 'white' }}
-            variant="contained"
-            onClick={() => setCollapse(!collapse)}
-          >
-            Raw Payload
-          </Button>
-          <Collapse in={collapse}>
-            <Paper elevation={4} sx={{ p: 2 }}>
-              <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>
-            </Paper>
-          </Collapse>
-        </FlexCol>
-      )
-    : null
-}

package/src/components/RawPayload/index.ts

@@ -1 +0,0 @@
-export * from './ToggleRawPayloadBox.tsx'

package/src/components/index.ts

@@ -1,7 +0,0 @@
-export * from './Avatar/index.ts'
-export * from './CardHeader/index.ts'
-export * from './GasFees/index.ts'
-export * from './HeaderBox.tsx'
-export * from './HeaderComponents/index.ts'
-export * from './layout/index.ts'
-export * from './RawPayload/index.ts'

package/src/components/layout/Header.tsx

@@ -1,12 +0,0 @@
-import { styled } from '@mui/material'
-import { FlexRow } from '@xylabs/react-flexbox'
-
-export const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({
-  alignItems: 'end',
-  columnGap: theme.spacing(2),
-  flexWrap: 'wrap',
-  justifyContent: 'space-between',
-  justifyItems: 'space-between',
-  rowGap: theme.spacing(2),
-  width: '100%',
-}))

package/src/components/layout/StyledCardHeader.tsx

@@ -1,6 +0,0 @@
-import { CardHeader, styled } from '@mui/material'
-
-export const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({
-  flexWrap: 'wrap',
-  rowGap: theme.spacing(2),
-}))

package/src/components/layout/index.ts

@@ -1,2 +0,0 @@
-export * from './Header.tsx'
-export * from './StyledCardHeader.tsx'

package/src/global.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts'
-export * from './types/index.ts'