@xyo-network/react-wallet 2.64.0-rc.3 → 2.64.0-rc.4

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, Typography } from "@mui/material";
+const InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx(Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
+] });
+export {
+  InvalidPhraseTypography
+};
+//# sourceMappingURL=InvalidPhrase.js.map

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx"],"sourcesContent":["import { Link, Typography, TypographyProps } from '@mui/material'\n\nexport const InvalidPhraseTypography: React.FC<TypographyProps> = (props) => (\n  <Typography variant={'caption'} color={'error'} {...props}>\n    Invalid seed phrase. See -{' '}\n    <Link target={'_blank'} href=\"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki\">\n      bip39 Proposal\n    </Link>\n  </Typography>\n)\n"],"mappings":"AAGE,SAEE,KAFF;AAHF,SAAS,MAAM,kBAAmC;AAE3C,MAAM,0BAAqD,CAAC,UACjE,qBAAC,cAAW,SAAS,WAAW,OAAO,SAAU,GAAG,OAAO;AAAA;AAAA,EAC9B;AAAA,EAC3B,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,4BAE9F;AAAA,GACF;","names":[]}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhraseHeaderBox.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,UAAU,eAAgB,SAAQ,YAAY,EAAE,YAAY;IAC1D,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BrD,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhraseHeaderBox.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,UAAU,eAAgB,SAAQ,YAAY,EAAE,YAAY;IAC1D,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BrD,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useMemo } from "react";
+const PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = useMemo(() => {
+    switch (conditional) {
+      case true:
+        return "success";
+      case false:
+        return "error";
+      default:
+        return null;
+    }
+  }, [conditional]);
+  const Icon = useMemo(() => {
+    switch (state) {
+      case "success":
+        return /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
+      case "error":
+        return /* @__PURE__ */ jsx(HighlightOffIcon, { fontSize: "small", color: "error" });
+      default:
+        return null;
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+export {
+  PhraseHeaderBox
+};
+//# sourceMappingURL=PhraseHeaderBox.js.map

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx"],"sourcesContent":["import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useMemo } from 'react'\n\ninterface PhraseHeaderBox extends FlexBoxProps, WithChildren {\n  conditional?: boolean | null\n}\n\nexport const PhraseHeaderBox: React.FC<PhraseHeaderBox> = ({ children, conditional, ...props }) => {\n  const state = useMemo(() => {\n    switch (conditional) {\n      case true:\n        return 'success'\n      case false:\n        return 'error'\n      default:\n        return null\n    }\n  }, [conditional])\n\n  const Icon = useMemo(() => {\n    switch (state) {\n      case 'success':\n        return <CheckCircleOutlineIcon fontSize=\"small\" color=\"success\" />\n      case 'error':\n        return <HighlightOffIcon fontSize=\"small\" color=\"error\" />\n      default:\n        return null\n    }\n  }, [state])\n\n  return (\n    <FlexRow justifyContent={'start'} columnGap={1} {...props}>\n      {Icon}\n      {children}\n    </FlexRow>\n  )\n}\n"],"mappings":"AAwBe,cASX,YATW;AAxBf,SAAS,sBAAsB,wBAAwB,gBAAgB,wBAAwB;AAC/F,SAAuB,eAAe;AAEtC,SAAS,eAAe;AAMjB,MAAM,kBAA6C,CAAC,EAAE,UAAU,aAAa,GAAG,MAAM,MAAM;AACjG,QAAM,QAAQ,QAAQ,MAAM;AAC1B,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,OAAO,QAAQ,MAAM;AACzB,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,oBAAC,0BAAuB,UAAS,SAAQ,OAAM,WAAU;AAAA,MAClE,KAAK;AACH,eAAO,oBAAC,oBAAiB,UAAS,SAAQ,OAAM,SAAQ;AAAA,MAC1D;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,qBAAC,WAAQ,gBAAgB,SAAS,WAAW,GAAI,GAAG,OACjD;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorParser.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,iBAAkB,OAAO,GAAG,IAAI,oCASvD,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorParser.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,iBAAkB,OAAO,GAAG,IAAI,oCASvD,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.js

@@ -0,0 +1,14 @@
+const colorParser = (conditional) => {
+  switch (conditional) {
+    case true:
+      return "success";
+    case false:
+      return "error";
+    default:
+      return void 0;
+  }
+};
+export {
+  colorParser
+};
+//# sourceMappingURL=colorParser.js.map

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts"],"sourcesContent":["export const colorParser = (conditional?: boolean | null) => {\n  switch (conditional) {\n    case true:\n      return 'success'\n    case false:\n      return 'error'\n    default:\n      return undefined\n  }\n}\n"],"mappings":"AAAO,MAAM,cAAc,CAAC,gBAAiC;AAC3D,UAAQ,aAAa;AAAA,IACnB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/index.js

@@ -0,0 +1,4 @@
+export * from "./colorParser";
+export * from "./InvalidPhrase";
+export * from "./PhraseHeaderBox";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SeedPhrase/dialog/components/fields/validation-messages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/index.ts"],"sourcesContent":["export * from './colorParser'\nexport * from './InvalidPhrase'\nexport * from './PhraseHeaderBox'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/SeedPhrase/dialog/components/index.d.mts.map

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

package/dist/browser/components/SeedPhrase/dialog/components/index.d.ts.map

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

package/dist/browser/components/SeedPhrase/dialog/components/index.js

@@ -0,0 +1,4 @@
+export * from "./DialogActionButtons";
+export * from "./fields";
+export * from "./OverwriteWarning";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SeedPhrase/dialog/components/index.js.map

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

package/dist/browser/components/SeedPhrase/dialog/index.d.mts.map

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

package/dist/browser/components/SeedPhrase/dialog/index.d.ts.map

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

package/dist/browser/components/SeedPhrase/dialog/index.js

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

package/dist/browser/components/SeedPhrase/dialog/index.js.map

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from "./_shared";
+export * from "./DefaultSeedPhrase";
+export * from "./dialog";
+export * from "./settings";
+//# sourceMappingURL=index.js.map

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

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

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeedPhraseTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAA4C,aAAa,EAAE,MAAM,eAAe,CAAA;AAMvF,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsBhE,CAAA"}

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeedPhraseTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAA4C,aAAa,EAAE,MAAM,eAAe,CAAA;AAMvF,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsBhE,CAAA"}

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from "@mui/icons-material";
+import { Button, ButtonGroup, TableCell, TableRow } from "@mui/material";
+import { useState } from "react";
+import { SeedPhraseIconButton } from "../_shared";
+import { SeedPhraseDialog } from "../dialog";
+const SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  const [open, setOpen] = useState(false);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  return /* @__PURE__ */ jsxs(TableRow, { ...props, children: [
+    /* @__PURE__ */ jsxs(TableCell, { children: [
+      "Seed Phrase ",
+      /* @__PURE__ */ jsx(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsx(TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx(CancelIcon, { color: "error" }) }),
+    /* @__PURE__ */ jsxs(TableCell, { children: [
+      /* @__PURE__ */ jsx(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ jsx(ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ jsx(Button, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    ] })
+  ] });
+};
+export {
+  SeedPhraseTableRow
+};
+//# sourceMappingURL=SeedPhraseTableRow.js.map

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx"],"sourcesContent":["import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, TableCell, TableRow, TableRowProps } from '@mui/material'\nimport { useState } from 'react'\n\nimport { SeedPhraseIconButton } from '../_shared'\nimport { SeedPhraseDialog } from '../dialog'\n\nexport interface SeedPhraseTableRowProps extends TableRowProps {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  seedPhrase?: string\n}\n\nexport const SeedPhraseTableRow: React.FC<SeedPhraseTableRowProps> = ({ changeSeedPhrase, seedPhrase, ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  const handleOpen = () => {\n    setOpen(true)\n  }\n  return (\n    <TableRow {...props}>\n      <TableCell>\n        Seed Phrase <SeedPhraseIconButton />\n      </TableCell>\n      <TableCell align=\"center\">{seedPhrase ? <RadioButtonCheckedIcon color=\"success\" /> : <CancelIcon color=\"error\" />}</TableCell>\n      <TableCell>\n        <SeedPhraseDialog changeSeedPhrase={changeSeedPhrase} open={open} onClose={() => setOpen(false)} seedPhrase={seedPhrase} />\n        <ButtonGroup fullWidth>\n          <Button variant=\"contained\" size=\"small\" onClick={handleOpen}>\n            Update\n          </Button>\n        </ButtonGroup>\n      </TableCell>\n    </TableRow>\n  )\n}\n"],"mappings":"AAoBM,SACc,KADd;AApBN,SAAS,UAAU,YAAY,sBAAsB,8BAA8B;AACnF,SAAS,QAAQ,aAAa,WAAW,gBAA+B;AACxE,SAAS,gBAAgB;AAEzB,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAO1B,MAAM,qBAAwD,CAAC,EAAE,kBAAkB,YAAY,GAAG,MAAM,MAAM;AACnH,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,MAAM;AACvB,YAAQ,IAAI;AAAA,EACd;AACA,SACE,qBAAC,YAAU,GAAG,OACZ;AAAA,yBAAC,aAAU;AAAA;AAAA,MACG,oBAAC,wBAAqB;AAAA,OACpC;AAAA,IACA,oBAAC,aAAU,OAAM,UAAU,uBAAa,oBAAC,0BAAuB,OAAM,WAAU,IAAK,oBAAC,cAAW,OAAM,SAAQ,GAAG;AAAA,IAClH,qBAAC,aACC;AAAA,0BAAC,oBAAiB,kBAAoC,MAAY,SAAS,MAAM,QAAQ,KAAK,GAAG,YAAwB;AAAA,MACzH,oBAAC,eAAY,WAAS,MACpB,8BAAC,UAAO,SAAQ,aAAY,MAAK,SAAQ,SAAS,YAAY,oBAE9D,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.stories.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { Table, TableBody } from "@mui/material";
+import { SeedPhraseTableRow } from "./SeedPhraseTableRow";
+const changeSeedPhrase = (phrase) => alert(`Changed Seed Phrase to: ${phrase}`);
+var SeedPhraseTableRow_stories_default = {
+  component: SeedPhraseTableRow,
+  title: "Wallet/SeedPhraseTableRow"
+};
+const Template = (props) => /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(SeedPhraseTableRow, { ...props }) }) });
+const Default = Template.bind({});
+Default.args = {
+  changeSeedPhrase
+};
+const WithSeedPhrase = Template.bind({});
+WithSeedPhrase.args = {
+  changeSeedPhrase,
+  seedPhrase: "test me"
+};
+export {
+  Default,
+  WithSeedPhrase,
+  SeedPhraseTableRow_stories_default as default
+};
+//# sourceMappingURL=SeedPhraseTableRow.stories.js.map

package/dist/browser/components/SeedPhrase/settings/SeedPhraseTableRow.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/settings/SeedPhraseTableRow.stories.tsx"],"sourcesContent":["import { Table, TableBody } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\n\nimport { SeedPhraseTableRow } from './SeedPhraseTableRow'\n\nconst changeSeedPhrase = (phrase?: string) => alert(`Changed Seed Phrase to: ${phrase}`)\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: SeedPhraseTableRow,\n  title: 'Wallet/SeedPhraseTableRow',\n} as Meta\n\nconst Template: StoryFn<typeof SeedPhraseTableRow> = (props) => (\n  <Table>\n    <TableBody>\n      <SeedPhraseTableRow {...props} />\n    </TableBody>\n  </Table>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  changeSeedPhrase,\n}\n\nconst WithSeedPhrase = Template.bind({})\nWithSeedPhrase.args = {\n  changeSeedPhrase,\n  seedPhrase: 'test me',\n}\n\nexport { Default, WithSeedPhrase }\n"],"mappings":"AAgBM;AAhBN,SAAS,OAAO,iBAAiB;AAGjC,SAAS,0BAA0B;AAEnC,MAAM,mBAAmB,CAAC,WAAoB,MAAM,2BAA2B,MAAM,EAAE;AAGvF,IAAO,qCAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAA+C,CAAC,UACpD,oBAAC,SACC,8BAAC,aACC,8BAAC,sBAAoB,GAAG,OAAO,GACjC,GACF;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb;AACF;AAEA,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO;AAAA,EACpB;AAAA,EACA,YAAY;AACd;","names":[]}

package/dist/browser/components/SeedPhrase/settings/index.d.mts.map

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

package/dist/browser/components/SeedPhrase/settings/index.d.ts.map

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

package/dist/browser/components/SeedPhrase/settings/index.js

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

package/dist/browser/components/SeedPhrase/settings/index.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgBpE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgBpE,CAAA"}

package/dist/browser/components/WalletAccountDetails/WalletAccountDetails.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EthAddress } from "@xylabs/eth-address";
+import { EthAccountButton } from "@xylabs/react-crypto";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { NumberStatus } from "@xylabs/react-number-status";
+import { useNetwork } from "@xyo-network/react-network";
+import { useAccount } from "../../hooks";
+const WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
+  const [accountToUse] = useAccount({ account });
+  const { network } = useNetwork();
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? "main"}`;
+  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }),
+    /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
+      /* @__PURE__ */ jsx(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ jsx(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ jsx(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ jsx(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+    ] })
+  ] });
+};
+export {
+  WalletAccountDetails
+};
+//# sourceMappingURL=WalletAccountDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"sourcesContent":["import { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountButton } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NumberStatus } from '@xylabs/react-number-status'\nimport { useNetwork } from '@xyo-network/react-network'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { useAccount } from '../../hooks'\n\nexport interface WalletAccountDetailsProps extends FlexBoxProps {\n  account?: WalletInstance\n  exploreUrl?: string\n}\n\nexport const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({ exploreUrl = 'https://explore.xyo.network', account, ...props }) => {\n  const [accountToUse] = useAccount({ account })\n  const { network } = useNetwork()\n  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? 'main'}`\n\n  return (\n    <FlexCol {...props}>\n      <EthAccountButton address={EthAddress.fromString(accountToUse?.address)} />\n      <FlexRow gap={1}>\n        <NumberStatus rounded title=\"Tokens\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.tokens`} target=\"_blank\" />\n        <NumberStatus rounded title=\"NFTs\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.nfts`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signatures\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signatures`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signins\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signins`} target=\"_blank\" />\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":"AAqBM,cACA,YADA;AArBN,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAuB,SAAS,eAAe;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAG3B,SAAS,kBAAkB;AAOpB,MAAM,uBAA4D,CAAC,EAAE,aAAa,+BAA+B,SAAS,GAAG,MAAM,MAAM;AAC9I,QAAM,CAAC,YAAY,IAAI,WAAW,EAAE,QAAQ,CAAC;AAC7C,QAAM,EAAE,QAAQ,IAAI,WAAW;AAC/B,QAAM,oBAAoB,GAAG,UAAU,mBAAmB,cAAc,OAAO,YAAY,SAAS,QAAQ,MAAM;AAElH,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,oBAAiB,SAAS,WAAW,WAAW,cAAc,OAAO,GAAG;AAAA,IACzE,qBAAC,WAAQ,KAAK,GACZ;AAAA,0BAAC,gBAAa,SAAO,MAAC,OAAM,UAAS,OAAO,GAAG,IAAI,GAAG,iBAAiB,sCAAsC,QAAO,UAAS;AAAA,MAC7H,oBAAC,gBAAa,SAAO,MAAC,OAAM,QAAO,OAAO,GAAG,IAAI,GAAG,iBAAiB,oCAAoC,QAAO,UAAS;AAAA,MACzH,oBAAC,gBAAa,SAAO,MAAC,OAAM,cAAa,OAAO,GAAG,IAAI,GAAG,iBAAiB,0CAA0C,QAAO,UAAS;AAAA,MACrI,oBAAC,gBAAa,SAAO,MAAC,OAAM,WAAU,OAAO,GAAG,IAAI,GAAG,iBAAiB,uCAAuC,QAAO,UAAS;AAAA,OACjI;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/WalletAccountDetails/WalletAccountDetails.stories.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import { WalletAccountDetails } from "./WalletAccountDetails";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountDetails,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountDetails"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(WalletAccountDetails, { ...args }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+var WalletAccountDetails_stories_default = StorybookEntry;
+export {
+  Default,
+  WalletAccountDetails_stories_default as default
+};
+//# sourceMappingURL=WalletAccountDetails.stories.js.map

package/dist/browser/components/WalletAccountDetails/WalletAccountDetails.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WalletAccountDetails } from './WalletAccountDetails'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountDetails,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountDetails',\n} as Meta<typeof WalletAccountDetails>\n\nconst Template: StoryFn<typeof WalletAccountDetails> = (args) => {\n  return (\n    <BrowserRouter>\n      <WalletAccountDetails {...args}></WalletAccountDetails>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAmBM;AAlBN,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AAErC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAiD,CAAC,SAAS;AAC/D,SACE,oBAAC,iBACC,8BAAC,wBAAsB,GAAG,MAAM,GAClC;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,uCAAQ;","names":[]}

package/dist/browser/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { BrowserRouter } from "react-router-dom";
+import { WalletProvider } from "../../contexts";
+import { useWallet } from "../../hooks";
+import { WalletAccountDetails } from "./WalletAccountDetails";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountDetails,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountDetailsWithProvider"
+};
+const Template = (args) => {
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ jsx(WalletAccountDetails, { ...args }) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+var WalletAccountDetailsWithProvider_stories_default = StorybookEntry;
+export {
+  Default,
+  WalletAccountDetailsWithProvider_stories_default as default
+};
+//# sourceMappingURL=WalletAccountDetailsWithProvider.stories.js.map

package/dist/browser/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet } from '../../hooks'\nimport { WalletAccountDetails } from './WalletAccountDetails'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountDetails,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountDetailsWithProvider',\n} as Meta<typeof WalletAccountDetails>\n\nconst Template: StoryFn<typeof WalletAccountDetails> = (args) => {\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <BrowserRouter>\n      <WalletProvider rootWallet={wallet}>\n        <WalletAccountDetails {...args}></WalletAccountDetails>\n      </WalletProvider>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAwBQ;AAvBR,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAErC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAiD,CAAC,SAAS;AAC/D,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC1D,SACE,oBAAC,iBACC,8BAAC,kBAAe,YAAY,QAC1B,8BAAC,wBAAsB,GAAG,MAAM,GAClC,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,mDAAQ;","names":[]}

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

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

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

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

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

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

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

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

package/dist/browser/components/WalletAccountSelect/Select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAuB,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAKjG,KAAK,8BAA8B,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAA;AAExH,MAAM,WAAW,wBAAyB,SAAQ,8BAA8B,EAAE,WAAW,CAAC,MAAM,CAAC;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8ElE,CAAA"}

package/dist/browser/components/WalletAccountSelect/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAuB,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAKjG,KAAK,8BAA8B,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAA;AAExH,MAAM,WAAW,wBAAyB,SAAQ,8BAA8B,EAAE,WAAW,CAAC,MAAM,CAAC;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8ElE,CAAA"}

package/dist/browser/components/WalletAccountSelect/Select.js

@@ -0,0 +1,82 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { CircularProgress, MenuItem } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+import { AddressRenderRowBox } from "@xyo-network/react-address-render";
+import { useWalletContext } from "../../contexts";
+import { useWallet } from "../../hooks";
+const arrayRange = (length, start = 0) => {
+  return Array.from(Array(length).keys()).map((x) => x + start);
+};
+const WalletAccountSelect = ({
+  addressNames = {},
+  iconOnly,
+  iconSize = 24,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size,
+  ...props
+}) => {
+  const { activeAccountIndex = 0, setActiveAccountIndex, coinTypeWallet } = useWalletContext();
+  const disabled = !coinTypeWallet || activeAccountIndex === void 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: coinTypeWallet ? /* @__PURE__ */ jsx(
+    SelectEx,
+    {
+      margin: "dense",
+      disabled,
+      renderValue: (selectedAccountIndex) => {
+        const Item = () => {
+          const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: coinTypeWallet });
+          const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
+          const favorite = !!selectedAccount && selectedAccount.address in addressNames;
+          return /* @__PURE__ */ jsx(MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx(
+            AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: selectedAccount?.address,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              favorite,
+              showFavorite
+            }
+          ) });
+        };
+        return /* @__PURE__ */ jsx(Item, {});
+      },
+      value: activeAccountIndex,
+      onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)),
+      size,
+      variant: "outlined",
+      ...props,
+      children: arrayRange(maxAccounts).map((index) => {
+        const Item = () => {
+          const [account] = useWallet({ path: index.toString(), wallet: coinTypeWallet });
+          const customName = account ? addressNames[account.address] : void 0;
+          const favorite = !!account && account.address in addressNames;
+          return /* @__PURE__ */ jsx(MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx(
+            AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: account?.address,
+              favorite,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              showFavorite
+            }
+          ) }, account?.address);
+        };
+        return /* @__PURE__ */ jsx(Item, {}, index);
+      })
+    }
+  ) : /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) });
+};
+export {
+  WalletAccountSelect
+};
+//# sourceMappingURL=Select.js.map

