@xyo-network/react-chain-blockies 2.0.18 → 3.0.1

package/dist/browser/components/blockies/Account.d.ts

@@ -1,12 +1,8 @@
-import React from 'react';
-import type { BlockiesOptions } from './blockies.ts';
 /**
- * @deprecated Use {@link BlockiesAccountProps} from `@xyo-network/xl1-blockies` instead.
+ * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.
+ * This re-export exists only for backward compatibility and will be removed
+ * in a future release.
  */
-export interface BlockiesAccountProps extends Partial<BlockiesOptions> {
-}
-/**
- * @deprecated Use {@link BlockiesAccount} from `@xyo-network/xl1-blockies` instead.
- */
-export declare const BlockiesAccount: React.FC<BlockiesAccountProps>;
+export type { BlockiesAccountProps } from '@xyo-network/xl1-blockies';
+export { BlockiesAccount } from '@xyo-network/xl1-blockies';
 //# sourceMappingURL=Account.d.ts.map

package/dist/browser/components/blockies/Account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/Account.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;CAAG;AAEzE;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA"}
+{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/Account.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/browser/components/blockies/Avatar.d.ts

@@ -1,41 +1,8 @@
-import type { AvatarProps, BadgeProps } from '@mui/material';
-import React from 'react';
-import type { BlockiesOptions } from './blockies.ts';
 /**
- * @deprecated Use {@link BlockiesAvatarProps} from `@xyo-network/xl1-blockies` instead.
+ * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.
+ * This re-export exists only for backward compatibility and will be removed
+ * in a future release.
  */
-export interface BlockiesAvatarProps extends AvatarProps {
-    blockiesOptions?: Partial<BlockiesOptions>;
-}
-/**
- * @deprecated Use {@link BlockiesAvatar} from `@xyo-network/xl1-blockies` instead.
- */
-export declare const BlockiesAvatar: React.FC<BlockiesAvatarProps>;
-/**
- * @deprecated Use {@link BlockiesAvatarAddressProps} from `@xyo-network/xl1-blockies` instead.
- */
-export interface BlockiesAvatarAddressProps extends AvatarProps {
-    /** The Address to display */
-    address?: string;
-    /** Size of the border is the size prop * borderSizeFactor and rounded up */
-    borderSizeFactor?: number;
-    /** The size of the avatar in pixels, defaults to 24 */
-    size?: number;
-}
-/**
- * @deprecated Use {@link BlockiesAvatarAddress} from `@xyo-network/xl1-blockies` instead.
- */
-export declare const BlockiesAvatarAddress: React.FC<BlockiesAvatarAddressProps>;
-/**
- * @deprecated Use {@link BlockiesAvatarAddressApprovedProps} from `@xyo-network/xl1-blockies` instead.
- */
-export interface BlockiesAvatarAddressApprovedProps extends BlockiesAvatarAddressProps {
-    /** Whether to show the approved badge */
-    approved?: boolean;
-    badgeVariant?: BadgeProps['variant'];
-}
-/**
- * @deprecated Use {@link BlockiesAvatarAddressApproved} from `@xyo-network/xl1-blockies` instead.
- */
-export declare const BlockiesAvatarAddressApproved: React.FC<BlockiesAvatarAddressApprovedProps>;
+export type { BlockiesAvatarAddressApprovedProps, BlockiesAvatarAddressProps, BlockiesAvatarProps, } from '@xyo-network/xl1-blockies';
+export { BlockiesAvatar, BlockiesAvatarAddress } from '@xyo-network/xl1-blockies';
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/browser/components/blockies/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM5D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAC3C;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsBtE,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;CACrC;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAyBtF,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EACV,kCAAkC,EAClC,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/browser/components/blockies/blockies.d.ts

@@ -1,27 +1,8 @@
 /**
- * inspired by https://github.com/download13/blockies/blob/master/src/blockies.mjs
+ * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.
+ * This re-export exists only for backward compatibility and will be removed
+ * in a future release.
  */
-/**
- * @deprecated Use {@link BlockiesOptions} from `@xyo-network/xl1-blockies` instead.
- */
-export interface BlockiesOptions {
-    bgcolor: string;
-    color: string;
-    scale: number;
-    seed: string;
-    size: number;
-    spotcolor: string;
-}
-/**
- * @deprecated Use {@link buildOpts} from `@xyo-network/xl1-blockies` instead.
- */
-export declare function buildOpts(opts: Partial<BlockiesOptions>): BlockiesOptions;
-/**
- * @deprecated Use {@link renderIcon} from `@xyo-network/xl1-blockies` instead.
- */
-export declare function renderIcon(opts: Partial<BlockiesOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement;
-/**
- * @deprecated Use {@link createIcon} from `@xyo-network/xl1-blockies` instead.
- */
-export declare function createIcon(opts: Partial<BlockiesOptions>): HTMLCanvasElement;
+export type { BlockiesOptions } from '@xyo-network/xl1-blockies';
+export { buildOpts, createIcon, renderIcon, } from '@xyo-network/xl1-blockies';
 //# sourceMappingURL=blockies.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"blockies.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/blockies.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAczE;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,iBAAiB,qBA2BnF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,qBAMxD"}
+{"version":3,"file":"blockies.d.ts","sourceRoot":"","sources":["../../../../src/components/blockies/blockies.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EACL,SAAS,EAAE,UAAU,EAAE,UAAU,GAClC,MAAM,2BAA2B,CAAA"}

package/dist/browser/index.mjs

@@ -1,177 +1,19 @@
 // src/components/blockies/Account.tsx
-import { useMemo } from "react";
-
-// src/components/blockies/blockies.ts
-var randomSeed = Array.from({ length: 4 });
-function seedRandom(seed) {
-  for (let i = 0; i < randomSeed.length; i++) {
-    randomSeed[i] = 0;
-  }
-  for (let i = 0; i < seed.length; i++) {
-    randomSeed[i % 4] = (randomSeed[i % 4] << 5) - randomSeed[i % 4] + seed.codePointAt(i);
-  }
-}
-function rand() {
-  const t = randomSeed[0] ^ randomSeed[0] << 11;
-  randomSeed[0] = randomSeed[1];
-  randomSeed[1] = randomSeed[2];
-  randomSeed[2] = randomSeed[3];
-  randomSeed[3] = randomSeed[3] ^ randomSeed[3] >> 19 ^ t ^ t >> 8;
-  return (randomSeed[3] >>> 0) / (1 << 31 >>> 0);
-}
-function createColor() {
-  const h = Math.floor(rand() * 360);
-  const s = rand() * 60 + 40 + "%";
-  const l = (rand() + rand() + rand() + rand()) * 25 + "%";
-  return "hsl(" + h + "," + s + "," + l + ")";
-}
-function createImageData(size) {
-  const width = size;
-  const height = size;
-  const dataWidth = Math.ceil(width / 2);
-  const mirrorWidth = width - dataWidth;
-  const data = [];
-  for (let y = 0; y < height; y++) {
-    let row = [];
-    for (let x = 0; x < dataWidth; x++) {
-      row[x] = Math.floor(rand() * 2.3);
-    }
-    const r = row.slice(0, mirrorWidth);
-    r.reverse();
-    row = [...row, ...r];
-    for (const element of row) {
-      data.push(element);
-    }
-  }
-  return data;
-}
-function buildOpts(opts) {
-  const newOpts = {};
-  newOpts.seed = opts.seed ?? Math.floor(Math.random() * Math.pow(10, 16)).toString(16);
-  seedRandom(newOpts.seed);
-  newOpts.size = opts.size ?? 8;
-  newOpts.scale = opts.scale ?? 4;
-  newOpts.color = opts.color ?? createColor();
-  newOpts.bgcolor = opts.bgcolor ?? createColor();
-  newOpts.spotcolor = opts.spotcolor ?? createColor();
-  return newOpts;
-}
-function renderIcon(opts, canvas) {
-  const updatedOptions = buildOpts(opts ?? {});
-  const imageData = createImageData(updatedOptions.size);
-  const width = Math.sqrt(imageData.length);
-  canvas.width = canvas.height = updatedOptions.size * updatedOptions.scale;
-  const cc = canvas.getContext("2d");
-  if (cc === null) throw new Error("unable to get 2d context");
-  cc.fillStyle = updatedOptions.bgcolor;
-  cc.fillRect(0, 0, canvas.width, canvas.height);
-  cc.fillStyle = updatedOptions.color;
-  for (const [i, imageDatum] of imageData.entries()) {
-    if (imageDatum > 0) {
-      const row = Math.floor(i / width);
-      const col = i % width;
-      cc.fillStyle = imageDatum == 1 ? updatedOptions.color : updatedOptions.spotcolor;
-      cc.fillRect(col * updatedOptions.scale, row * updatedOptions.scale, updatedOptions.scale, updatedOptions.scale);
-    }
-  }
-  return canvas;
-}
-function createIcon(opts) {
-  const canvas = document.createElement("canvas");
-  renderIcon(opts, canvas);
-  return canvas;
-}
-
-// src/components/blockies/Account.tsx
-import { jsx } from "react/jsx-runtime";
-var BlockiesAccount = ({ ...options }) => {
-  const img = useMemo(() => {
-    if (options.seed !== void 0) {
-      return createIcon(options).toDataURL();
-    }
-  }, [options]);
-  return /* @__PURE__ */ jsx("img", { src: img });
-};
+import { BlockiesAccount } from "@xyo-network/xl1-blockies";
 
 // src/components/blockies/Avatar.tsx
-import { Circle } from "@mui/icons-material";
+import { BlockiesAvatar, BlockiesAvatarAddress } from "@xyo-network/xl1-blockies";
+
+// src/components/blockies/blockies.ts
 import {
-  Avatar,
-  Badge,
-  useTheme
-} from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { alphaCss } from "@xylabs/react-theme";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var BlockiesAvatar = ({ blockiesOptions, ...props }) => {
-  const img = useMemo2(() => {
-    if (blockiesOptions?.seed !== void 0) {
-      return createIcon(blockiesOptions).toDataURL();
-    }
-  }, [blockiesOptions]);
-  return /* @__PURE__ */ jsx2(Avatar, { component: "span", src: img, ...props });
-};
-var BlockiesAvatarAddress = ({
-  address,
-  borderSizeFactor = 0.0833,
-  size = 24,
-  sx,
-  ...props
-}) => {
-  const theme = useTheme();
-  const options = useMemo2(() => {
-    if (address !== void 0) {
-      return { seed: address };
-    }
-  }, [address]);
-  return /* @__PURE__ */ jsx2(
-    BlockiesAvatar,
-    {
-      blockiesOptions: options,
-      sx: {
-        width: size,
-        height: size,
-        border: `${Math.ceil(size * borderSizeFactor)}px solid ${alphaCss(theme.vars?.palette.text.primary ?? grey[500], 0.8)}`,
-        ...sx
-      },
-      ...props
-    }
-  );
-};
-var BlockiesAvatarAddressApproved = ({
-  approved,
-  badgeVariant,
-  ...props
-}) => {
-  const sx = badgeVariant === "dot" ? {} : {
-    bgcolor: "white",
-    borderRadius: 12,
-    fontSize: "0.83333rem"
-  };
-  const dotPlacement = badgeVariant === "dot" ? 3 : 5;
-  return /* @__PURE__ */ jsx2(
-    Badge,
-    {
-      color: badgeVariant === "dot" ? "success" : "default",
-      variant: badgeVariant,
-      invisible: !approved,
-      badgeContent: approved ? /* @__PURE__ */ jsx2(Circle, { color: "success", sx }) : "",
-      sx: {
-        "& .MuiBadge-badge": {
-          top: dotPlacement,
-          right: dotPlacement
-        }
-      },
-      children: /* @__PURE__ */ jsx2(BlockiesAvatarAddress, { ...props })
-    }
-  );
-};
+  buildOpts,
+  createIcon,
+  renderIcon
+} from "@xyo-network/xl1-blockies";
 export {
   BlockiesAccount,
   BlockiesAvatar,
   BlockiesAvatarAddress,
-  BlockiesAvatarAddressApproved,
   buildOpts,
   createIcon,
   renderIcon

package/dist/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/blockies/Account.tsx", "../../src/components/blockies/blockies.ts", "../../src/components/blockies/Avatar.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\n\nimport type { BlockiesOptions } from './blockies.ts'\nimport { createIcon } from './blockies.ts'\n\n/**\n * @deprecated Use {@link BlockiesAccountProps} from `@xyo-network/xl1-blockies` instead.\n */\nexport interface BlockiesAccountProps extends Partial<BlockiesOptions> {}\n\n/**\n * @deprecated Use {@link BlockiesAccount} from `@xyo-network/xl1-blockies` instead.\n */\nexport const BlockiesAccount: React.FC<BlockiesAccountProps> = ({ ...options }) => {\n  const img = useMemo(() => {\n    if (options.seed !== undefined) {\n      return createIcon(options).toDataURL()\n    }\n  }, [options])\n\n  return <img src={img} />\n}\n", "/**\n * inspired by https://github.com/download13/blockies/blob/master/src/blockies.mjs\n */\n\n// The random number is a js implementation of the Xorshift PRNG\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst randomSeed: any[] = Array.from({ length: 4 }) // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRandom(seed: string) {\n  for (let i = 0; i < randomSeed.length; i++) {\n    randomSeed[i] = 0\n  }\n  for (let i = 0; i < seed.length; i++) {\n    randomSeed[i % 4] = ((randomSeed[i % 4] << 5) - randomSeed[i % 4]) + seed.codePointAt(i)!\n  }\n}\n\nfunction rand() {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randomSeed[0] ^ (randomSeed[0] << 11)\n\n  randomSeed[0] = randomSeed[1]\n  randomSeed[1] = randomSeed[2]\n  randomSeed[2] = randomSeed[3]\n  randomSeed[3] = (randomSeed[3] ^ (randomSeed[3] >> 19) ^ t ^ (t >> 8))\n\n  return (randomSeed[3] >>> 0) / ((1 << 31) >>> 0)\n}\n\nfunction createColor() {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360)\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = ((rand() * 60) + 40) + '%'\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = ((rand() + rand() + rand() + rand()) * 25) + '%'\n\n  return 'hsl(' + h + ',' + s + ',' + l + ')'\n}\n\nfunction createImageData(size: number) {\n  const width = size // Only support square icons for now\n  const height = size\n\n  const dataWidth = Math.ceil(width / 2)\n  const mirrorWidth = width - dataWidth\n\n  const data = []\n  for (let y = 0; y < height; y++) {\n    let row = []\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3)\n    }\n    const r = row.slice(0, mirrorWidth)\n    r.reverse()\n    row = [...row, ...r]\n\n    for (const element of row) {\n      data.push(element)\n    }\n  }\n\n  return data\n}\n\n/**\n * @deprecated Use {@link BlockiesOptions} from `@xyo-network/xl1-blockies` instead.\n */\nexport interface BlockiesOptions {\n  bgcolor: string\n  color: string\n  scale: number\n  seed: string\n  size: number\n  spotcolor: string\n}\n\n/**\n * @deprecated Use {@link buildOpts} from `@xyo-network/xl1-blockies` instead.\n */\nexport function buildOpts(opts: Partial<BlockiesOptions>): BlockiesOptions {\n  const newOpts = {} as BlockiesOptions\n\n  newOpts.seed = opts.seed ?? Math.floor((Math.random() * Math.pow(10, 16))).toString(16)\n\n  seedRandom(newOpts.seed)\n\n  newOpts.size = opts.size ?? 8\n  newOpts.scale = opts.scale ?? 4\n  newOpts.color = opts.color ?? createColor()\n  newOpts.bgcolor = opts.bgcolor ?? createColor()\n  newOpts.spotcolor = opts.spotcolor ?? createColor()\n\n  return newOpts\n}\n\n/**\n * @deprecated Use {@link renderIcon} from `@xyo-network/xl1-blockies` instead.\n */\nexport function renderIcon(opts: Partial<BlockiesOptions>, canvas: HTMLCanvasElement) {\n  const updatedOptions = buildOpts(opts ?? {})\n  const imageData = createImageData(updatedOptions.size)\n  const width = Math.sqrt(imageData.length)\n\n  canvas.width = canvas.height = updatedOptions.size * updatedOptions.scale\n\n  const cc = canvas.getContext('2d')\n  if (cc === null) throw new Error('unable to get 2d context')\n  cc.fillStyle = updatedOptions.bgcolor\n  cc.fillRect(0, 0, canvas.width, canvas.height)\n  cc.fillStyle = updatedOptions.color\n\n  for (const [i, imageDatum] of imageData.entries()) {\n    // if data is 0, leave the background\n    if (imageDatum > 0) {\n      const row = Math.floor(i / width)\n      const col = i % width\n\n      // if data is 2, choose spot color, if 1 choose foreground\n      cc.fillStyle = (imageDatum == 1) ? updatedOptions.color : updatedOptions.spotcolor\n\n      cc.fillRect(col * updatedOptions.scale, row * updatedOptions.scale, updatedOptions.scale, updatedOptions.scale)\n    }\n  }\n\n  return canvas\n}\n\n/**\n * @deprecated Use {@link createIcon} from `@xyo-network/xl1-blockies` instead.\n */\nexport function createIcon(opts: Partial<BlockiesOptions>) {\n  const canvas = document.createElement('canvas')\n\n  renderIcon(opts, canvas)\n\n  return canvas\n}\n", "import { Circle } from '@mui/icons-material'\nimport type { AvatarProps, BadgeProps } from '@mui/material'\nimport {\n  Avatar, Badge, useTheme,\n} from '@mui/material'\nimport { grey } from '@mui/material/colors'\nimport { alphaCss } from '@xylabs/react-theme'\nimport React, { useMemo } from 'react'\n\nimport type { BlockiesOptions } from './blockies.ts'\nimport { createIcon } from './blockies.ts'\n\n/**\n * @deprecated Use {@link BlockiesAvatarProps} from `@xyo-network/xl1-blockies` instead.\n */\nexport interface BlockiesAvatarProps extends AvatarProps {\n  blockiesOptions?: Partial<BlockiesOptions>\n}\n\n/**\n * @deprecated Use {@link BlockiesAvatar} from `@xyo-network/xl1-blockies` instead.\n */\nexport const BlockiesAvatar: React.FC<BlockiesAvatarProps> = ({ blockiesOptions, ...props }) => {\n  const img = useMemo(() => {\n    if (blockiesOptions?.seed !== undefined) {\n      return createIcon(blockiesOptions).toDataURL()\n    }\n  }, [blockiesOptions])\n\n  return (\n    <Avatar component=\"span\" src={img} {...props} />\n  )\n}\n\n/**\n * @deprecated Use {@link BlockiesAvatarAddressProps} from `@xyo-network/xl1-blockies` instead.\n */\nexport interface BlockiesAvatarAddressProps extends AvatarProps {\n  /** The Address to display */\n  address?: string\n  /** Size of the border is the size prop * borderSizeFactor and rounded up */\n  borderSizeFactor?: number\n  /** The size of the avatar in pixels, defaults to 24 */\n  size?: number\n}\n\n/**\n * @deprecated Use {@link BlockiesAvatarAddress} from `@xyo-network/xl1-blockies` instead.\n */\nexport const BlockiesAvatarAddress: React.FC<BlockiesAvatarAddressProps> = ({\n  address, borderSizeFactor = 0.0833, size = 24, sx, ...props\n}) => {\n  const theme = useTheme()\n  const options = useMemo(() => {\n    if (address !== undefined) {\n      return { seed: address }\n    }\n  }, [address])\n\n  return (\n    <BlockiesAvatar\n      blockiesOptions={options}\n      sx={{\n        width: size,\n        height: size,\n        border: `${Math.ceil(size * borderSizeFactor)}px solid ${alphaCss(theme.vars?.palette.text.primary ?? grey[500], 0.8)}`,\n        ...sx,\n      }}\n      {...props}\n    />\n  )\n}\n\n/**\n * @deprecated Use {@link BlockiesAvatarAddressApprovedProps} from `@xyo-network/xl1-blockies` instead.\n */\nexport interface BlockiesAvatarAddressApprovedProps extends BlockiesAvatarAddressProps {\n  /** Whether to show the approved badge */\n  approved?: boolean\n  badgeVariant?: BadgeProps['variant']\n}\n\n/**\n * @deprecated Use {@link BlockiesAvatarAddressApproved} from `@xyo-network/xl1-blockies` instead.\n */\nexport const BlockiesAvatarAddressApproved: React.FC<BlockiesAvatarAddressApprovedProps> = ({\n  approved, badgeVariant, ...props\n}) => {\n  const sx = badgeVariant === 'dot'\n    ? {}\n    : {\n        bgcolor: 'white', borderRadius: 12, fontSize: '0.83333rem',\n      }\n  const dotPlacement = badgeVariant === 'dot' ? 3 : 5\n  return (\n    <Badge\n      color={badgeVariant === 'dot' ? 'success' : 'default'}\n      variant={badgeVariant}\n      invisible={!approved}\n      badgeContent={approved ? <Circle color=\"success\" sx={sx} /> : ''}\n      sx={{\n        '& .MuiBadge-badge': {\n          top: dotPlacement,\n          right: dotPlacement,\n        },\n      }}\n    >\n      <BlockiesAvatarAddress {...props} />\n    </Badge>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["useMemo", "jsx", "useMemo"]
+  "sources": ["../../src/components/blockies/Account.tsx", "../../src/components/blockies/Avatar.tsx", "../../src/components/blockies/blockies.ts"],
+  "sourcesContent": ["/**\n * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.\n * This re-export exists only for backward compatibility and will be removed\n * in a future release.\n */\n\nexport type { BlockiesAccountProps } from '@xyo-network/xl1-blockies'\nexport { BlockiesAccount } from '@xyo-network/xl1-blockies'\n", "/**\n * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.\n * This re-export exists only for backward compatibility and will be removed\n * in a future release.\n */\n\nexport type {\n  BlockiesAvatarAddressApprovedProps,\n  BlockiesAvatarAddressProps,\n  BlockiesAvatarProps,\n} from '@xyo-network/xl1-blockies'\nexport { BlockiesAvatar, BlockiesAvatarAddress } from '@xyo-network/xl1-blockies'\n", "/**\n * @deprecated Moved to `@xyo-network/xl1-blockies`. Import from there instead.\n * This re-export exists only for backward compatibility and will be removed\n * in a future release.\n */\n\nexport type { BlockiesOptions } from '@xyo-network/xl1-blockies'\nexport {\n  buildOpts, createIcon, renderIcon,\n} from '@xyo-network/xl1-blockies'\n"],
+  "mappings": ";AAOA,SAAS,uBAAuB;;;ACIhC,SAAS,gBAAgB,6BAA6B;;;ACJtD;AAAA,EACE;AAAA,EAAW;AAAA,EAAY;AAAA,OAClB;",
+  "names": []
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockies",
-  "version": "2.0.18",
+  "version": "3.0.1",
   "description": "XYO Layer One React SDK Blockies",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -44,22 +44,34 @@
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.8.0",
     "@react-spring/web": "~10.1.1",
-    "@storybook/react-vite": "^10.4.4",
+    "@storybook/react-vite": "^10.4.6",
     "@types/react": "^19.2.17",
-    "@xylabs/react-theme": "^9.1.0",
-    "@xylabs/sdk-js": "^6.1.1",
-    "@xylabs/toolchain": "~8.1.20",
-    "@xylabs/tsconfig": "~8.1.20",
-    "@xylabs/tsconfig-dom": "~8.1.20",
-    "@xylabs/tsconfig-react": "~8.1.20",
+    "@xylabs/eth-address": "^6.1.3",
+    "@xylabs/pixel": "^6.1.3",
+    "@xylabs/sdk-js": "^6.1.3",
+    "@xylabs/sdk-react": "^9.1.2",
+    "@xylabs/toolchain": "~8.3.0",
+    "@xylabs/tsconfig": "~8.3.0",
+    "@xylabs/tsconfig-dom": "~8.3.0",
+    "@xylabs/tsconfig-react": "~8.3.0",
+    "@xyo-network/xl1-blockies": "~3.0.6",
     "async-mutex": "^0.5.0",
+    "clsx": "^2.1.1",
     "eslint": "^10.5.0",
+    "ethers": "^6.17.0",
+    "lru-cache": "^11.5.1",
+    "md5": "^2.3.0",
+    "numeral": "^2.0.6",
+    "query-string": "^9.4.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "storybook": "^10.4.4",
+    "react-router-dom": "^7.18.0",
+    "storybook": "^10.4.6",
     "typescript": "~6.0.3",
+    "viem": "^2.53.1",
     "vite": "^8.0.16",
-    "zod": "~4.4.3"
+    "zod": "~4.4.3",
+    "zustand": "^5.0.14"
   },
   "peerDependencies": {
     "@mui/icons-material": "^9.1",
@@ -67,12 +79,24 @@
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@react-spring/web": "~10.1",
-    "@xylabs/react-theme": "^9.1",
+    "@xylabs/eth-address": "^6.1.0",
+    "@xylabs/pixel": "^6.0",
     "@xylabs/sdk-js": "^6.0",
+    "@xylabs/sdk-react": "^9.1",
+    "@xyo-network/xl1-blockies": "^3.0",
     "async-mutex": "^0.5",
+    "clsx": "^2.1",
+    "ethers": "^6.16",
+    "lru-cache": "^11.3",
+    "md5": "^2.3",
+    "numeral": "^2.0",
+    "query-string": "^9.3",
     "react": "^19.2",
     "react-dom": "^19.2",
-    "zod": "~4.4"
+    "react-router-dom": "^7.15",
+    "viem": "^2.48",
+    "zod": "~4.4",
+    "zustand": "^5.0"
   },
   "engines": {
     "node": ">=24"