@xyo-network/react-shared 2.53.0 → 2.54.1

package/dist/esm/components/{ErrorBoundry.js → ErrorBoundary.js}

@@ -23,4 +23,4 @@ export class ErrorBoundary extends Component {
         return this.props.children;
     }
 }
-//# sourceMappingURL=ErrorBoundry.js.map
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAA;AAcvD,MAAM,OAAO,aAAc,SAAQ,SAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAChC,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;aACtD;YACD,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACrB,MAAC,OAAO,eACN,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sCAAmC,EAC3D,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,kBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,SAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}

package/dist/esm/components/TableCell/HashTableCell.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useXyoEvent } from '@xyo-network/react-event';
+import { useEvent } from '@xyo-network/react-event';
 import { useRef } from 'react';
 import { EllipsisTableCell } from './EllipsisTableCell';
 export const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
     const ref = useRef(null);
-    const [tableCellRef, dispatch] = useXyoEvent(undefined, ref);
+    const [tableCellRef, dispatch] = useEvent(undefined, ref);
     const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`;
     const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
     const handleCellClick = () => {

package/dist/esm/components/TableCell/HashTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,GAAG,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAuB,SAAS,EAAE,GAAG,CAAC,CAAA;IAClF,MAAM,QAAQ,GAAG,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEzE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KACvC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,GAAG,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,SAAS,EAAE,GAAG,CAAC,CAAA;IAC/E,MAAM,QAAQ,GAAG,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEzE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KACvC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.js → ThemeTokenAvatar/ThemeTokenAvatar.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar, useTheme } from '@mui/material';
-export const XyoThemeTokenAvatar = ({ ...props }) => {
+export const ThemeTokenAvatar = ({ ...props }) => {
     const theme = useTheme();
     return _jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
 };
-//# sourceMappingURL=XyoThemeTokenAvatar.js.map
+//# sourceMappingURL=ThemeTokenAvatar.js.map

package/dist/esm/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAM,KAAK,GAAI,CAAA;AAC9E,CAAC,CAAA"}

package/dist/esm/components/ThemeTokenAvatar/index.js

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

package/dist/esm/components/ThemeTokenAvatar/index.js.map

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

package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AvatarGroup } from '@mui/material';
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar';
+export const ThemeTokenAvatarGroup = ({ images, ...props }) => {
+    return (_jsx(AvatarGroup, { ...props, children: images?.map((image, index) => (_jsx(ThemeTokenAvatar, { src: image }, index))) }));
+};
+//# sourceMappingURL=ThemeTokenAvatarGroup.js.map

package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,OAAO,CACL,KAAC,WAAW,OAAK,KAAK,YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,gBAAgB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAC7C,CAAC,GACU,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ThemeTokenAvatarGroup/index.js

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

package/dist/esm/components/ThemeTokenAvatarGroup/index.js.map

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

package/dist/esm/components/TokenSummary/TokenSummary.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CardHeader, Typography } from '@mui/material';
-import { XyoThemeTokenAvatar } from '../XyoThemeTokenAvatar';
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar';
 export const TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(CardHeader, { avatar: _jsx(XyoThemeTokenAvatar, { src: icon, alt: symbol }), title: _jsx(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }), ...props }), children] }));
+    return (_jsxs(_Fragment, { children: [_jsx(CardHeader, { avatar: _jsx(ThemeTokenAvatar, { src: icon, alt: symbol }), title: _jsx(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }), ...props }), children] }));
 };
 //# sourceMappingURL=TokenSummary.js.map

package/dist/esm/components/TokenSummary/TokenSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,UAAU,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAA;AAGpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAS5D,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/G,OAAO,CACL,8BACE,KAAC,UAAU,IACT,MAAM,EAAE,KAAC,mBAAmB,IAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAI,EACvD,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,YAChE,aAAa,IAAI,MAAM,GACb,KAEX,KAAK,GACT,EACD,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,UAAU,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAA;AAGpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAStD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/G,OAAO,CACL,8BACE,KAAC,UAAU,IACT,MAAM,EAAE,KAAC,gBAAgB,IAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAI,EACpD,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,YAChE,aAAa,IAAI,MAAM,GACb,KAEX,KAAK,GACT,EACD,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/index.js

@@ -1,7 +1,7 @@
 export * from './Ampersand';
 export * from './BasicHero';
 export * from './Ellipsize';
-export * from './ErrorBoundry';
+export * from './ErrorBoundary';
 export * from './ListItemButtonEx';
 export * from './LoadResult';
 export * from './NotFound';
@@ -10,10 +10,10 @@ export * from './pluginValidation';
 export * from './ScrollTableOnSm';
 export * from './SectionSpacingRow';
 export * from './TableCell';
+export * from './ThemeTokenAvatar';
+export * from './ThemeTokenAvatarGroup';
 export * from './TokenBar';
 export * from './TokenData';
 export * from './TokenSummary';
 export * from './TypographyEx';
-export * from './XyoThemeTokenAvatar';
-export * from './XyoThemeTokenAvatarGroup';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/esm/hooks/usePayloadHash.js

@@ -1,11 +1,11 @@
 import { PayloadHasher } from '@xyo-network/core';
 import { usePromise } from './usePromise';
 export const usePayloadHash = (payload, dependencies) => {
-    return usePromise(payload ? PayloadHasher.hashAsync(payload) : undefined, [payload, ...(dependencies ?? [])])[0];
+    return usePromise(() => (payload ? PayloadHasher.hashAsync(payload) : undefined), dependencies)[0];
 };
 export const usePayloadHashes = (payloads, dependencies) => {
-    return usePromise(payloads
+    return usePromise(() => payloads
         ? Promise.all(payloads.map(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))
-        : undefined, [payloads, ...(dependencies ?? [])])[0];
+        : undefined, dependencies)[0];
 };
 //# sourceMappingURL=usePayloadHash.js.map

package/dist/esm/hooks/usePayloadHash.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadHash.js","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAA2B,OAAoC,EAAE,YAAwB,EAAE,EAAE;IACzH,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAClH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA2B,QAAuC,EAAE,YAAwB,EAAE,EAAE;IAC9H,OAAO,UAAU,CACf,QAAQ;QACN,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAA8B,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC9H,CAAC,CAAC,SAAS,EACb,CAAC,QAAQ,EAAE,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CACpC,CAAC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}
+{"version":3,"file":"usePayloadHash.js","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAA2B,OAAoC,EAAE,YAA6B,EAAE,EAAE;IAC9H,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;AACpG,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA2B,QAAuC,EAAE,YAA6B,EAAE,EAAE;IACnI,OAAO,UAAU,CACf,GAAG,EAAE,CACH,QAAQ;QACN,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAA8B,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC9H,CAAC,CAAC,SAAS,EACf,YAAY,CACb,CAAC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}

package/dist/esm/hooks/usePromise.js

@@ -1,74 +1,95 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
-import { useAsyncEffect } from '@xylabs/react-async-effect';
-import { useReducer } from 'react';
+import { useEffect, useMemo, useReducer } from 'react';
 export var State;
 (function (State) {
     State["pending"] = "pending";
     State["rejected"] = "rejected";
     State["resolved"] = "resolved";
 })(State || (State = {}));
-const defaultState = {
-    error: undefined,
-    result: undefined,
-    state: State.pending,
-};
-const reducer = (_state, action) => {
-    switch (action.type) {
-        case State.pending:
-            return defaultState;
-        case State.resolved:
-            return {
-                error: undefined,
-                result: action.payload,
-                state: State.resolved,
-            };
-        case State.rejected:
-            return {
-                error: action.payload,
-                result: undefined,
-                state: State.rejected,
-            };
-        default:
-            throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`);
-    }
-};
 /**
  * usePromise -
  */