package/dist/browser/components/WalletAccountSelect/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"sourcesContent":["import { CircularProgress, MenuItem, SelectProps } from '@mui/material'\nimport { SelectEx } from '@xylabs/react-select'\nimport { AddressRenderRowBox, AddressRenderRowBoxProps } from '@xyo-network/react-address-render'\n\nimport { useWalletContext } from '../../contexts'\nimport { useWallet } from '../../hooks'\n\ntype SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxProps, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>\n\nexport interface WalletAccountSelectProps extends SharedAddressRenderRowBoxProps, SelectProps<number> {\n  addressNames?: Record<string, string | undefined>\n  maxAccounts?: number\n}\n\nconst arrayRange = (length: number, start = 0) => {\n  return Array.from(Array(length).keys()).map((x) => x + start)\n}\n\nexport const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({\n  addressNames = {},\n  iconOnly,\n  iconSize = 24,\n  icons,\n  maxAccounts = 1,\n  showFavorite = false,\n  size,\n  ...props\n}) => {\n  const { activeAccountIndex = 0, setActiveAccountIndex, coinTypeWallet } = useWalletContext()\n  const disabled = !coinTypeWallet || activeAccountIndex === undefined\n\n  return (\n    <>\n      {coinTypeWallet ? (\n        <SelectEx\n          margin=\"dense\"\n          disabled={disabled}\n          renderValue={(selectedAccountIndex) => {\n            const Item: React.FC = () => {\n              const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: coinTypeWallet })\n              const customName = selectedAccount ? addressNames[selectedAccount.address] : undefined\n              const favorite = !!selectedAccount && selectedAccount.address in addressNames\n              return (\n                <MenuItem value={selectedAccountIndex} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>\n                  <AddressRenderRowBox\n                    disableSharedRef={true}\n                    flexGrow={1}\n                    address={selectedAccount?.address}\n                    iconOnly={iconOnly}\n                    iconSize={iconSize}\n                    icons={icons}\n                    name={customName}\n                    favorite={favorite}\n                    showFavorite={showFavorite}\n                  />\n                </MenuItem>\n              )\n            }\n            return <Item />\n          }}\n          value={activeAccountIndex}\n          onChange={(event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`))}\n          size={size}\n          variant=\"outlined\"\n          {...props}\n        >\n          {arrayRange(maxAccounts).map((index) => {\n            const Item: React.FC = () => {\n              const [account] = useWallet({ path: index.toString(), wallet: coinTypeWallet })\n              const customName = account ? addressNames[account.address] : undefined\n              const favorite = !!account && account.address in addressNames\n              return (\n                <MenuItem key={account?.address} value={index} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>\n                  <AddressRenderRowBox\n                    disableSharedRef={true}\n                    flexGrow={1}\n                    address={account?.address}\n                    favorite={favorite}\n                    iconOnly={iconOnly}\n                    iconSize={iconSize}\n                    icons={icons}\n                    name={customName}\n                    showFavorite={showFavorite}\n                  />\n                </MenuItem>\n              )\n            }\n\n            return <Item key={index} />\n          })}\n        </SelectEx>\n      ) : (\n        <CircularProgress size={24} />\n      )}\n    </>\n  )\n}\n"],"mappings":"AAgCI,mBAYc,WAZd;AAhCJ,SAAS,kBAAkB,gBAA6B;AACxD,SAAS,gBAAgB;AACzB,SAAS,2BAAqD;AAE9D,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAS1B,MAAM,aAAa,CAAC,QAAgB,QAAQ,MAAM;AAChD,SAAO,MAAM,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,IAAI,KAAK;AAC9D;AAEO,MAAM,sBAA0D,CAAC;AAAA,EACtE,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,GAAG,uBAAuB,eAAe,IAAI,iBAAiB;AAC3F,QAAM,WAAW,CAAC,kBAAkB,uBAAuB;AAE3D,SACE,gCACG,2BACC;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP;AAAA,MACA,aAAa,CAAC,yBAAyB;AACrC,cAAM,OAAiB,MAAM;AAC3B,gBAAM,CAAC,eAAe,IAAI,UAAU,EAAE,MAAM,qBAAqB,SAAS,GAAG,QAAQ,eAAe,CAAC;AACrG,gBAAM,aAAa,kBAAkB,aAAa,gBAAgB,OAAO,IAAI;AAC7E,gBAAM,WAAW,CAAC,CAAC,mBAAmB,gBAAgB,WAAW;AACjE,iBACE,oBAAC,YAAS,OAAO,sBAAsB,IAAI,EAAE,WAAW,GAAG,eAAe,GAAG,YAAY,EAAE,GACzF;AAAA,YAAC;AAAA;AAAA,cACC,kBAAkB;AAAA,cAClB,UAAU;AAAA,cACV,SAAS,iBAAiB;AAAA,cAC1B;AAAA,cACA;AAAA,cACA;AAAA,cACA,MAAM;AAAA,cACN;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,QAEJ;AACA,eAAO,oBAAC,QAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,wBAAwB,SAAS,GAAG,MAAM,OAAO,KAAK,EAAE,CAAC;AAAA,MAC9E;AAAA,MACA,SAAQ;AAAA,MACP,GAAG;AAAA,MAEH,qBAAW,WAAW,EAAE,IAAI,CAAC,UAAU;AACtC,cAAM,OAAiB,MAAM;AAC3B,gBAAM,CAAC,OAAO,IAAI,UAAU,EAAE,MAAM,MAAM,SAAS,GAAG,QAAQ,eAAe,CAAC;AAC9E,gBAAM,aAAa,UAAU,aAAa,QAAQ,OAAO,IAAI;AAC7D,gBAAM,WAAW,CAAC,CAAC,WAAW,QAAQ,WAAW;AACjD,iBACE,oBAAC,YAAgC,OAAO,OAAO,IAAI,EAAE,WAAW,GAAG,eAAe,GAAG,YAAY,EAAE,GACjG;AAAA,YAAC;AAAA;AAAA,cACC,kBAAkB;AAAA,cAClB,UAAU;AAAA,cACV,SAAS,SAAS;AAAA,cAClB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,MAAM;AAAA,cACN;AAAA;AAAA,UACF,KAXa,SAAS,OAYxB;AAAA,QAEJ;AAEA,eAAO,oBAAC,UAAU,KAAO;AAAA,MAC3B,CAAC;AAAA;AAAA,EACH,IAEA,oBAAC,oBAAiB,MAAM,IAAI,GAEhC;AAEJ;","names":[]}

