@xyo-network/react-chain-blockies 1.21.0 → 1.21.2

package/README.md

@@ -1,5 +1,9 @@
 # @xyo-network/react-chain-blockies
 
+**DEPRECATED.** This package has been replaced by [`@xyo-network/xl1-blockies`](https://github.com/xylabs/xl1-protocol/tree/main/packages/react/packages/blockies). New code should depend on the replacement; existing dependents should migrate at their next opportunity.
+
+---
+
 [![npm][npm-badge]][npm-link]
 [![license][license-badge]][license-link]
 

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

@@ -1,6 +1,12 @@
 import React from 'react';
 import type { BlockiesOptions } from './blockies.ts';
+/**
+ * @deprecated Use {@link BlockiesAccountProps} from `@xyo-network/xl1-blockies` instead.
+ */
 export interface BlockiesAccountProps extends Partial<BlockiesOptions> {
 }
+/**
+ * @deprecated Use {@link BlockiesAccount} from `@xyo-network/xl1-blockies` instead.
+ */
 export declare const BlockiesAccount: React.FC<BlockiesAccountProps>;
 //# 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,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;CAAG;AAEzE,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,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"}

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

@@ -1,10 +1,19 @@
 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.
+ */
 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;
@@ -13,11 +22,20 @@ export interface BlockiesAvatarAddressProps extends AvatarProps {
     /** 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>;
 //# 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,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AAED,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,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsBtE,CAAA;AAED,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;CACrC;AAED,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":"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"}

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

@@ -1,6 +1,9 @@
 /**
  * inspired by https://github.com/download13/blockies/blob/master/src/blockies.mjs
  */
+/**
+ * @deprecated Use {@link BlockiesOptions} from `@xyo-network/xl1-blockies` instead.
+ */
 export interface BlockiesOptions {
     bgcolor: string;
     color: string;
@@ -9,7 +12,16 @@ export interface BlockiesOptions {
     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;
 //# 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,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,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAczE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,iBAAiB,qBA2BnF;AAED,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;;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"}

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"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\nexport interface BlockiesAccountProps extends Partial<BlockiesOptions> {}\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\nexport interface BlockiesOptions {\n  bgcolor: string\n  color: string\n  scale: number\n  seed: string\n  size: number\n  spotcolor: string\n}\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\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\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\nexport interface BlockiesAvatarProps extends AvatarProps {\n  blockiesOptions?: Partial<BlockiesOptions>\n}\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\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\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\nexport interface BlockiesAvatarAddressApprovedProps extends BlockiesAvatarAddressProps {\n  /** Whether to show the approved badge */\n  approved?: boolean\n  badgeVariant?: BadgeProps['variant']\n}\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":["React","useMemo","randomSeed","Array","from","length","seedRandom","seed","i","codePointAt","rand","t","createColor","h","Math","floor","s","l","createImageData","size","width","height","dataWidth","ceil","mirrorWidth","data","y","row","x","r","slice","reverse","element","push","buildOpts","opts","newOpts","random","pow","toString","scale","color","bgcolor","spotcolor","renderIcon","canvas","updatedOptions","imageData","sqrt","cc","getContext","Error","fillStyle","fillRect","imageDatum","entries","col","createIcon","document","createElement","BlockiesAccount","options","img","useMemo","seed","undefined","createIcon","toDataURL","src","Circle","Avatar","Badge","useTheme","grey","alphaCss","React","useMemo","BlockiesAvatar","blockiesOptions","props","img","useMemo","seed","undefined","createIcon","toDataURL","React","Avatar","component","src","BlockiesAvatarAddress","address","borderSizeFactor","size","sx","theme","useTheme","options","width","height","border","Math","ceil","alphaCss","vars","palette","text","primary","grey","BlockiesAvatarAddressApproved","approved","badgeVariant","bgcolor","borderRadius","fontSize","dotPlacement","Badge","color","variant","invisible","badgeContent","Circle","top","right"]}
+{"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":["React","useMemo","randomSeed","Array","from","length","seedRandom","seed","i","codePointAt","rand","t","createColor","h","Math","floor","s","l","createImageData","size","width","height","dataWidth","ceil","mirrorWidth","data","y","row","x","r","slice","reverse","element","push","buildOpts","opts","newOpts","random","pow","toString","scale","color","bgcolor","spotcolor","renderIcon","canvas","updatedOptions","imageData","sqrt","cc","getContext","Error","fillStyle","fillRect","imageDatum","entries","col","createIcon","document","createElement","BlockiesAccount","options","img","useMemo","seed","undefined","createIcon","toDataURL","src","Circle","Avatar","Badge","useTheme","grey","alphaCss","React","useMemo","BlockiesAvatar","blockiesOptions","props","img","useMemo","seed","undefined","createIcon","toDataURL","React","Avatar","component","src","BlockiesAvatarAddress","address","borderSizeFactor","size","sx","theme","useTheme","options","width","height","border","Math","ceil","alphaCss","vars","palette","text","primary","grey","BlockiesAvatarAddressApproved","approved","badgeVariant","bgcolor","borderRadius","fontSize","dotPlacement","Badge","color","variant","invisible","badgeContent","Circle","top","right"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockies",
-  "version": "1.21.0",
+  "version": "1.21.2",
   "description": "XYO Layer One React SDK Blockies",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -48,10 +48,10 @@
     "@types/react": "^19.2.14",
     "@xylabs/react-theme": "~7.2.3",
     "@xylabs/sdk-js": "^5.1.1",
-    "@xylabs/toolchain": "~7.13.7",
-    "@xylabs/tsconfig": "~7.13.7",
-    "@xylabs/tsconfig-dom": "~7.13.7",
-    "@xylabs/tsconfig-react": "~7.13.7",
+    "@xylabs/toolchain": "~7.13.13",
+    "@xylabs/tsconfig": "~7.13.13",
+    "@xylabs/tsconfig-dom": "~7.13.13",
+    "@xylabs/tsconfig-react": "~7.13.13",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
     "buffer": "^6.0.3",
@@ -59,9 +59,9 @@
     "eslint": "^10.3.0",
     "ethers": "^6.16.0",
     "pako": "^2.1.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-is": "~19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-is": "~19.2.6",
     "react-router-dom": "^7.15.0",
     "recharts": "~3.8.1",
     "storybook": "^10.3.6",
@@ -70,25 +70,25 @@
     "zod": "~4.4.3"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=7.3.10 <8",
-    "@mui/material": ">=7.3.10 <8",
-    "@opentelemetry/api": ">=1.9.1 <2",
-    "@opentelemetry/sdk-trace-base": ">=2.7.1 <3",
-    "@react-spring/web": ">=10.0.3 <10.1",
-    "@xylabs/react-theme": ">=7.2.3 <7.3",
-    "@xylabs/sdk-js": ">=5.1.1 <6",
-    "async-mutex": ">=0.5.0 <1",
-    "bn.js": ">=5.2.3 <6",
-    "buffer": ">=6.0.3 <7",
-    "chalk": ">=5.6.2 <6",
-    "ethers": ">=6.16.0 <7",
-    "pako": ">=2.1.0 <3",
-    "react": ">=19.2.5 <20",
-    "react-dom": ">=19.2.5 <20",
-    "react-is": ">=19.2.5 <19.3",
-    "react-router-dom": ">=7.15.0 <8",
-    "recharts": ">=3.8.1 <3.9",
-    "zod": ">=4.4.3 <4.5"
+    "@mui/icons-material": "^7.3",
+    "@mui/material": "^7.3",
+    "@opentelemetry/api": "^1.9",
+    "@opentelemetry/sdk-trace-base": "^2.7",
+    "@react-spring/web": "~10.0",
+    "@xylabs/react-theme": "~7.2",
+    "@xylabs/sdk-js": "^5.1",
+    "async-mutex": "^0.5",
+    "bn.js": "^5.2",
+    "buffer": "^6.0",
+    "chalk": "^5.6",
+    "ethers": "^6.16",
+    "pako": "^2.1",
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "react-is": "~19.2",
+    "react-router-dom": "^7.15",
+    "recharts": "~3.8",
+    "zod": "~4.4"
   },
   "engines": {
     "node": ">=24"
@@ -96,5 +96,6 @@
   "publishConfig": {
     "access": "public"
   },
+  "deprecated": "Replaced by @xyo-network/xl1-blockies. See https://github.com/xylabs/xl1-protocol",
   "docs": "dist/docs.json"
 }