@xyo-network/react-chain-blockchain 1.16.2 → 1.16.4

package/dist/browser/components/block/ProducerChip.d.ts

@@ -5,4 +5,8 @@ export interface BlockProducerChipProps extends ChipProps {
     block?: HydratedBlock;
 }
 export declare const BlockProducerChip: React.FC<BlockProducerChipProps>;
+export declare const BlockAddressChip: React.FC<BlockProducerChipProps & {
+    address?: string;
+    toolTipTitle?: string;
+}>;
 //# sourceMappingURL=ProducerChip.d.ts.map

package/dist/browser/components/block/ProducerChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProducerChip.d.ts","sourceRoot":"","sources":["../../../../src/components/block/ProducerChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAUtC,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoB9D,CAAA"}
+{"version":3,"file":"ProducerChip.d.ts","sourceRoot":"","sources":["../../../../src/components/block/ProducerChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAUtC,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAI9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAkB3G,CAAA"}

package/dist/browser/components/block/table/cell/BlockNumber.d.ts

@@ -3,4 +3,7 @@ import type { BlockTableCellProps } from './lib/index.ts';
 export interface BlockNumberTableCellProps extends BlockTableCellProps {
 }
 export declare const BlockNumberTableCell: React.FC<BlockNumberTableCellProps>;
+export declare const BlockNumberTableCellInner: React.FC<BlockNumberTableCellProps & {
+    blockNumber?: number;
+}>;
 //# sourceMappingURL=BlockNumber.d.ts.map

package/dist/browser/components/block/table/cell/BlockNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/BlockNumber.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;CAAG;AAEzE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAcpE,CAAA"}
+{"version":3,"file":"BlockNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/BlockNumber.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;CAAG;AAEzE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAYpG,CAAA"}

package/dist/browser/components/block/table/cell/Epoch.d.ts

@@ -3,4 +3,7 @@ import { type BlockTableCellProps } from './lib/index.ts';
 export interface BlockEpochTableCellProps extends BlockTableCellProps {
 }
 export declare const BlockEpochTableCell: React.FC<BlockEpochTableCellProps>;
+export declare const BlockEpochTableCellInner: React.FC<BlockEpochTableCellProps & {
+    epoch?: number;
+}>;
 //# sourceMappingURL=Epoch.d.ts.map

package/dist/browser/components/block/table/cell/Epoch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Epoch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Epoch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;CAAG;AAExE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiBlE,CAAA"}
+{"version":3,"file":"Epoch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Epoch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;CAAG;AAExE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiBlE,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAe5F,CAAA"}

package/dist/browser/components/block/table/cell/Producer.d.ts

@@ -1,3 +1,4 @@
+import type { MouseEvent } from 'react';
 import React from 'react';
 import type { BlockProducerChipProps } from '../../ProducerChip.tsx';
 import type { BlockTableCellProps } from './lib/index.ts';
@@ -6,4 +7,11 @@ export interface BlockProducerTableCell extends BlockTableCellProps {
     producerChipProps?: BlockProducerChipProps;
 }
 export declare const BlockProducerTableCell: React.FC<BlockProducerTableCell>;
+export interface BlockProducerTableCellInner extends BlockTableCellProps {
+    address?: string;
+    handleClick?: (event: MouseEvent) => void;
+    notAvailableDialog?: boolean;
+    producerChipProps?: BlockProducerChipProps;
+}
+export declare const BlockProducerTableCellInner: React.FC<BlockProducerTableCell & BlockProducerTableCellInner>;
 //# sourceMappingURL=Producer.d.ts.map

package/dist/browser/components/block/table/cell/Producer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Producer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Producer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAGpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiBnE,CAAA"}
+{"version":3,"file":"Producer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Producer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAGpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiBnE,CAAA;AAED,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;IACtE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,GAAG,2BAA2B,CAoBtG,CAAA"}

package/dist/browser/index.mjs

@@ -835,22 +835,29 @@ var formatProducerAddress = /* @__PURE__ */ __name((address) => {
   const formattedAddress = toAddress(address);
   return EthAddressWrapper.parse(formattedAddress)?.toShortString(4);
 }, "formatProducerAddress");
-var BlockProducerChip = /* @__PURE__ */ __name(({ block, sx, ...props }) => {
+var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
   const blockProducer2 = block?.[0].addresses[0];
-  const shortedBlockProducer = blockProducer2 === void 0 ? null : formatProducerAddress(blockProducer2);
-  const avatar = useMemo7(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
+  return /* @__PURE__ */ React12.createElement(BlockAddressChip, {
+    address: blockProducer2,
+    toolTipTitle: `Block producer: ${blockProducer2}`,
+    ...props
+  });
+}, "BlockProducerChip");
+var BlockAddressChip = /* @__PURE__ */ __name(({ address, sx, toolTipTitle, ...props }) => {
+  const shortedBlockProducer = address === void 0 ? null : formatProducerAddress(address);
+  const avatar = useMemo7(() => address === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
     blockiesOptions: {
-      seed: blockProducer2
+      seed: address
     }
   }), [
-    blockProducer2
+    address
   ]);
   return /* @__PURE__ */ React12.createElement(Chip2, {
     avatar,
     label: shortedBlockProducer ?? /* @__PURE__ */ React12.createElement(ChipSkeleton, {
       width: 115
     }),
-    title: `Block producer: ${blockProducer2}`,
+    title: toolTipTitle,
     sx: {
       fontFamily: "monospace",
       cursor: "pointer",
@@ -858,7 +865,7 @@ var BlockProducerChip = /* @__PURE__ */ __name(({ block, sx, ...props }) => {
     },
     ...props
   });
-}, "BlockProducerChip");
+}, "BlockAddressChip");
 
 // src/components/block/BlockHeadingFlexbox.tsx
 var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, transactions }) => {
@@ -916,13 +923,20 @@ import { TableCell, Tooltip, Typography as Typography3 } from "@mui/material";
 import React14 from "react";
 var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const blockNumber = block?.[0].block;
+  return /* @__PURE__ */ React14.createElement(BlockNumberTableCellInner, {
+    blockNumber,
+    linked,
+    ...props
+  });
+}, "BlockNumberTableCell");
+var BlockNumberTableCellInner = /* @__PURE__ */ __name(({ blockNumber, linked, ...props }) => {
   return /* @__PURE__ */ React14.createElement(TableCell, props, /* @__PURE__ */ React14.createElement(Tooltip, {
     title: `Block Number: ${blockNumber}`
   }, /* @__PURE__ */ React14.createElement(Typography3, {
     component: "span",
     variant: "body1"
   }, blockNumber)));
-}, "BlockNumberTableCell");
+}, "BlockNumberTableCellInner");
 
 // src/components/block/table/cell/Epoch.tsx
 import { Skeleton as Skeleton2, TableCell as TableCell2, Tooltip as Tooltip2, Typography as Typography4 } from "@mui/material";
