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

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

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletAccountDetailsWithProvider_stories_exports = {};
+__export(WalletAccountDetailsWithProvider_stories_exports, {
+  Default: () => Default,
+  default: () => WalletAccountDetailsWithProvider_stories_default
+});
+module.exports = __toCommonJS(WalletAccountDetailsWithProvider_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_react_router_dom = require("react-router-dom");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../hooks");
+var import_WalletAccountDetails = require("./WalletAccountDetails");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_WalletAccountDetails.WalletAccountDetails,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountDetailsWithProvider"
+};
+const Template = (args) => {
+  const [wallet] = (0, import_hooks.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletAccountDetails.WalletAccountDetails, { ...args }) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+var WalletAccountDetailsWithProvider_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=WalletAccountDetailsWithProvider.stories.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBQ;AAvBR,6BAAkC;AAClC,8BAA8B;AAE9B,sBAA+B;AAC/B,mBAA0B;AAC1B,kCAAqC;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,QAAI,wBAAU,EAAE,UAAU,yCAAkB,CAAC;AAC1D,SACE,4CAAC,yCACC,sDAAC,kCAAe,YAAY,QAC1B,sDAAC,oDAAsB,GAAG,MAAM,GAClC,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,mDAAQ;","names":[]}

package/dist/node/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.mjs

@@ -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.mjs.map

package/dist/node/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.mjs.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/node/components/WalletAccountDetails/index.d.mts

@@ -0,0 +1,2 @@
+export * from './WalletAccountDetails';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/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/node/components/WalletAccountDetails/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WalletAccountDetails';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/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/node/components/WalletAccountDetails/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletAccountDetails_exports = {};
+module.exports = __toCommonJS(WalletAccountDetails_exports);
+__reExport(WalletAccountDetails_exports, require("./WalletAccountDetails"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./WalletAccountDetails")
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/node/components/WalletAccountDetails/index.mjs

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

package/dist/node/components/WalletAccountDetails/index.mjs.map

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

package/dist/node/components/WalletAccountSelect/Select.d.mts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SelectProps } from '@mui/material';
+import { AddressRenderRowBoxProps } from '@xyo-network/react-address-render';
+type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxProps, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>;
+export interface WalletAccountSelectProps extends SharedAddressRenderRowBoxProps, SelectProps<number> {
+    addressNames?: Record<string, string | undefined>;
+    maxAccounts?: number;
+}
+export declare const WalletAccountSelect: React.FC<WalletAccountSelectProps>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/node/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/node/components/WalletAccountSelect/Select.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SelectProps } from '@mui/material';
+import { AddressRenderRowBoxProps } from '@xyo-network/react-address-render';
+type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxProps, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>;
+export interface WalletAccountSelectProps extends SharedAddressRenderRowBoxProps, SelectProps<number> {
+    addressNames?: Record<string, string | undefined>;
+    maxAccounts?: number;
+}
+export declare const WalletAccountSelect: React.FC<WalletAccountSelectProps>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/node/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/node/components/WalletAccountSelect/Select.js

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Select_exports = {};
+__export(Select_exports, {
+  WalletAccountSelect: () => WalletAccountSelect
+});
+module.exports = __toCommonJS(Select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_select = require("@xylabs/react-select");
+var import_react_address_render = require("@xyo-network/react-address-render");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../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 } = (0, import_contexts.useWalletContext)();
+  const disabled = !coinTypeWallet || activeAccountIndex === void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: coinTypeWallet ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_select.SelectEx,
+    {
+      margin: "dense",
+      disabled,
+      renderValue: (selectedAccountIndex) => {
+        const Item = () => {
+          const [selectedAccount] = (0, import_hooks.useWallet)({ path: selectedAccountIndex.toString(), wallet: coinTypeWallet });
+          const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
+          const favorite = !!selectedAccount && selectedAccount.address in addressNames;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_address_render.AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: selectedAccount?.address,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              favorite,
+              showFavorite
+            }
+          ) });
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, {});
+      },
+      value: activeAccountIndex,
+      onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)),
+      size,
+      variant: "outlined",
+      ...props,
+      children: arrayRange(maxAccounts).map((index) => {
+        const Item = () => {
+          const [account] = (0, import_hooks.useWallet)({ path: index.toString(), wallet: coinTypeWallet });
+          const customName = account ? addressNames[account.address] : void 0;
+          const favorite = !!account && account.address in addressNames;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_address_render.AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: account?.address,
+              favorite,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              showFavorite
+            }
+          ) }, account?.address);
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, {}, index);
+      })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CircularProgress, { size: 24 }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WalletAccountSelect
+});
+//# sourceMappingURL=Select.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AAhCJ,sBAAwD;AACxD,0BAAyB;AACzB,kCAA8D;AAE9D,sBAAiC;AACjC,mBAA0B;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,QAAI,kCAAiB;AAC3F,QAAM,WAAW,CAAC,kBAAkB,uBAAuB;AAE3D,SACE,2EACG,2BACC;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP;AAAA,MACA,aAAa,CAAC,yBAAyB;AACrC,cAAM,OAAiB,MAAM;AAC3B,gBAAM,CAAC,eAAe,QAAI,wBAAU,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,4CAAC,4BAAS,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,4CAAC,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,QAAI,wBAAU,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,4CAAC,4BAAgC,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,4CAAC,UAAU,KAAO;AAAA,MAC3B,CAAC;AAAA;AAAA,EACH,IAEA,4CAAC,oCAAiB,MAAM,IAAI,GAEhC;AAEJ;","names":[]}

