@xylabs/sdk-react 2.7.5 → 2.7.9

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

@@ -18,6 +18,7 @@ export * from './LinkEx';
 export * from './NumberStatus';
 export * from './QuickTipButton';
 export * from './RichResult';
+export * from './ScrollToTop';
 export * from './TokenAmount';
 export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAG7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/index.js

@@ -18,7 +18,7 @@ export * from './LinkEx';
 export * from './NumberStatus';
 export * from './QuickTipButton';
 export * from './RichResult';
+export * from './ScrollToTop';
 export * from './TokenAmount';
-// eslint-disable-next-line @delagen/deprecation/deprecation
 export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAE7B,4DAA4D;AAC5D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
 import { useBreakpoint } from './useBreakpoint';
+import { useMediaQuery } from './useMediaQuery';
 import { useMounted } from './useMounted';
 import { useNavigateToEthAddress } from './useNavigateToEthAddress';
 import { useWindowSize } from './useWindowSize';
-export { useBreakpoint, useMounted, useNavigateToEthAddress, useWindowSize };
+export { useBreakpoint, useMediaQuery, useMounted, useNavigateToEthAddress, useWindowSize };
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,uBAAuB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,uBAAuB,EAAE,aAAa,EAAE,CAAA"}

package/dist/hooks/index.js

@@ -1,6 +1,7 @@
 import { useBreakpoint } from './useBreakpoint';
+import { useMediaQuery } from './useMediaQuery';
 import { useMounted } from './useMounted';
 import { useNavigateToEthAddress } from './useNavigateToEthAddress';
 import { useWindowSize } from './useWindowSize';
-export { useBreakpoint, useMounted, useNavigateToEthAddress, useWindowSize };
+export { useBreakpoint, useMediaQuery, useMounted, useNavigateToEthAddress, useWindowSize };
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,uBAAuB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,uBAAuB,EAAE,aAAa,EAAE,CAAA"}

package/dist/hooks/useBreakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,oDAmBlB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,oDAmBlB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/hooks/useBreakpoint.js

@@ -1,4 +1,5 @@
-import { useMediaQuery, useTheme } from '@mui/material';
+import { useTheme } from '@mui/material';
+import { useMediaQuery } from './useMediaQuery';
 const useBreakpoint = () => {
     const theme = useTheme();
     const xs = useMediaQuery(theme.breakpoints.only('xs'));

package/dist/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtD,IAAI,EAAE,EAAE;QACN,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtD,IAAI,EAAE,EAAE;QACN,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,EAAE,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,3 @@
+import { useMediaQuery } from '@mui/material';
+export { useMediaQuery };
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,5 @@
+/* eslint-disable import/no-deprecated */
+import { useMediaQuery } from '@mui/material';
+export { useMediaQuery };
+/* file exists to deal with false warning */
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,CAAA;AAExB,4CAA4C"}

package/dist/lib/getApiStage.d.ts

@@ -1,3 +1,3 @@
-declare const getApiStage: () => import("@xylabs/sdk-js/dist/ApiStage").default;
+declare const getApiStage: () => import("@xylabs/sdk-js/dist/ApiStage").ApiStage;
 export { getApiStage };
 //# sourceMappingURL=getApiStage.d.ts.map

package/dist/lib/getApiStage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getApiStage.d.ts","sourceRoot":"","sources":["../../src/lib/getApiStage.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,sDAEhB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"getApiStage.d.ts","sourceRoot":"","sources":["../../src/lib/getApiStage.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,uDAEhB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/package.json

@@ -25,19 +25,17 @@
     "@emotion/react": "^11.7.0",
     "@emotion/styled": "^11.6.0",
     "@ethersproject/abstract-signer": "^5.5.0",
-    "@ethersproject/providers": "^5.5.0",
-    "@mui/icons-material": "^5.2.0",
-    "@mui/material": "^5.2.2",
-    "@mui/styles": "^5.2.2",
-    "@storybook/addon-actions": "^6.4.1",
-    "@storybook/addon-docs": "^6.4.1",
-    "@storybook/addon-essentials": "^6.4.1",
-    "@storybook/addon-links": "^6.4.1",
-    "@storybook/addons": "^6.4.1",
-    "@storybook/components": "^6.4.1",
-    "@storybook/core-events": "^6.4.1",
-    "@storybook/react": "^6.4.1",
-    "@storybook/theming": "^6.4.1",
+    "@ethersproject/providers": "^5.5.1",
+    "@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.9",
+    "@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.5"
+  "version": "2.7.9"
 }

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/Background.tsx

@@ -7,5 +7,4 @@ const Background: React.FC<FlexBoxProps> = (props) => {
   return <FlexRow {...props} />
 }
 
-// eslint-disable-next-line @delagen/deprecation/deprecation
 export { Background }

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