@xylabs/sdk-react 2.7.6 → 2.7.10

package/dist/components/QuickTipButton/QuickTipButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickTipButton.stories.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,gBAAgB;CACgB,CAAA;AAEzC,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,cAAc,oBAAK,IAAI,UAAmB,CAAA;AAE7G,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,UAAU,mGAAsF;IAC3G,KAAK,EAAE,kBAAkB;CAC1B,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"QuickTipButton.stories.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,2BAA2B;CACK,CAAA;AAEzC,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,cAAc,oBAAK,IAAI,UAAmB,CAAA;AAE7G,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,UAAU,mGAAsF;IAC3G,KAAK,EAAE,kBAAkB;CAC1B,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/TokenAmount/TokenAmount.stories.js

@@ -9,7 +9,7 @@ const StorybookEntry = {
             page: null,
         },
     },
-    title: 'TokenAmount',
+    title: 'Components/TokenAmount',
 };
 const Template = (args) => _jsx(TokenAmount, Object.assign({}, args), void 0);
 const Default = Template.bind({});

package/dist/components/TokenAmount/TokenAmount.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,aAAa;CACgB,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;CACrD,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA;AAEzD,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;CACrD,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA;AAEzD,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/dialogs/ErrorDialog.d.ts

@@ -1,9 +1,9 @@
+import { DialogProps } from '@mui/material';
 import React from 'react';
-interface Props {
+export interface ErrorDialogProps extends DialogProps {
     error?: Error;
-    onClose?: (retry: boolean) => void;
+    onAction?: (retry: boolean) => void;
     title?: string;
 }
-declare const ErrorDialog: React.FC<Props>;
-export { ErrorDialog };
+export declare const ErrorDialog: React.FC<ErrorDialogProps>;
 //# sourceMappingURL=ErrorDialog.d.ts.map

package/dist/components/dialogs/ErrorDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA4CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOhC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"ErrorDialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,WAAW,EAA2B,MAAM,eAAe,CAAA;AAE1G,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA+CD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}

package/dist/components/dialogs/ErrorDialog.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogActions, DialogContent, DialogTitle, Typography } from '@mui/material';
 import { ButtonEx } from '../ButtonEx';
@@ -5,27 +16,26 @@ import { FlexRow } from '../FlexBox';
 const toAxiosError = (error) => {
     return error.isAxiosError ? error : undefined;
 };