package/dist/browser/components/WalletAccountSelect/SelectBar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwBxE,CAAA"}

package/dist/browser/components/WalletAccountSelect/SelectBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwBxE,CAAA"}

package/dist/browser/components/WalletAccountSelect/SelectBar.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { WalletAccountSelect } from "./Select";
+const WalletAccountSelectBar = ({
+  addressNames = {},
+  iconOnly,
+  iconSize,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size = "small",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx(
+    WalletAccountSelect,
+    {
+      addressNames,
+      fullWidth: true,
+      showFavorite,
+      iconSize,
+      iconOnly,
+      icons,
+      maxAccounts,
+      size: size ?? "small"
+    }
+  ) });
+};
+export {
+  WalletAccountSelectBar
+};
+//# sourceMappingURL=SelectBar.js.map

package/dist/browser/components/WalletAccountSelect/SelectBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"sourcesContent":["import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nimport { WalletAccountSelect } from './Select'\n\nexport interface WalletAccountSelectBarProps extends FlexBoxProps {\n  addressNames?: Record<string, string | undefined>\n  iconOnly?: boolean\n  iconSize?: number\n  icons?: boolean\n  maxAccounts?: number\n  showFavorite?: boolean\n  size?: 'small' | 'medium'\n}\n\nexport const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({\n  addressNames = {},\n  iconOnly,\n  iconSize,\n  icons,\n  maxAccounts = 1,\n  showFavorite = false,\n  size = 'small',\n  ...props\n}) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <WalletAccountSelect\n        addressNames={addressNames}\n        fullWidth\n        showFavorite={showFavorite}\n        iconSize={iconSize}\n        iconOnly={iconOnly}\n        icons={icons}\n        maxAccounts={maxAccounts}\n        size={size ?? 'small'}\n      />\n    </FlexCol>\n  )\n}\n"],"mappings":"AA0BM;AA1BN,SAAuB,eAAe;AAEtC,SAAS,2BAA2B;AAY7B,MAAM,yBAAgE,CAAC;AAAA,EAC5E,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,QAAQ;AAAA;AAAA,EAChB,GACF;AAEJ;","names":[]}