package/dist/node/components/WalletAccountSelect/Select.mjs

@@ -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.mjs.map

package/dist/node/components/WalletAccountSelect/Select.mjs.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/node/components/WalletAccountSelect/SelectBar.d.mts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface WalletAccountSelectBarProps extends FlexBoxProps {
+    addressNames?: Record<string, string | undefined>;
+    iconOnly?: boolean;
+    iconSize?: number;
+    icons?: boolean;
+    maxAccounts?: number;
+    showFavorite?: boolean;
+    size?: 'small' | 'medium';
+}
+export declare const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps>;
+//# sourceMappingURL=SelectBar.d.ts.map

package/dist/node/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/node/components/WalletAccountSelect/SelectBar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface WalletAccountSelectBarProps extends FlexBoxProps {
+    addressNames?: Record<string, string | undefined>;
+    iconOnly?: boolean;
+    iconSize?: number;
+    icons?: boolean;
+    maxAccounts?: number;
+    showFavorite?: boolean;
+    size?: 'small' | 'medium';
+}
+export declare const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps>;
+//# sourceMappingURL=SelectBar.d.ts.map

package/dist/node/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/node/components/WalletAccountSelect/SelectBar.js

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectBar_exports = {};
+__export(SelectBar_exports, {
+  WalletAccountSelectBar: () => WalletAccountSelectBar
+});
+module.exports = __toCommonJS(SelectBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_Select = require("./Select");
+const WalletAccountSelectBar = ({
+  addressNames = {},
+  iconOnly,
+  iconSize,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size = "small",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Select.WalletAccountSelect,
+    {
+      addressNames,
+      fullWidth: true,
+      showFavorite,
+      iconSize,
+      iconOnly,
+      icons,
+      maxAccounts,
+      size: size ?? "small"
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WalletAccountSelectBar
+});
+//# sourceMappingURL=SelectBar.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AA1BN,2BAAsC;AAEtC,oBAAoC;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,4CAAC,gCAAQ,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/node/components/WalletAccountSelect/SelectBar.mjs

@@ -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.mjs.map

package/dist/node/components/WalletAccountSelect/SelectBar.mjs.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/node/components/WalletAccountSelect/WalletAccountSelect.stories.js

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletAccountSelect_stories_exports = {};
+__export(WalletAccountSelect_stories_exports, {
+  Default: () => Default,
+  WithWallet: () => WithWallet,
+  default: () => WalletAccountSelect_stories_default
+});
+module.exports = __toCommonJS(WalletAccountSelect_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../hooks");
+var import_Select = require("./Select");
+var import_WalletInfo = require("./WalletInfo");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_Select.WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelect"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Select.WalletAccountSelect, { ...args });
+};
+const WithWalletTemplate = (args) => {
+  const [wallet] = (0, import_hooks.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_contexts.WalletProvider, { rootWallet: wallet, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Select.WalletAccountSelect, { ...args }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Stack, { direction: "row", position: "absolute", right: 0, top: 0, bgcolor: "black", height: 16, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletInfo.RootWalletInfo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletInfo.CoinTypeWalletInfo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletInfo.SelectedWalletInfo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletInfo.WalletInfo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WalletInfo.AccountInfo, {})
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithWallet = WithWalletTemplate.bind({});
+WithWallet.args = {};
+var WalletAccountSelect_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithWallet
+});
+//# sourceMappingURL=WalletAccountSelect.stories.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBS;AArBT,sBAAsB;AAEtB,6BAAkC;AAElC,sBAA+B;AAC/B,mBAA0B;AAC1B,oBAAoC;AACpC,wBAAgG;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,4CAAC,qCAAqB,GAAG,MAAM;AACxC;AAEA,MAAM,qBAA0D,CAAC,SAAS;AACxE,QAAM,CAAC,MAAM,QAAI,wBAAU,EAAE,UAAU,yCAAkB,CAAC;AAC1D,SACE,6CAAC,kCAAe,YAAY,QAC1B;AAAA,gDAAC,qCAAqB,GAAG,MAAM;AAAA,IAC/B,6CAAC,yBAAM,WAAU,OAAM,UAAS,YAAW,OAAO,GAAG,KAAK,GAAG,SAAQ,SAAQ,QAAQ,IACnF;AAAA,kDAAC,oCAAe;AAAA,MAChB,4CAAC,wCAAmB;AAAA,MACpB,4CAAC,wCAAmB;AAAA,MACpB,4CAAC,gCAAW;AAAA,MACZ,4CAAC,iCAAY;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":[]}