@@ -1002,6 +1016,18 @@ var BlockEpochTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) =
     width: 115
   }))));
 }, "BlockEpochTableCell");
+var BlockEpochTableCellInner = /* @__PURE__ */ __name(({ epoch, linked, ...props }) => {
+  const dateTime = dateFormat.format(epoch);
+  const age = isDefined3(epoch) ? timeAgo(epoch) : void 0;
+  return /* @__PURE__ */ React15.createElement(TableCell2, props, /* @__PURE__ */ React15.createElement(Tooltip2, {
+    title: `Block Epoch: ${dateTime}`
+  }, /* @__PURE__ */ React15.createElement(Typography4, {
+    component: "span",
+    variant: "body1"
+  }, age ?? /* @__PURE__ */ React15.createElement(Skeleton2, {
+    width: 115
+  }))));
+}, "BlockEpochTableCellInner");
 
 // src/components/block/table/cell/Hash.tsx
 import { Link, TableCell as TableCell3, Tooltip as Tooltip3 } from "@mui/material";
@@ -1134,29 +1160,38 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
 
 // src/components/block/table/cell/Producer.tsx
 import { TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
-import React20 from "react";
+import React20, { useState as useState11 } from "react";
 var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailableDialog, producerChipProps, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-producer", JSON.stringify(block));
   const producer = useBlockProducer(block);
-  const [notAvailable, setNotAvailable] = React20.useState(false);
-  return /* @__PURE__ */ React20.createElement(TableCell6, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ React20.createElement(Tooltip5, {
-    title: `Block Producer: ${producer}`
-  }, /* @__PURE__ */ React20.createElement(BlockProducerChip, {
+  return /* @__PURE__ */ React20.createElement(BlockProducerTableCellInner, {
+    address: producer,
+    handleClick,
+    linked,
+    notAvailableDialog,
+    producerChipProps,
+    ...props,
+    ref
+  });
+}, "BlockProducerTableCell");
+var BlockProducerTableCellInner = /* @__PURE__ */ __name(({ address, handleClick, linked, notAvailableDialog, producerChipProps, ...props }) => {
+  const [notAvailable, setNotAvailable] = useState11(false);
+  return /* @__PURE__ */ React20.createElement(TableCell6, props, /* @__PURE__ */ React20.createElement(Tooltip5, {
+    title: `Block Producer: ${address}`
+  }, /* @__PURE__ */ React20.createElement(BlockAddressChip, {
     sx: {
       cursor: "pointer"
     },
     onClick: linked ? handleClick : () => setNotAvailable(true),
-    block,
+    address,
+    toolTipTitle: `Block Producer: ${address}`,
     ...producerChipProps
   })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React20.createElement(FeatureNotAvailable, {
     featureName: "Producer Details",
     open: notAvailable,
     onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
   }) : null);
-}, "BlockProducerTableCell");
+}, "BlockProducerTableCellInner");
 
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error3 } from "@mui/icons-material";
@@ -1341,7 +1376,7 @@ import React30, { memo } from "react";
 // src/components/chain/stats/Dialog.tsx
 import { QueryStats } from "@mui/icons-material";
 import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle3, IconButton as IconButton3 } from "@mui/material";
