@xyo-network/react-chain-shared 1.23.0 → 1.23.2

package/dist/browser/index.mjs

@@ -1,35 +1,41 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/menu-item/ActiveMenuItem.tsx
-import { MenuItem, styled, useTheme } from "@mui/material";
-import React from "react";
-var ActiveMenuItem = /* @__PURE__ */ __name(({ active, children, sx, ...props }) => {
+import {
+  MenuItem,
+  styled,
+  useTheme
+} from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ActiveMenuItem = ({
+  active,
+  children,
+  sx,
+  ...props
+}) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React.createElement(StyledMenuItem, {
-    disableRipple: true,
-    sx: {
-      // left border color and background color for active state
-      "borderLeft": `5px solid ${active ? theme.vars.palette.secondary.light : "transparent"}`,
-      "backgroundColor": active ? theme.vars.palette.secondary.dark : "transparent",
-      // force white text color for active state for improved readability with background color
-      "color": active ? "white" : "unset",
-      "&:hover": {
-        // overriding default hover color and backgroundColor since active state conflicts visually with
-        // default styles of MenuItem hover
-        ...active ? {
-          backgroundColor: theme.vars.palette.secondary.dark
-        } : {},
-        color: active ? "white" : "unset"
+  return /* @__PURE__ */ jsx(
+    StyledMenuItem,
+    {
+      disableRipple: true,
+      sx: {
+        // left border color and background color for active state
+        "borderLeft": `5px solid ${active ? theme.vars.palette.secondary.light : "transparent"}`,
+        "backgroundColor": active ? theme.vars.palette.secondary.dark : "transparent",
+        // force white text color for active state for improved readability with background color
+        "color": active ? "white" : "unset",
+        "&:hover": {
+          // overriding default hover color and backgroundColor since active state conflicts visually with
+          // default styles of MenuItem hover
+          ...active ? { backgroundColor: theme.vars.palette.secondary.dark } : {},
+          color: active ? "white" : "unset"
+        },
+        ...sx
       },
-      ...sx
-    },
-    ...props
-  }, children);
-}, "ActiveMenuItem");
-var StyledMenuItem = styled(MenuItem, {
-  name: "StyledMenuItem"
-})(({ theme }) => ({
+      ...props,
+      children
+    }
+  );
+};
+var StyledMenuItem = styled(MenuItem, { name: "StyledMenuItem" })(({ theme }) => ({
   display: "flex-inline",
   flexDirection: "row",
   gap: theme.spacing(1),
@@ -39,46 +45,60 @@ var StyledMenuItem = styled(MenuItem, {
 }));
 
 // src/components/stack/DetailsStack.tsx
-import { Stack, styled as styled2, Tooltip, Typography, useTheme as useTheme2 } from "@mui/material";
+import {
+  Stack,
+  styled as styled2,
+  Tooltip,
+  Typography,
+  useTheme as useTheme2
+} from "@mui/material";
 import { isDefined } from "@xylabs/sdk-js";
-import React2, { useMemo } from "react";
-var isComponentType = /* @__PURE__ */ __name((value) => typeof value === "function" || typeof value === "object" && value !== null && ("$$typeof" in value || "render" in value), "isComponentType");
-var DetailsStack = /* @__PURE__ */ __name(({ IconComponent, heading, children, tooltipTitle, ...props }) => {
+import { useMemo } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var isComponentType = (value) => typeof value === "function" || typeof value === "object" && value !== null && ("$$typeof" in value || "render" in value);
+var DetailsStack = ({
+  IconComponent,
+  heading,
+  children,
+  tooltipTitle,
+  ...props
+}) => {
   const theme = useTheme2();
   const hasTooltip = isDefined(tooltipTitle);
   const resolvedIconComponent = useMemo(() => {
-    return isComponentType(IconComponent) ? /* @__PURE__ */ React2.createElement(IconComponent, {
-      style: {
-        /** height and marginTop adjusted to account for font not filling container with line-height: 1 */
-        height: "0.85rem",
-        marginTop: 0.5,
-        marginLeft: theme.spacing(1)
-      }
-    }) : IconComponent ?? null;
-  }, [
-    IconComponent,
-    theme
-  ]);
-  return /* @__PURE__ */ React2.createElement(Stack, {
-    direction: "column",
-    ...props,
-    sx: [
+    return isComponentType(IconComponent) ? /* @__PURE__ */ jsx2(
+      IconComponent,
       {
+        style: {
+          /** height and marginTop adjusted to account for font not filling container with line-height: 1 */
+          height: "0.85rem",
+          marginTop: 0.5,
+          marginLeft: theme.spacing(1)
+        }
+      }
+    ) : IconComponent ?? null;
+  }, [IconComponent, theme]);
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "column",
+      ...props,
+      sx: [{
         flexGrow: 1,
         flexWrap: "wrap",
         minWidth: "1px"
-      },
-      ...Array.isArray(props.sx) ? props.sx : [
-        props.sx
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsxs(SectionHeadingTypography, { children: [
+          heading,
+          hasTooltip ? /* @__PURE__ */ jsx2(Tooltip, { title: tooltipTitle, children: /* @__PURE__ */ jsx2("span", { children: resolvedIconComponent }) }) : resolvedIconComponent
+        ] }),
+        children
       ]
-    ]
-  }, /* @__PURE__ */ React2.createElement(SectionHeadingTypography, null, heading, hasTooltip ? /* @__PURE__ */ React2.createElement(Tooltip, {
-    title: tooltipTitle
-  }, /* @__PURE__ */ React2.createElement("span", null, resolvedIconComponent)) : resolvedIconComponent), children);
-}, "DetailsStack");
-var SectionHeadingTypography = styled2(Typography, {
-  name: "SectionHeadingTypography"
-})(({ theme }) => ({
+    }
+  );
+};
+var SectionHeadingTypography = styled2(Typography, { name: "SectionHeadingTypography" })(({ theme }) => ({
   display: "flex",
   fontFamily: "monospace",
   lineHeight: 1,
@@ -86,86 +106,106 @@ var SectionHeadingTypography = styled2(Typography, {
 }));
 
 // src/components/stack/LabelValueStack.tsx
-import { Stack as Stack2, Typography as Typography2, useTheme as useTheme3 } from "@mui/material";
+import {
+  Stack as Stack2,
+  Typography as Typography2,
+  useTheme as useTheme3
+} from "@mui/material";
 import { ellipsize, isAddress } from "@xylabs/sdk-js";
-import React3 from "react";
-var LabelValueStack = /* @__PURE__ */ __name(({ labels, values, ...props }) => {
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var LabelValueStack = ({
+  labels,
+  values,
+  ...props
+}) => {
   const theme = useTheme3();
-  const formattedValue = /* @__PURE__ */ __name((value) => {
+  const formattedValue = (value) => {
     if (isAddress(value)) {
       return ellipsize(value, 8);
     }
     return value;
-  }, "formattedValue");
-  return /* @__PURE__ */ React3.createElement(Stack2, {
-    ...props,
-    sx: [
-      {
+  };
+  return /* @__PURE__ */ jsxs2(
+    Stack2,
+    {
+      ...props,
+      sx: [{
         flexDirection: "row",
         flexGrow: 1
-      },
-      ...Array.isArray(props.sx) ? props.sx : [
-        props.sx
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsx3(Stack2, { children: labels.map((label) => /* @__PURE__ */ jsxs2(
+          Typography2,
+          {
+            variant: "body2",
+            sx: {
+              fontWeight: "300",
+              borderBottom: `1px solid ${theme.vars?.palette.divider}`,
+              opacity: 0.7
+            },
+            children: [
+              label,
+              ":"
+            ]
+          },
+          label
+        )) }),
+        /* @__PURE__ */ jsx3(
+          Stack2,
+          {
+            sx: {
+              alignItems: "end",
+              flexGrow: 1
+            },
+            children: values.map((value, index) => /* @__PURE__ */ jsx3(
+              Typography2,
+              {
+                title: value,
+                variant: "body2",
+                sx: {
+                  fontFamily: "monospace",
+                  width: "100%",
+                  display: "flex",
+                  justifyContent: "end",
+                  borderBottom: `1px solid ${theme.vars?.palette.divider}`
+                },
+                children: formattedValue(value)
+              },
+              labels[index]
+            ))
+          }
+        )
       ]
-    ]
-  }, /* @__PURE__ */ React3.createElement(Stack2, null, labels.map((label) => /* @__PURE__ */ React3.createElement(Typography2, {
-    key: label,
-    variant: "body2",
-    sx: {
-      fontWeight: "300",
-      borderBottom: `1px solid ${theme.vars?.palette.divider}`,
-      opacity: 0.7
-    }
-  }, label, ":"))), /* @__PURE__ */ React3.createElement(Stack2, {
-    sx: {
-      alignItems: "end",
-      flexGrow: 1
     }
-  }, values.map((value, index) => /* @__PURE__ */ React3.createElement(Typography2, {
-    title: value,
-    variant: "body2",
-    // Use matching label as key since values might be the same
-    key: labels[index],
-    sx: {
-      fontFamily: "monospace",
-      width: "100%",
-      display: "flex",
-      justifyContent: "end",
-      borderBottom: `1px solid ${theme.vars?.palette.divider}`
-    }
-  }, formattedValue(value)))));
-}, "LabelValueStack");
+  );
+};
 
 // src/story/buildRandomBlockchain.ts
 import { buildRandomChain } from "@xyo-network/chain-protocol-test";
 import { Account } from "@xyo-network/sdk-js";
-var buildRandomBlockChain = /* @__PURE__ */ __name(async (blockCount = 10) => {
+var buildRandomBlockChain = async (blockCount = 10) => {
   const initialBlockProducer = await Account.random();
   const blocks = await buildRandomChain(initialBlockProducer, blockCount);
   return blocks;
-}, "buildRandomBlockChain");
-var buildRandomBlockChainBlocksOnly = /* @__PURE__ */ __name(async (blockCount = 10) => {
+};
+var buildRandomBlockChainBlocksOnly = async (blockCount = 10) => {
   const chain = await buildRandomChain(await Account.random(), blockCount);
   return chain;
-}, "buildRandomBlockChainBlocksOnly");
+};
 
 // src/story/IframeWalletWarningDecorator.tsx
 import { Alert, Stack as Stack3 } from "@mui/material";
 import { isXyoGlobal } from "@xyo-network/react-chain-model";
-import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var inIframe = globalThis.self !== window.top;
-var IframeWalletWarningDecorator = /* @__PURE__ */ __name((Story, args) => {
+var IframeWalletWarningDecorator = (Story, args) => {
   const hasXyoGlobal = isXyoGlobal(globalThis.xyo);
-  return /* @__PURE__ */ React4.createElement(Stack3, {
-    sx: {
-      gap: 2
-    }
-  }, inIframe ? /* @__PURE__ */ React4.createElement(Alert, {
-    severity: "warning"
-  }, "This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.") : null, hasXyoGlobal ? null : /* @__PURE__ */ React4.createElement(Alert, {
-    severity: "warning"
-  }, "No wallet extension found. Please install the Xyo Wallet Chrome Extension."), /* @__PURE__ */ React4.createElement(Story, args));
-}, "IframeWalletWarningDecorator");
+  return /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 2 }, children: [
+    inIframe ? /* @__PURE__ */ jsx4(Alert, { severity: "warning", children: "This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension." }) : null,
+    hasXyoGlobal ? null : /* @__PURE__ */ jsx4(Alert, { severity: "warning", children: "No wallet extension found. Please install the Xyo Wallet Chrome Extension." }),
+    /* @__PURE__ */ jsx4(Story, { ...args })
+  ] });
+};
 export {
   ActiveMenuItem,
   DetailsStack,
@@ -174,4 +214,4 @@ export {
   buildRandomBlockChain,
   buildRandomBlockChainBlocksOnly
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../src/components/menu-item/ActiveMenuItem.tsx","../../src/components/stack/DetailsStack.tsx","../../src/components/stack/LabelValueStack.tsx","../../src/story/buildRandomBlockchain.ts","../../src/story/IframeWalletWarningDecorator.tsx"],"sourcesContent":["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\n/**\n * @deprecated Use {@link ActiveMenuItem} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, styled, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type {\n  ComponentType, ReactNode, SVGAttributes,\n} from 'react'\nimport React, { useMemo } from 'react'\n\nconst isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>\n  typeof value === 'function'\n  || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))\n\n/**\n * @deprecated Use {@link DetailsStackProps} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport interface DetailsStackProps extends StackProps {\n  IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode\n  heading?: string\n  tooltipTitle?: string\n}\n\n/**\n * @deprecated Use {@link DetailsStack} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const DetailsStack: React.FC<DetailsStackProps> = ({\n  IconComponent, heading, children, tooltipTitle, ...props\n}) => {\n  const theme = useTheme()\n\n  const hasTooltip = isDefined(tooltipTitle)\n  const resolvedIconComponent = useMemo(() => {\n    return isComponentType(IconComponent)\n      ? (\n          <IconComponent\n            style={{\n              /** height and marginTop adjusted to account for font not filling container with line-height: 1 */\n              height: '0.85rem',\n              marginTop: 0.5,\n              marginLeft: theme.spacing(1),\n            }}\n          />\n        )\n      : IconComponent ?? null\n  }, [IconComponent, theme])\n\n  return (\n    <Stack\n      direction=\"column\"\n      {...props}\n      sx={[{\n        flexGrow: 1,\n        flexWrap: 'wrap',\n        minWidth: '1px',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <SectionHeadingTypography>\n        {heading}\n        {hasTooltip\n          ? (\n              <Tooltip title={tooltipTitle}>\n                <span>{resolvedIconComponent}</span>\n              </Tooltip>\n            )\n          : resolvedIconComponent}\n      </SectionHeadingTypography>\n      {children}\n    </Stack>\n  )\n}\n\nconst SectionHeadingTypography = styled(Typography, { name: 'SectionHeadingTypography' })(({ theme }) => ({\n  display: 'flex',\n  fontFamily: 'monospace',\n  lineHeight: 1,\n  marginBottom: theme.spacing(1.5),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, Typography, useTheme,\n} from '@mui/material'\nimport { ellipsize, isAddress } from '@xylabs/sdk-js'\nimport React from 'react'\n\n/**\n * @deprecated Use {@link LabelValueStackProps} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport interface LabelValueStackProps extends StackProps {\n  labels: string[]\n  values: (string | undefined)[]\n}\n\n/**\n * @deprecated Use {@link LabelValueStack} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const LabelValueStack: React.FC<LabelValueStackProps> = ({\n  labels, values, ...props\n}) => {\n  const theme = useTheme()\n  const formattedValue = (value: string | undefined): string | undefined => {\n    if (isAddress(value)) {\n      return ellipsize(value, 8)\n    }\n    return value\n  }\n  return (\n    <Stack\n      {...props}\n      sx={[{\n        flexDirection: 'row',\n        flexGrow: 1,\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            key={label}\n            variant=\"body2\"\n            sx={{\n              fontWeight: '300',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n              opacity: 0.7,\n            }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack\n        sx={{\n          alignItems: 'end',\n          flexGrow: 1,\n        }}\n      >\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            sx={{\n              fontFamily: 'monospace',\n              width: '100%',\n              display: 'flex',\n              justifyContent: 'end',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n","import { buildRandomChain } from '@xyo-network/chain-protocol-test'\nimport { Account } from '@xyo-network/sdk-js'\n\ntype BuildRandomChainResult = Awaited<ReturnType<typeof buildRandomChain>>\n\nexport const buildRandomBlockChain = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  // Create a producer\n  const initialBlockProducer = await Account.random()\n\n  // Create multiple blocks\n  const blocks = await buildRandomChain(initialBlockProducer, blockCount)\n  return blocks\n}\n\nexport const buildRandomBlockChainBlocksOnly = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  const chain = await buildRandomChain(await Account.random(), blockCount)\n  return chain\n}\n","import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport { isXyoGlobal } from '@xyo-network/react-chain-model'\nimport React from 'react'\n\nconst inIframe = globalThis.self !== window.top\n\n/**\n * Storybook decorator that displays warning banners when:\n * - the story is rendered inside an iframe (prompt user to open in a standalone tab), or\n * - the XYO wallet extension is not detected (prompt user to install it).\n *\n * Stories that require direct browser-extension access should use this decorator.\n */\nexport const IframeWalletWarningDecorator: Decorator = (Story, args) => {\n  const hasXyoGlobal = isXyoGlobal((globalThis as Record<string, unknown>).xyo)\n  return (\n    <Stack sx={{ gap: 2 }}>\n      {inIframe\n        ? (\n            <Alert severity=\"warning\">\n              This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.\n            </Alert>\n          )\n        : null}\n      {hasXyoGlobal\n        ? null\n        : (\n            <Alert severity=\"warning\">\n              No wallet extension found. Please install the Xyo Wallet Chrome Extension.\n            </Alert>\n          )}\n      <Story {...args} />\n    </Stack>\n  )\n}\n"],"mappings":"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","names":["MenuItem","styled","useTheme","React","ActiveMenuItem","active","children","sx","props","theme","useTheme","StyledMenuItem","disableRipple","vars","palette","secondary","light","dark","backgroundColor","color","styled","MenuItem","name","display","flexDirection","gap","spacing","padding","paddingLeft","marginBottom","Stack","styled","Tooltip","Typography","useTheme","isDefined","React","useMemo","isComponentType","value","DetailsStack","IconComponent","heading","children","tooltipTitle","props","theme","useTheme","hasTooltip","isDefined","resolvedIconComponent","useMemo","React","style","height","marginTop","marginLeft","spacing","Stack","direction","sx","flexGrow","flexWrap","minWidth","Array","isArray","SectionHeadingTypography","Tooltip","title","span","styled","Typography","name","display","fontFamily","lineHeight","marginBottom","Stack","Typography","useTheme","ellipsize","isAddress","React","LabelValueStack","labels","values","props","theme","useTheme","formattedValue","value","isAddress","ellipsize","React","Stack","sx","flexDirection","flexGrow","Array","isArray","map","label","Typography","key","variant","fontWeight","borderBottom","vars","palette","divider","opacity","alignItems","index","title","fontFamily","width","display","justifyContent","buildRandomChain","Account","buildRandomBlockChain","blockCount","initialBlockProducer","Account","random","blocks","buildRandomChain","buildRandomBlockChainBlocksOnly","chain","Alert","Stack","isXyoGlobal","React","inIframe","globalThis","self","window","top","IframeWalletWarningDecorator","Story","args","hasXyoGlobal","isXyoGlobal","xyo","React","Stack","sx","gap","Alert","severity"]}
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/ActiveMenuItem.tsx", "../../src/components/stack/DetailsStack.tsx", "../../src/components/stack/LabelValueStack.tsx", "../../src/story/buildRandomBlockchain.ts", "../../src/story/IframeWalletWarningDecorator.tsx"],
+  "sourcesContent": ["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\n/**\n * @deprecated Use {@link ActiveMenuItem} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n", "import type { StackProps } from '@mui/material'\nimport {\n  Stack, styled, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type {\n  ComponentType, ReactNode, SVGAttributes,\n} from 'react'\nimport React, { useMemo } from 'react'\n\nconst isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>\n  typeof value === 'function'\n  || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))\n\n/**\n * @deprecated Use {@link DetailsStackProps} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport interface DetailsStackProps extends StackProps {\n  IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode\n  heading?: string\n  tooltipTitle?: string\n}\n\n/**\n * @deprecated Use {@link DetailsStack} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const DetailsStack: React.FC<DetailsStackProps> = ({\n  IconComponent, heading, children, tooltipTitle, ...props\n}) => {\n  const theme = useTheme()\n\n  const hasTooltip = isDefined(tooltipTitle)\n  const resolvedIconComponent = useMemo(() => {\n    return isComponentType(IconComponent)\n      ? (\n          <IconComponent\n            style={{\n              /** height and marginTop adjusted to account for font not filling container with line-height: 1 */\n              height: '0.85rem',\n              marginTop: 0.5,\n              marginLeft: theme.spacing(1),\n            }}\n          />\n        )\n      : IconComponent ?? null\n  }, [IconComponent, theme])\n\n  return (\n    <Stack\n      direction=\"column\"\n      {...props}\n      sx={[{\n        flexGrow: 1,\n        flexWrap: 'wrap',\n        minWidth: '1px',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <SectionHeadingTypography>\n        {heading}\n        {hasTooltip\n          ? (\n              <Tooltip title={tooltipTitle}>\n                <span>{resolvedIconComponent}</span>\n              </Tooltip>\n            )\n          : resolvedIconComponent}\n      </SectionHeadingTypography>\n      {children}\n    </Stack>\n  )\n}\n\nconst SectionHeadingTypography = styled(Typography, { name: 'SectionHeadingTypography' })(({ theme }) => ({\n  display: 'flex',\n  fontFamily: 'monospace',\n  lineHeight: 1,\n  marginBottom: theme.spacing(1.5),\n}))\n", "import type { StackProps } from '@mui/material'\nimport {\n  Stack, Typography, useTheme,\n} from '@mui/material'\nimport { ellipsize, isAddress } from '@xylabs/sdk-js'\nimport React from 'react'\n\n/**\n * @deprecated Use {@link LabelValueStackProps} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport interface LabelValueStackProps extends StackProps {\n  labels: string[]\n  values: (string | undefined)[]\n}\n\n/**\n * @deprecated Use {@link LabelValueStack} from `@xyo-network/xl1-react-client-sdk/shared` instead.\n */\nexport const LabelValueStack: React.FC<LabelValueStackProps> = ({\n  labels, values, ...props\n}) => {\n  const theme = useTheme()\n  const formattedValue = (value: string | undefined): string | undefined => {\n    if (isAddress(value)) {\n      return ellipsize(value, 8)\n    }\n    return value\n  }\n  return (\n    <Stack\n      {...props}\n      sx={[{\n        flexDirection: 'row',\n        flexGrow: 1,\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            key={label}\n            variant=\"body2\"\n            sx={{\n              fontWeight: '300',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n              opacity: 0.7,\n            }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack\n        sx={{\n          alignItems: 'end',\n          flexGrow: 1,\n        }}\n      >\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            sx={{\n              fontFamily: 'monospace',\n              width: '100%',\n              display: 'flex',\n              justifyContent: 'end',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n", "import { buildRandomChain } from '@xyo-network/chain-protocol-test'\nimport { Account } from '@xyo-network/sdk-js'\n\ntype BuildRandomChainResult = Awaited<ReturnType<typeof buildRandomChain>>\n\nexport const buildRandomBlockChain = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  // Create a producer\n  const initialBlockProducer = await Account.random()\n\n  // Create multiple blocks\n  const blocks = await buildRandomChain(initialBlockProducer, blockCount)\n  return blocks\n}\n\nexport const buildRandomBlockChainBlocksOnly = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  const chain = await buildRandomChain(await Account.random(), blockCount)\n  return chain\n}\n", "import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport { isXyoGlobal } from '@xyo-network/react-chain-model'\nimport React from 'react'\n\nconst inIframe = globalThis.self !== window.top\n\n/**\n * Storybook decorator that displays warning banners when:\n * - the story is rendered inside an iframe (prompt user to open in a standalone tab), or\n * - the XYO wallet extension is not detected (prompt user to install it).\n *\n * Stories that require direct browser-extension access should use this decorator.\n */\nexport const IframeWalletWarningDecorator: Decorator = (Story, args) => {\n  const hasXyoGlobal = isXyoGlobal((globalThis as Record<string, unknown>).xyo)\n  return (\n    <Stack sx={{ gap: 2 }}>\n      {inIframe\n        ? (\n            <Alert severity=\"warning\">\n              This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.\n            </Alert>\n          )\n        : null}\n      {hasXyoGlobal\n        ? null\n        : (\n            <Alert severity=\"warning\">\n              No wallet extension found. Please install the Xyo Wallet Chrome Extension.\n            </Alert>\n          )}\n      <Story {...args} />\n    </Stack>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["styled", "useTheme", "jsx", "Stack", "Typography", "useTheme", "jsx", "jsxs", "Stack", "jsx", "jsxs"]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-shared",
-  "version": "1.23.0",
+  "version": "1.23.2",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -39,29 +39,29 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/chain-protocol-test": "~1.23.0",
-    "@xyo-network/react-chain-model": "~1.23.0"
+    "@xyo-network/chain-protocol-test": "~1.23.2",
+    "@xyo-network/react-chain-model": "~1.23.2"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
     "@metamask/json-rpc-engine": "^10.5.0",
     "@metamask/providers": "^22.1.1",
     "@metamask/utils": "~11.11.0",
-    "@mui/material": "~9.0",
+    "@mui/material": "~9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/react-vite": "^10.4.0",
     "@types/react": "^19.2.14",
     "@xylabs/fetch": "~5.1.2",
     "@xylabs/geo": "^5.1.2",
     "@xylabs/sdk-js": "^5.1.2",
     "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.24",
-    "@xylabs/tsconfig": "~7.13.24",
-    "@xylabs/tsconfig-dom": "~7.13.24",
-    "@xylabs/tsconfig-react": "~7.13.24",
+    "@xylabs/toolchain": "~8.0.4",
+    "@xylabs/tsconfig": "~8.0.4",
+    "@xylabs/tsconfig-dom": "~8.0.4",
+    "@xylabs/tsconfig-react": "~8.0.3",
     "@xyo-network/account": "~5.6.2",
     "@xyo-network/account-model": "~5.6.3",
     "@xyo-network/api": "~5.6.2",
@@ -81,7 +81,7 @@
     "@xyo-network/sdk-protocol-js": "~5.6.3",
     "@xyo-network/wallet": "~5.6.2",
     "@xyo-network/wallet-model": "^5.6.3",
-    "@xyo-network/xl1-sdk": "^1.30.1",
+    "@xyo-network/xl1-sdk": "^1.30.2",
     "ajv": "^8.20.0",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
@@ -100,10 +100,10 @@
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "store2": "~2.14.4",
-    "storybook": "^10.3.6",
-    "typescript": "~5.9.3",
+    "storybook": "^10.4.0",
+    "typescript": "~6.0.3",
     "uuid": "~14.0.0",
-    "vite": "^8.0.12",
+    "vite": "^8.0.13",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "~4.4.3"