-export const usePromise = (promise, dependencies = []) => {
-    const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState);
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-        if (!promise) {
-            return;
+export const usePromise = (promise, dependencies = [], debug = undefined) => {
+    const promiseMemo = useMemo(() => promise?.(), dependencies);
+    const defaultState = {
+        error: undefined,
+        result: undefined,
+        state: State.pending,
+    };
+    const reducer = (_state, action) => {
+        switch (action.type) {
+            case State.pending:
+                return defaultState;
+            case State.resolved:
+                return {
+                    error: undefined,
+                    result: action.payload,
+                    state: State.resolved,
+                };
+            case State.rejected:
+                return {
+                    error: action.error,
+                    result: undefined,
+                    state: State.rejected,
+                };
+            default:
+                throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`);
         }
-        let canceled = false;
+    };
+    const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState);
+    if (debug)
+        console.debug(`usePromise [${debug}] Main Function`);
+    useEffect(() => {
+        let cancelled = false;
         dispatch({ type: State.pending });
-        try {
-            const result = await promise;
-            !canceled
-                ? dispatch({
-                    payload: result,
-                    type: State.resolved,
-                })
-                : undefined;
+        if (debug)
+            console.debug(`usePromise [${debug}] useEffect [cancelled: ${cancelled}]`);
+        if (promiseMemo instanceof Promise) {
+            promiseMemo
+                .then((payload) => {
+                if (debug)
+                    console.debug(`usePromise [${debug}] then [cancelled: ${cancelled}]`);
+                !cancelled ??
+                    dispatch({
+                        error: undefined,
+                        payload,
+                        type: State.resolved,
+                    });
+            })
+                .catch((error) => {
+                if (debug)
+                    console.debug(`usePromise [${debug}] catch [cancelled: ${cancelled}]`);
+                !cancelled ??
+                    dispatch({
+                        error: error,
+                        payload: undefined,
+                        type: State.rejected,
+                    });
+            });
+        }
+        else if (promiseMemo) {
+            dispatch({
+                error: undefined,
+                payload: promiseMemo,
+                type: State.resolved,
+            });
         }
-        catch (e) {
-            !canceled
-                ? dispatch({
-                    payload: e,
-                    type: State.rejected,
-                })
-                : undefined;
+        else {
+            if (debug)
+                console.debug(`usePromise [${debug}] no-promise [cancelled: ${cancelled}]`);
+            !cancelled ??
+                dispatch({
+                    error: undefined,
+                    payload: undefined,
+                    type: State.resolved,
+                });
         }
         return () => {
-            canceled = true;
+            if (debug)
+                console.debug(`usePromise [${debug}] useEffect callback`);
+            cancelled = true;
         };
-    }, 
-    // eslint can't inspect the array to verify dependencies are missing
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    dependencies);
+    }, [promiseMemo]);
     return [result, error, state];
 };
 //# sourceMappingURL=usePromise.js.map

package/dist/esm/hooks/usePromise.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAQD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO;CACrB,CAAA;AAMD,MAAM,OAAO,GAAG,CAAC,MAAoB,EAAE,MAAc,EAAE,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK,CAAC,OAAO;YAChB,OAAO,YAAY,CAAA;QAErB,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,MAAM,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH;YACE,MAAM,KAAK,CAAC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;KACzE;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAA6B,EAC7B,eAA0B,EAAE,EACiC,EAAE;IAC/D,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAEjC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;YAC5B,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACV,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,CAAU;oBACnB,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,uDAAuD;IACvD,YAAY,CACb,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"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"}

package/dist/esm/lib/xyo.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '@mui/material';
-export const XyoLogo = (props) => {
+export const Logo = (props) => {
     return (_jsxs(SvgIcon, { "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 238", ...props, children: [_jsx("path", { d: "M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" }), _jsx("path", { d: "M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" }), _jsx("path", { d: "M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" }), _jsx("path", { d: "M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" })] }));
 };
 //# sourceMappingURL=xyo.js.map

package/dist/esm/lib/xyo.js.map

@@ -1 +1 @@
-{"version":3,"file":"xyo.js","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAErD,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACL,MAAC,OAAO,iBAAW,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,KAAK,KAAK,aAC7F,eAAM,CAAC,EAAC,k2BAAk2B,GAAG,EAC72B,eAAM,CAAC,EAAC,0HAA0H,GAAG,EACrI,eAAM,CAAC,EAAC,uIAAuI,GAAG,EAClJ,eAAM,CAAC,EAAC,0IAA0I,GAAG,IAC7I,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"xyo.js","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAErD,MAAM,CAAC,MAAM,IAAI,GAA2B,CAAC,KAAK,EAAE,EAAE;IACpD,OAAO,CACL,MAAC,OAAO,iBAAW,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,KAAK,KAAK,aAC7F,eAAM,CAAC,EAAC,k2BAAk2B,GAAG,EAC72B,eAAM,CAAC,EAAC,0HAA0H,GAAG,EACrI,eAAM,CAAC,EAAC,uIAAuI,GAAG,EAClJ,eAAM,CAAC,EAAC,0IAA0I,GAAG,IAC7I,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/types/components/{ErrorBoundry.d.ts → ErrorBoundary.d.ts}

@@ -15,4 +15,4 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
-//# sourceMappingURL=ErrorBoundry.d.ts.map
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/types/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAiBhB"}

package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AvatarProps } from '@mui/material';
+export declare const ThemeTokenAvatar: React.FC<AvatarProps>;
+//# sourceMappingURL=ThemeTokenAvatar.d.ts.map

package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGlD,CAAA"}

package/dist/types/components/ThemeTokenAvatar/index.d.ts

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

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

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

package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from '@mui/material';
+export interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
+    images?: string[];
+}
+export declare const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps>;
+//# sourceMappingURL=ThemeTokenAvatarGroup.d.ts.map

package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAQtE,CAAA"}

package/dist/types/components/ThemeTokenAvatarGroup/index.d.ts

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

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

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

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

@@ -1,7 +1,7 @@
 export * from './Ampersand';
 export * from './BasicHero';
 export * from './Ellipsize';
-export * from './ErrorBoundry';
+export * from './ErrorBoundary';
 export * from './ListItemButtonEx';
 export * from './LoadResult';
 export * from './NotFound';
@@ -10,10 +10,10 @@ export * from './pluginValidation';
 export * from './ScrollTableOnSm';
 export * from './SectionSpacingRow';
 export * from './TableCell';
+export * from './ThemeTokenAvatar';
+export * from './ThemeTokenAvatarGroup';
 export * from './TokenBar';
 export * from './TokenData';
 export * from './TokenSummary';
 export * from './TypographyEx';
-export * from './XyoThemeTokenAvatar';
-export * from './XyoThemeTokenAvatarGroup';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/types/hooks/usePayloadHash.d.ts

@@ -1,7 +1,8 @@
+import { DependencyList } from 'react';
 export declare const usePayloadHash: <TPayload extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
-}>(payload: TPayload | null | undefined, dependencies?: unknown[]) => string | undefined;
+}>(payload: TPayload | null | undefined, dependencies?: DependencyList) => string | undefined;
 export declare const usePayloadHashes: <TPayload extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
-}>(payloads: TPayload[] | null | undefined, dependencies?: unknown[]) => [TPayload, string][] | undefined;
+}>(payloads: TPayload[] | null | undefined, dependencies?: DependencyList) => [TPayload, string][] | undefined;
 //# sourceMappingURL=usePayloadHash.d.ts.map

package/dist/types/hooks/usePayloadHash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;wDAAmF,OAAO,EAAE,uBAEtH,CAAA;AAED,eAAO,MAAM,gBAAgB;;2DAAsF,OAAO,EAAE,qCAO3H,CAAA"}
+{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,cAAc;;wDAAmF,cAAc,uBAE3H,CAAA;AAED,eAAO,MAAM,gBAAgB;;2DAAsF,cAAc,qCAQhI,CAAA"}

package/dist/types/hooks/usePromise.d.ts

@@ -1,4 +1,5 @@
 import { Promisable } from '@xyo-network/promise';
+import { DependencyList } from 'react';
 export declare enum State {
     pending = "pending",
     rejected = "rejected",
@@ -7,5 +8,5 @@ export declare enum State {
 /**
  * usePromise -
  */
-export declare const usePromise: <TResult>(promise?: Promisable<TResult, never> | undefined, dependencies?: unknown[]) => [TResult | undefined, Error | undefined, State | undefined];
+export declare const usePromise: <TResult>(promise: () => Promisable<TResult, never> | undefined, dependencies?: DependencyList, debug?: string | undefined) => [TResult | undefined, Error | undefined, State | undefined];
 //# sourceMappingURL=usePromise.d.ts.map

package/dist/types/hooks/usePromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,oBAAY,KAAK;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AA0CD;;GAEG;AACH,eAAO,MAAM,UAAU,6EAEP,OAAO,EAAE,gEA0CxB,CAAA"}
+{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,cAAc,EAA2C,MAAM,OAAO,CAAA;AAE/E,oBAAY,KAAK;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAUD;;GAEG;AACH,eAAO,MAAM,UAAU,0GAGd,MAAM,GAAG,SAAS,gEAoF1B,CAAA"}

package/dist/types/lib/xyo.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SvgIconProps } from '@mui/material';
-export declare const XyoLogo: React.FC<SvgIconProps>;
+export declare const Logo: React.FC<SvgIconProps>;
 //# sourceMappingURL=xyo.d.ts.map

package/dist/types/lib/xyo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xyo.d.ts","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAErD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAS1C,CAAA"}
+{"version":3,"file":"xyo.d.ts","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAErD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASvC,CAAA"}

package/package.json

@@ -20,13 +20,13 @@
     "@xyo-network/core": "^2.62.1",
     "@xyo-network/payload-model": "^2.62.1",
     "@xyo-network/promise": "^2.62.1",
-    "@xyo-network/react-event": "^2.53.0"
+    "@xyo-network/react-event": "^2.54.1"
   },
   "devDependencies": {
     "@storybook/react": "^7.0.21",
     "@xylabs/react-quick-tip-button": "^2.17.3",
-    "@xylabs/ts-scripts-yarn3": "^2.17.13",
-    "@xylabs/tsconfig-react": "^2.17.13",
+    "@xylabs/ts-scripts-yarn3": "^2.17.14",
+    "@xylabs/tsconfig-react": "^2.17.14",
     "typescript": "^5.1.3"
   },
   "peerDependencies": {
@@ -81,5 +81,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.53.0"
+  "version": "2.54.1"
 }

package/src/components/TableCell/HashTableCell.tsx

@@ -1,4 +1,4 @@
-import { useXyoEvent } from '@xyo-network/react-event'
+import { useEvent } from '@xyo-network/react-event'
 import { useRef } from 'react'
 
 import { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'
@@ -12,7 +12,7 @@ export interface HashTableCellProps extends EllipsisTableCellProps {
 
 export const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
   const ref = useRef<HTMLTableCellElement | null>(null)
-  const [tableCellRef, dispatch] = useXyoEvent<HTMLTableCellElement>(undefined, ref)
+  const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)
   const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`
   const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath
 

package/src/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.stories.tsx → ThemeTokenAvatar/ThemeTokenAvatar.stories.tsx}

@@ -2,21 +2,21 @@ import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import * as tokenData from '../TokenData'
-import { XyoThemeTokenAvatar } from './XyoThemeTokenAvatar'
+import { ThemeTokenAvatar } from './ThemeTokenAvatar'
 const StorybookEntry = {
   argTypes: {},
-  component: XyoThemeTokenAvatar,
+  component: ThemeTokenAvatar,
   parameters: {
     docs: {
       page: null,
     },
   },
-  title: 'shared/XyoThemeTokenAvatar',
-} as Meta<typeof XyoThemeTokenAvatar>
+  title: 'shared/ThemeTokenAvatar',
+} as Meta<typeof ThemeTokenAvatar>
 
-const Template: StoryFn<typeof XyoThemeTokenAvatar> = (args) => (
+const Template: StoryFn<typeof ThemeTokenAvatar> = (args) => (
   <BrowserRouter>
-    <XyoThemeTokenAvatar {...args}></XyoThemeTokenAvatar>
+    <ThemeTokenAvatar {...args}></ThemeTokenAvatar>
   </BrowserRouter>
 )
 

package/src/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx → ThemeTokenAvatar/ThemeTokenAvatar.tsx}

@@ -1,6 +1,6 @@
 import { Avatar, AvatarProps, useTheme } from '@mui/material'
 
-export const XyoThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {
+export const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {
   const theme = useTheme()
   return <Avatar sx={{ background: theme.palette.common.white }} {...props} />
 }

package/src/components/ThemeTokenAvatar/index.ts

@@ -0,0 +1 @@
+export * from './ThemeTokenAvatar'

package/src/components/{XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.stories.tsx → ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.stories.tsx}

@@ -2,21 +2,21 @@ import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import * as tokenData from '../TokenData'
-import { XyoThemeTokenAvatarGroup } from './XyoThemeTokenAvatarGroup'
+import { ThemeTokenAvatarGroup } from './ThemeTokenAvatarGroup'
 const StorybookEntry = {
   argTypes: {},
-  component: XyoThemeTokenAvatarGroup,
+  component: ThemeTokenAvatarGroup,
   parameters: {
     docs: {
       page: null,
     },
   },
-  title: 'shared/XyoThemeTokenAvatarGroup',
-} as Meta<typeof XyoThemeTokenAvatarGroup>
+  title: 'shared/ThemeTokenAvatarGroup',
+} as Meta<typeof ThemeTokenAvatarGroup>
 
-const Template: StoryFn<typeof XyoThemeTokenAvatarGroup> = (args) => (
+const Template: StoryFn<typeof ThemeTokenAvatarGroup> = (args) => (
   <BrowserRouter>
-    <XyoThemeTokenAvatarGroup {...args}></XyoThemeTokenAvatarGroup>
+    <ThemeTokenAvatarGroup {...args}></ThemeTokenAvatarGroup>
   </BrowserRouter>
 )
 

package/src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx

@@ -0,0 +1,17 @@
+import { AvatarGroup, AvatarGroupProps } from '@mui/material'
+
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar'
+
+export interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
+  images?: string[]
+}
+
+export const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {
+  return (
+    <AvatarGroup {...props}>
+      {images?.map((image, index) => (
+        <ThemeTokenAvatar key={index} src={image} />
+      ))}
+    </AvatarGroup>
+  )
+}

package/src/components/ThemeTokenAvatarGroup/index.ts

@@ -0,0 +1 @@
+export * from './ThemeTokenAvatarGroup'