package/dist/browser/components/WalletAccountSelect/WalletAccountSelect.stories.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { WalletProvider } from "../../contexts";
+import { useWallet } from "../../hooks";
+import { WalletAccountSelect } from "./Select";
+import { AccountInfo, CoinTypeWalletInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from "./WalletInfo";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelect"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(WalletAccountSelect, { ...args });
+};
+const WithWalletTemplate = (args) => {
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsxs(WalletProvider, { rootWallet: wallet, children: [
+    /* @__PURE__ */ jsx(WalletAccountSelect, { ...args }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", position: "absolute", right: 0, top: 0, bgcolor: "black", height: 16, children: [
+      /* @__PURE__ */ jsx(RootWalletInfo, {}),
+      /* @__PURE__ */ jsx(CoinTypeWalletInfo, {}),
+      /* @__PURE__ */ jsx(SelectedWalletInfo, {}),
+      /* @__PURE__ */ jsx(WalletInfo, {}),
+      /* @__PURE__ */ jsx(AccountInfo, {})
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithWallet = WithWalletTemplate.bind({});
+WithWallet.args = {};
+var WalletAccountSelect_stories_default = StorybookEntry;
+export {
+  Default,
+  WithWallet,
+  WalletAccountSelect_stories_default as default
+};
+//# sourceMappingURL=WalletAccountSelect.stories.js.map

package/dist/browser/components/WalletAccountSelect/WalletAccountSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelect.stories.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet } from '../../hooks'\nimport { WalletAccountSelect } from './Select'\nimport { AccountInfo, CoinTypeWalletInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from './WalletInfo'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelect,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelect',\n} as Meta<typeof WalletAccountSelect>\n\nconst Template: StoryFn<typeof WalletAccountSelect> = (args) => {\n  return <WalletAccountSelect {...args} />\n}\n\nconst WithWalletTemplate: StoryFn<typeof WalletAccountSelect> = (args) => {\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <WalletAccountSelect {...args} />\n      <Stack direction=\"row\" position=\"absolute\" right={0} top={0} bgcolor=\"black\" height={16}>\n        <RootWalletInfo />\n        <CoinTypeWalletInfo />\n        <SelectedWalletInfo />\n        <WalletInfo />\n        <AccountInfo />\n      </Stack>\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithWallet = WithWalletTemplate.bind({})\nWithWallet.args = {}\n\nexport { Default, WithWallet }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAqBS,cAQH,YARG;AArBT,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAElC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,aAAa,oBAAoB,gBAAgB,oBAAoB,kBAAkB;AAEhG,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,SAAO,oBAAC,uBAAqB,GAAG,MAAM;AACxC;AAEA,MAAM,qBAA0D,CAAC,SAAS;AACxE,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC1D,SACE,qBAAC,kBAAe,YAAY,QAC1B;AAAA,wBAAC,uBAAqB,GAAG,MAAM;AAAA,IAC/B,qBAAC,SAAM,WAAU,OAAM,UAAS,YAAW,OAAO,GAAG,KAAK,GAAG,SAAQ,SAAQ,QAAQ,IACnF;AAAA,0BAAC,kBAAe;AAAA,MAChB,oBAAC,sBAAmB;AAAA,MACpB,oBAAC,sBAAmB;AAAA,MACpB,oBAAC,cAAW;AAAA,MACZ,oBAAC,eAAY;AAAA,OACf;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,aAAa,mBAAmB,KAAK,CAAC,CAAC;AAC7C,WAAW,OAAO,CAAC;AAKnB,IAAO,sCAAQ;","names":[]}