-import React28, { useState as useState11 } from "react";
+import React28, { useState as useState12 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography6 } from "@mui/material";
@@ -1416,7 +1451,7 @@ var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   }) : null)) : null));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
   return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
@@ -1595,9 +1630,9 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo11, useState as useState12 } from "react";
+import { useMemo as useMemo11, useState as useState13 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
-  const [page, setPage] = useState12(0);
+  const [page, setPage] = useState13(0);
   const paginatedBlockComponents = useMemo11(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
@@ -1741,9 +1776,9 @@ var StaticBlockchainRenderFlexBox = {
 // src/components/payload/builder/Flexbox.tsx
 import { FlexCol as FlexCol6 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import React36, { useState as useState13 } from "react";
+import React36, { useState as useState14 } from "react";
 var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
-  const [payload, setPayload] = useState13();
+  const [payload, setPayload] = useState14();
   const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
@@ -1761,13 +1796,13 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button5, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-protocol";
-import React39, { useMemo as useMemo15, useState as useState16 } from "react";
+import React39, { useMemo as useMemo15, useState as useState17 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
-import React37, { useState as useState14 } from "react";
+import React37, { useState as useState15 } from "react";
 var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
-  const [blockNumber, setBlockNumber] = useState14();
+  const [blockNumber, setBlockNumber] = useState15();
   const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
     setBlockNumber(value.length > 0 ? Number(value) : void 0);
@@ -1793,10 +1828,10 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
 import { asAddress, isAddress as isAddress2 } from "@xylabs/hex";
-import React38, { useMemo as useMemo14, useState as useState15 } from "react";
+import React38, { useMemo as useMemo14, useState as useState16 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
-  const [address, setAddress] = useState15("");
-  const [addressError, setAddressError] = useState15();
+  const [address, setAddress] = useState16("");
+  const [addressError, setAddressError] = useState16();
   useMemo14(() => setAddress(""), [
     resetValue
   ]);
@@ -1834,10 +1869,10 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
 
 // src/components/payload/builder/producer-intent/Form.tsx
 var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [delegate, setDelegate] = useState16();
-  const [exp, setExp] = useState16();
-  const [nbf, setNbf] = useState16();
-  const [blockRangeError, setBlockRangeError] = useState16();
+  const [delegate, setDelegate] = useState17();
+  const [exp, setExp] = useState17();
+  const [nbf, setNbf] = useState17();
+  const [blockRangeError, setBlockRangeError] = useState17();
   const intentPayload = useMemo15(() => {
     if (exp !== void 0 && nbf !== void 0) {
       if (exp <= nbf) {
@@ -1898,7 +1933,7 @@ import React42 from "react";
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
 import { isAddress as isAddress4 } from "@xylabs/hex";
 import { TransferSchema } from "@xyo-network/xl1-protocol";
-import React41, { useMemo as useMemo17, useState as useState18 } from "react";
+import React41, { useMemo as useMemo17, useState as useState19 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
@@ -1906,10 +1941,10 @@ import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 }
 import { isAddress as isAddress3, toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import React40, { useEffect as useEffect3, useMemo as useMemo16, useState as useState17 } from "react";
+import React40, { useEffect as useEffect3, useMemo as useMemo16, useState as useState18 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
-  const [toAddress3, setToAddress] = useState17();
-  const [amount, setAmount] = useState17();
+  const [toAddress3, setToAddress] = useState18();
+  const [amount, setAmount] = useState18();
   const transferAmount = useMemo16(() => {
     if (isAddress3(toAddress3) && amount !== void 0) {
       return {
@@ -1954,8 +1989,8 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
 
 // src/components/payload/builder/transfer/Form.tsx
 var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [fromAddress, setFromAddress] = useState18();
-  const [transfers, setTransfers] = useState18([]);
+  const [fromAddress, setFromAddress] = useState19();
+  const [transfers, setTransfers] = useState19([]);
   const transferPayload = useMemo17(() => {
     if (isAddress4(fromAddress) && transfers.length > 0) {
       const transfersRecord = {};
@@ -2121,10 +2156,10 @@ import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memo
 import { ArchivistConfigSchema as ArchivistConfigSchema2 } from "@xyo-network/archivist-model";
 import { buildRandomBlockChain as buildRandomBlockChain2 } from "@xyo-network/react-chain-shared";
 import { flattenHydratedBlock } from "@xyo-network/xl1-protocol-sdk";
-import React44, { useEffect as useEffect5, useState as useState19 } from "react";
+import React44, { useEffect as useEffect5, useState as useState20 } from "react";
 var chainArchivistRef;
 var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [firstBlock, setFirstBlock] = useState19();
+  const [firstBlock, setFirstBlock] = useState20();
   const [randomBlockChain] = usePromise6(async () => await buildRandomBlockChain2(), []);
   const [chainArchivist] = usePromise6(async () => {
     if (chainArchivistRef) {
@@ -2224,18 +2259,22 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
   }, /* @__PURE__ */ React45.createElement(Story, context));
 }, "ChainInfoContextDecorator");
 export {
+  BlockAddressChip,
   BlockChainPagination,
   BlockChainTableRow,
   BlockEpochTableCell,
+  BlockEpochTableCellInner,
   BlockHashTableCell,
   BlockHeadingFlexbox,
   BlockJsonViewTableCell,
   BlockListWrapperFlexBox,
   BlockNumberTableCell,
+  BlockNumberTableCellInner,
   BlockNumberTextField,
   BlockPayloadCountsTableCell,
   BlockProducerChip,
   BlockProducerTableCell,
+  BlockProducerTableCellInner,
   BlockTransactionCountTableCell,
   BlockVerificationTableCell,
   BlockchainTableEx,