-const ErrorDialogOpen = (props) => {
-    var _a, _b;
-    const { onClose, title = 'Oops. Something went wrong.', error = Error('Unknown Error') } = props;
+const ErrorDialogOpen = (_a) => {
+    var _b, _c;
+    var { onAction, title = 'Oops. Something went wrong.', error = Error('Unknown Error') } = _a, props = __rest(_a, ["onAction", "title", "error"]);
     const onCloseClicked = () => {
-        onClose === null || onClose === void 0 ? void 0 : onClose(false);
+        onAction === null || onAction === void 0 ? void 0 : onAction(false);
     };
     const onRetryClicked = () => {
-        onClose === null || onClose === void 0 ? void 0 : onClose(true);
+        onAction === null || onAction === void 0 ? void 0 : onAction(true);
     };
     const axiosError = toAxiosError(error);
-    const message = (_a = error.message) !== null && _a !== void 0 ? _a : error.toString();
-    return (_jsxs(Dialog, Object.assign({ onClose: onClose, open: !!error }, { children: [_jsx(DialogTitle, { children: title }, void 0), _jsx(DialogContent, { children: _jsx(FlexRow, { children: _jsx(Typography, Object.assign({ color: "error" }, { children: axiosError ? `${message} [${(_b = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _b !== void 0 ? _b : 'Connection Failure'}]` : `${message}` }), void 0) }, void 0) }, void 0), _jsx(DialogActions, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [_jsx(ButtonEx, Object.assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), _jsx(ButtonEx, Object.assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
+    const message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
+    return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsx(DialogTitle, { children: title }, void 0), _jsx(DialogContent, { children: _jsx(FlexRow, { children: _jsx(Typography, Object.assign({ color: "error" }, { children: axiosError ? `${message} [${(_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure'}]` : `${message}` }), void 0) }, void 0) }, void 0), _jsx(DialogActions, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [_jsx(ButtonEx, Object.assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), _jsx(ButtonEx, Object.assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
 };
-const ErrorDialog = (props) => {
-    const { error } = props;
+export const ErrorDialog = (_a) => {
+    var { open, error } = _a, props = __rest(_a, ["open", "error"]);
     if (error) {
-        return _jsx(ErrorDialogOpen, Object.assign({}, props), void 0);
+        return _jsx(ErrorDialogOpen, Object.assign({ open: !!error || open, error: error }, props), void 0);
     }
     else {
         return null;
     }
 };
-export { ErrorDialog };
 //# sourceMappingURL=ErrorDialog.js.map

package/dist/components/dialogs/ErrorDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI7F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAQpC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,OAAQ,KAAoB,CAAC,YAAY,CAAC,CAAC,CAAE,KAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,eAAe,GAAoB,CAAC,KAAK,EAAE,EAAE;;IACjD,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,6BAA6B,EAAE,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAA;IAEhG,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC,QAAQ,EAAE,CAAA;IAEjD,OAAO,CACL,MAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,iBACrC,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,cACN,KAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,gBACtB,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,oBAAoB,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,YAC5E,WACL,WACI,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,iBACnE,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,EACX,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,aACH,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,IAAI,KAAK,EAAE;QACT,OAAO,KAAC,eAAe,oBAAK,KAAK,UAAI,CAAA;KACtC;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1G,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAQpC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,OAAQ,KAAoB,CAAC,YAAY,CAAC,CAAC,CAAE,KAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,eAAe,GAA+B,CAAC,EAKpD,EAAE,EAAE;;QALgD,EACnD,QAAQ,EACR,KAAK,GAAG,6BAA6B,EACrC,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,OAE/B,EADI,KAAK,cAJ2C,8BAKpD,CADS;IAER,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC,QAAQ,EAAE,CAAA;IAEjD,OAAO,CACL,MAAC,MAAM,oBAAK,KAAK,eACf,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,cACN,KAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,gBACtB,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,oBAAoB,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,YAC5E,WACL,WACI,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,iBACnE,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,EACX,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,aACH,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IAC7E,IAAI,KAAK,EAAE;QACT,OAAO,KAAC,eAAe,kBAAC,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,UAAI,CAAA;KAC3E;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA"}

package/dist/components/dialogs/ErrorDialog.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ErrorDialog").ErrorDialogProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./ErrorDialog").ErrorDialogProps>>;
+export { Default };
+export default StorybookEntry;
+//# sourceMappingURL=ErrorDialog.stories.d.ts.map

package/dist/components/dialogs/ErrorDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIhE,QAAA,MAAM,cAAc,6EASkB,CAAA;AAItC,QAAA,MAAM,OAAO,8EAAoB,CAAA;AAMjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

package/dist/components/dialogs/ErrorDialog.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorDialog } from './ErrorDialog';
+const StorybookEntry = {
+    argTypes: {},
+    component: ErrorDialog,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Dialogs/ErrorDialog',
+};
+const Template = (args) => _jsx(ErrorDialog, Object.assign({}, args), void 0);
+const Default = Template.bind({});
+Default.args = {
+    error: Error('Test Error'),
+    title: 'Test Error',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=ErrorDialog.stories.js.map

package/dist/components/dialogs/ErrorDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACQ,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/dialogs/MessageDialog.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { DialogProps } from '@mui/material';
-interface Props extends DialogProps {
+export interface MessageDialogProps extends DialogProps {
     onOk?: () => void;
     onCancel?: () => void;
 }
-declare const MessageDialog: React.FC<Props>;
-export { MessageDialog };
+export declare const MessageDialog: React.FC<MessageDialogProps>;
 //# sourceMappingURL=MessageDialog.d.ts.map

package/dist/components/dialogs/MessageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AAItG,UAAU,KAAM,SAAQ,WAAW;IACjC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBlC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AAItG,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmBtD,CAAA"}

package/dist/components/dialogs/MessageDialog.js

@@ -12,9 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';
 import { FlexCol, FlexRow } from '../FlexBox';
-const MessageDialog = (_a) => {
+export const MessageDialog = (_a) => {
     var { onOk, onCancel, children, title } = _a, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
     return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsx(DialogTitle, { children: title }, void 0), _jsx(DialogContent, { children: _jsx(FlexCol, Object.assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), _jsx(DialogActions, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%" }, { children: [_jsx(Button, Object.assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), _jsx(Button, Object.assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
 };
-export { MessageDialog };
 //# sourceMappingURL=MessageDialog.js.map

package/dist/components/dialogs/MessageDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAO7C,MAAM,aAAa,GAAoB,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAA3C,yCAA6C,CAAF;IACjF,OAAO,CACL,MAAC,MAAM,oBAAK,KAAK,eACf,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,kBAAC,UAAU,EAAC,SAAS,gBAAE,QAAQ,YAAW,WACpC,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,iBAClD,KAAC,MAAM,kBAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,oCAEhC,EACT,KAAC,MAAM,kBAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,gCAE5B,aACD,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAA3C,yCAA6C,CAAF;IACrG,OAAO,CACL,MAAC,MAAM,oBAAK,KAAK,eACf,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,kBAAC,UAAU,EAAC,SAAS,gBAAE,QAAQ,YAAW,WACpC,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,iBAClD,KAAC,MAAM,kBAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,oCAEhC,EACT,KAAC,MAAM,kBAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,gCAE5B,aACD,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/dialogs/MessageDialog.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./MessageDialog").MessageDialogProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./MessageDialog").MessageDialogProps>>;
+export { Default };
+export default StorybookEntry;
+//# sourceMappingURL=MessageDialog.stories.d.ts.map

package/dist/components/dialogs/MessageDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIhE,QAAA,MAAM,cAAc,iFASoB,CAAA;AAIxC,QAAA,MAAM,OAAO,kFAAoB,CAAA;AAMjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

package/dist/components/dialogs/MessageDialog.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageDialog } from './MessageDialog';
+const StorybookEntry = {
+    argTypes: {},
+    component: MessageDialog,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Dialogs/MessageDialog',
+};
+const Template = (args) => _jsx(MessageDialog, Object.assign({}, args, { children: "Test Message" }), void 0);
+const Default = Template.bind({});
+Default.args = {
+    open: true,
+    title: 'Test Error',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=MessageDialog.stories.js.map

package/dist/components/dialogs/MessageDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,uBAAuB;CACQ,CAAA;AAExC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,wCAA8B,CAAA;AAEtH,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/package.json

@@ -26,18 +26,16 @@
     "@emotion/styled": "^11.6.0",
     "@ethersproject/abstract-signer": "^5.5.0",
     "@ethersproject/providers": "^5.5.1",
-    "@mui/icons-material": "^5.2.0",
-    "@mui/material": "^5.2.2",
-    "@mui/styles": "^5.2.2",
-    "@storybook/addon-actions": "^6.4.7",
-    "@storybook/addon-docs": "^6.4.7",
-    "@storybook/addon-essentials": "^6.4.7",
-    "@storybook/addon-links": "^6.4.7",
-    "@storybook/addons": "^6.4.7",
-    "@storybook/components": "^6.4.7",
-    "@storybook/core-events": "^6.4.7",
-    "@storybook/react": "^6.4.7",
-    "@storybook/theming": "^6.4.7",
+    "@mui/icons-material": "^5.2.1",
+    "@mui/material": "^5.2.3",
+    "@mui/styles": "^5.2.3",
+    "@storybook/addon-actions": "^6.4.8",
+    "@storybook/addon-docs": "^6.4.8",
+    "@storybook/addon-essentials": "^6.4.8",
+    "@storybook/addon-links": "^6.4.8",
+    "@storybook/components": "^6.4.8",
+    "@storybook/core-events": "^6.4.8",
+    "@storybook/react": "^6.4.8",
     "@types/bn.js": "^5.1.0",
     "@types/lodash": "^4.14.177",
     "@types/md5": "^2.3.1",
@@ -45,7 +43,7 @@
     "@types/react": "^17",
     "@xylabs/eslint-config-react": "^2",
     "@xylabs/pixel": "^1.1.6",
-    "@xylabs/sdk-js": "^2.3.12",
+    "@xylabs/sdk-js": "^2.3.13",
     "@xylabs/ts-scripts": "^1.0.23",
     "babel-loader": "^8.2.3",
     "bn.js": "^5.2.0",
@@ -54,7 +52,7 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "prettier": "^2.5.0",
+    "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6",
@@ -110,5 +108,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "dist/index.d.ts",
-  "version": "2.7.6"
+  "version": "2.7.10"
 }

package/src/components/AppBarEx/AppBarEx.stories.tsx

@@ -10,17 +10,17 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'AppBarEx',
+  title: 'Components/AppBarEx',
 } as ComponentMeta<typeof AppBarEx>
 
 const Template: ComponentStory<typeof AppBarEx> = (args) => <AppBarEx {...args}></AppBarEx>
 
-const Default = Template.bind({})
-Default.args = {
-  title: 'Default',
+const Empty = Template.bind({})
+Empty.args = {
+  title: 'Empty',
 }
 
-export { Default, StorybookEntry }
+export { Empty }
 
 // eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/BasePage/BasePage.stories.tsx

@@ -10,7 +10,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'BasePage',
+  title: 'Components/BasePage',
 } as ComponentMeta<typeof BasePage>
 
 const Template: ComponentStory<typeof BasePage> = (args) => <BasePage {...args}></BasePage>
@@ -22,4 +22,5 @@ Default.args = {
 
 export { Default }
 
-export { StorybookEntry }
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Breadcrumbs/BreadcrumbsEx.stories.tsx

@@ -11,7 +11,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'BreadcrumbsEx',
+  title: 'Components/BreadcrumbsEx',
 } as ComponentMeta<typeof BreadcrumbsEx>
 
 const Template: ComponentStory<typeof BreadcrumbsEx> = (args) => (

package/src/components/ButtonEx/ButtonEx.stories.tsx

@@ -11,7 +11,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'ButtonEx',
+  title: 'Components/ButtonEx',
 } as ComponentMeta<typeof ButtonEx>
 
 const DefaultTemplate: ComponentStory<typeof ButtonEx> = (args) => (

package/src/components/CookieConsent/CookieConsent.stories.tsx

@@ -13,7 +13,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'CookieConsent',
+  title: 'Components/CookieConsent',
 } as ComponentMeta<typeof CookieConsent>
 
 const TemplateWithContext: ComponentStory<typeof CookieConsent> = (args) => {

package/src/components/Errors/ErrorViewer.stories.tsx

@@ -10,7 +10,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'ErrorViewer',
+  title: 'Components/ErrorViewer',
 } as ComponentMeta<typeof ErrorViewer>
 
 const Template: ComponentStory<typeof ErrorViewer> = (args) => <ErrorViewer {...args}></ErrorViewer>

package/src/components/Errors/ErrorsViewer.stories.tsx

@@ -10,7 +10,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'ErrorsViewer',
+  title: 'Components/ErrorsViewer',
 } as ComponentMeta<typeof ErrorsViewer>
 
 const Template: ComponentStory<typeof ErrorsViewer> = (args) => <ErrorsViewer {...args}></ErrorsViewer>

package/src/components/EthAccount/EthAccount.stories.tsx

@@ -1,6 +1,7 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 import { EthAddress } from '@xylabs/sdk-js'
 
+import { FlexRow } from '../FlexBox'
 import { EthAccount } from './EthAccount'
 
 const StorybookEntry = {
@@ -11,21 +12,67 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'EthAccount',
+  title: 'Components/EthAccount',
 } as ComponentMeta<typeof EthAccount>
 
-const Template: ComponentStory<typeof EthAccount> = (args) => <EthAccount {...args}></EthAccount>
+const Template: ComponentStory<typeof EthAccount> = (args) => (
+  <FlexRow>
+    <EthAccount variant="outlined" {...args}></EthAccount>
+  </FlexRow>
+)
 
-const Default = Template.bind({})
-Default.args = {
+const Long = Template.bind({})
+Long.args = {
   address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
-  auto: true,
+  addressLength: 'long',
   icon: true,
   title: 'Sample EthAccount',
   toEtherScan: true,
 }
 
-export { Default }
+const LongEmpty = Template.bind({})
+LongEmpty.args = {
+  addressLength: 'long',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Short = Template.bind({})
+Short.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const ShortEmpty = Template.bind({})
+ShortEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Auto = Template.bind({})
+Auto.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const AutoEmpty = Template.bind({})
+AutoEmpty.args = {
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+export { Auto, AutoEmpty, Long, LongEmpty, Short, ShortEmpty }
 
 // eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/EthAccount/EthAccount.tsx

@@ -1,13 +1,77 @@
-import { EthAccountBase } from './EthAccountBase'
+import { Typography, useTheme } from '@mui/material'
+import { assertEx, EthAddress } from '@xylabs/sdk-js'
+import { MouseEvent, useContext } from 'react'
+
+import { EthersContext } from '../../contexts'
+import { useMediaQuery } from '../../hooks'
+import { ButtonEx } from '../ButtonEx'
+import { FlexGrowRow, FlexRow } from '../FlexBox'
+import { Identicon } from '../Identicon'
 import { EthAccountProps } from './EthAccountProps'
-import { EthAccountTo } from './EthAccountTo'
 
-const EthAccount: React.FC<EthAccountProps> = ({ to, toOptions, ...props }) => {
-  if (to || toOptions) {
-    return <EthAccountTo to={to} toOptions={toOptions} {...props} />
-  } else {
-    return <EthAccountBase {...props} />
+const EthAccount: React.FC<EthAccountProps> = ({
+  address,
+  icon = false,
+  iconSize = 16,
+  iconOnly = false,
+  addressLength = 'auto',
+  fontFamily = '"Source Code Pro",monospace',
+  toEtherScan,
+  onButtonClick,
+  ...props
+}) => {
+  const { localAddress } = useContext(EthersContext)
+  const theme = useTheme()
+
+  const large = useMediaQuery(theme.breakpoints.up('md'))
+
+  const isLocalAddress = address ? localAddress?.toString() === address.toString() : false
+
+  const onClickLocal = (event: MouseEvent<HTMLButtonElement>) => {
+    onButtonClick?.(event)
+    if (toEtherScan && address) {
+      window.open(`https://etherscan.io/address/${address.toString()}`, '_blank')
+    }
   }
+
+  const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address')
+
+  const testToDisplay =
+    addressLength === 'long'
+      ? addressToDisplay.toString()
+      : addressLength === 'short'
+      ? addressToDisplay.toShortString()
+      : large
+      ? addressToDisplay.toString()
+      : addressToDisplay.toShortString()
+
+  // Note: We use the all zero address for spacing in case it is
+
+  return (
+    <ButtonEx onClick={onClickLocal} title={`0x${address?.toHex()}`} {...props}>
+      <FlexGrowRow justifyContent="space-between" alignItems="center">
+        {icon && address ? <Identicon size={iconSize} value={address?.toHex()} /> : null}
+        {iconOnly ? null : (
+          <FlexRow>
+            <Typography
+              marginLeft={icon ? 1 : 0}
+              variant="body1"
+              fontFamily={fontFamily}
+              visibility={address ? 'inherit' : 'hidden'}
+            >
+              {testToDisplay}
+            </Typography>
+            {address ? null : (
+              <Typography position="absolute" marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
+                -- --
+              </Typography>
+            )}
+          </FlexRow>
+        )}
+        {isLocalAddress ? <FlexRow marginLeft={0.5}>(You)</FlexRow> : null}
+      </FlexGrowRow>
+    </ButtonEx>
+  )
 }
 
 export { EthAccount }

package/src/components/EthAccount/EthAccountProps.tsx

@@ -1,20 +1,19 @@
-import { BoxProps } from '@mui/material'
 import { EthAddress } from '@xylabs/sdk-js'
 import { MouseEventHandler } from 'react'
-import { NavigateOptions, To } from 'react-router-dom'
 
-interface EthAccountProps extends BoxProps {
+import { ButtonExProps } from '../ButtonEx'
+
+interface EthAccountProps extends ButtonExProps {
   address?: EthAddress | null
-  auto?: boolean
+  addressLength?: 'auto' | 'short' | 'long'
   full?: boolean
   icon?: boolean
+  iconSize?: number
   iconOnly?: boolean
-  size?: number
   text?: boolean
-  to?: To
-  toOptions?: NavigateOptions
   page?: string
   toEtherScan?: boolean
+  fontFamily?: string
   onButtonClick?: MouseEventHandler<HTMLButtonElement>
 }
 

package/src/components/FlexBox/BusyBox.stories.tsx

@@ -10,7 +10,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'BusyBox',
+  title: 'Components/BusyBox',
 } as ComponentMeta<typeof BusyBox>
 
 const BusyBoxTemplate: ComponentStory<typeof BusyBox> = (args) => <BusyBox {...args}></BusyBox>

package/src/components/FlexBox/FlexCol.stories.tsx

@@ -11,7 +11,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'FlexCol',
+  title: 'Components/FlexCol',
 } as ComponentMeta<typeof FlexCol>
 
 const Template: ComponentStory<typeof FlexCol> = (args) => <FlexCol {...args}></FlexCol>

package/src/components/FlexBox/FlexRow.stories.tsx

@@ -11,7 +11,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'FlexRow',
+  title: 'Components/FlexRow',
 } as ComponentMeta<typeof FlexRow>
 
 const Template: ComponentStory<typeof FlexRow> = (args) => <FlexRow {...args}></FlexRow>