@xylabs/react-identicon 3.4.2 → 4.0.1

package/dist/browser/index.d.ts

@@ -1,2 +1,16 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+
+interface IdenticonProps extends FlexBoxProps {
+    bg?: string;
+    className?: string;
+    count?: number;
+    fg?: string;
+    iconPadding?: number;
+    palette?: string[];
+    size?: number;
+    value?: string;
+}
+declare const Identicon: React.FC<IdenticonProps>;
+
+export { Identicon, type IdenticonProps };

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Identicon.tsx"],"sourcesContent":["import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;AAAA,SAAuBA,eAAe;AACtC,OAAOC,SAAS;AAChB,OAAOC,SAASC,WAAWC,cAAc;AAEzC,IAAMC,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,OAAOC,IAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,SAASuC,OAA0B,IAAA;AAEzCC,YAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,sBAAA,cAACuC,SAAYxC,OACVC,QACG,sBAAA,cAACF,UAAAA;IAAOsC;IAAsBI,KAAK1C;IAAQ2C,OAAO;MAAErB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["FlexRow","md5","React","useEffect","useRef","range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","FlexRow","ref","style"]}
+{"version":3,"sources":["../../src/components/Identicon.tsx"],"sourcesContent":["import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line depend/ban-dependencies\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;AAAA,SAAuBA,eAAe;AAEtC,OAAOC,SAAS;AAChB,OAAOC,SAASC,WAAWC,cAAc;AAEzC,IAAMC,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,OAAOC,IAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,SAASuC,OAA0B,IAAA;AAEzCC,YAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,sBAAA,cAACuC,SAAYxC,OACVC,QACG,sBAAA,cAACF,UAAAA;IAAOsC;IAAsBI,KAAK1C;IAAQ2C,OAAO;MAAErB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["FlexRow","md5","React","useEffect","useRef","range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","FlexRow","ref","style"]}

package/package.json

@@ -13,15 +13,15 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-flexbox": "^4.0.1",
     "md5": "^2.3.0"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@types/md5": "^2.3.5",
     "@types/react": "^18.3.3",
-    "@xylabs/ts-scripts-yarn3": "^3.15.16",
-    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
     "react": "^18.3.1",
     "typescript": "^5.5.4"
   },
@@ -31,32 +31,12 @@
   },
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
-      },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.mjs"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
+      "types": "./dist/browser/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
-  "main": "./dist/browser/index.cjs",
   "module": "./dist/browser/index.mjs",
   "homepage": "https://xylabs.com",
   "keywords": [
@@ -73,6 +53,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.4.2",
+  "version": "4.0.1",
   "type": "module"
 }

package/src/components/Identicon.tsx

@@ -1,4 +1,5 @@
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
+// eslint-disable-next-line depend/ban-dependencies
 import md5 from 'md5'
 import React, { useEffect, useRef } from 'react'
 

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: {},
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/components/Identicon.d.cts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/browser/components/Identicon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/browser/components/Identicon.d.mts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/browser/components/Identicon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

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

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/browser/components/index.d.cts

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

package/dist/browser/components/index.d.cts.map

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

package/dist/browser/components/index.d.mts

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

package/dist/browser/components/index.d.mts.map

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

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

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

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

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

package/dist/browser/index.cjs

@@ -1,111 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Identicon: () => Identicon
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Identicon.tsx
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_md5 = __toESM(require("md5"), 1);
-var import_react = __toESM(require("react"), 1);
-var range = /* @__PURE__ */ __name((n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-}, "range");
-var updateCanvas = /* @__PURE__ */ __name((canvas, props) => {
-  const { value = "", size = 400, bg = "transparent", count = 5, palette, iconPadding = 0 } = props;
-  let { fg } = props;
-  const hash = (0, import_md5.default)(value);
-  const block = Math.floor(size / count);
-  const hashColor = hash.slice(0, 6);
-  const current = canvas.current;
-  if (!current) {
-    return;
-  }
-  if (palette && palette.length > 0) {
-    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-    fg = palette[index];
-  }
-  current.width = block * count + iconPadding;
-  current.height = block * count + iconPadding;
-  const arr = [
-    ...hash
-  ].map((el) => {
-    const parsedEl = Number.parseInt(el, 16);
-    return parsedEl < 8 ? 0 : 1;
-  });
-  const map = [];
-  map[0] = map[4] = arr.slice(0, 5);
-  map[1] = map[3] = arr.slice(5, 10);
-  map[2] = arr.slice(10, 15);
-  const ctx = current.getContext("2d");
-  if (ctx) {
-    ctx.imageSmoothingEnabled = false;
-    ctx.clearRect(0, 0, current.width, current.height);
-    for (const [i, row] of map.entries()) {
-      for (const [j, el] of row.entries()) {
-        if (el) {
-          ctx.fillStyle = fg ?? "#" + hashColor;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        } else {
-          ctx.fillStyle = bg;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        }
-      }
-    }
-  }
-}, "updateCanvas");
-var Identicon = /* @__PURE__ */ __name(({ size = 400, className = "identicon", bg, count, fg, iconPadding, palette, value, ...props }) => {
-  const canvas = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    updateCanvas(canvas, {
-      bg,
-      className,
-      count,
-      fg,
-      iconPadding,
-      palette,
-      size,
-      value
-    });
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, props, value ? /* @__PURE__ */ import_react.default.createElement("canvas", {
-    className,
-    ref: canvas,
-    style: {
-      height: size,
-      width: size
-    }
-  }) : null);
-}, "Identicon");
-//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Identicon.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAEzC,IAAMA,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,WAAOC,WAAAA,SAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,aAASuC,qBAA0B,IAAA;AAEzCC,8BAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,6BAAAuC,QAAA,cAACC,8BAAYzC,OACVC,QACG,6BAAAuC,QAAA,cAACzC,UAAAA;IAAOsC;IAAsBK,KAAK3C;IAAQ4C,OAAO;MAAEtB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","React","FlexRow","ref","style"]}

package/dist/browser/index.d.cts

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

package/dist/browser/index.d.cts.map

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

package/dist/browser/index.d.mts

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

package/dist/browser/index.d.mts.map

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

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

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

package/dist/neutral/components/Identicon.d.cts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/neutral/components/Identicon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/neutral/components/Identicon.d.mts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/neutral/components/Identicon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/neutral/components/Identicon.d.ts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/neutral/components/Identicon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/neutral/components/index.d.cts

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

package/dist/neutral/components/index.d.cts.map

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

package/dist/neutral/components/index.d.mts

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

package/dist/neutral/components/index.d.mts.map

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

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

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

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

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

package/dist/neutral/index.cjs

@@ -1,111 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Identicon: () => Identicon
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Identicon.tsx
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_md5 = __toESM(require("md5"), 1);
-var import_react = __toESM(require("react"), 1);
-var range = /* @__PURE__ */ __name((n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-}, "range");
-var updateCanvas = /* @__PURE__ */ __name((canvas, props) => {
-  const { value = "", size = 400, bg = "transparent", count = 5, palette, iconPadding = 0 } = props;
-  let { fg } = props;
-  const hash = (0, import_md5.default)(value);
-  const block = Math.floor(size / count);
-  const hashColor = hash.slice(0, 6);
-  const current = canvas.current;
-  if (!current) {
-    return;
-  }
-  if (palette && palette.length > 0) {
-    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-    fg = palette[index];
-  }
-  current.width = block * count + iconPadding;
-  current.height = block * count + iconPadding;
-  const arr = [
-    ...hash
-  ].map((el) => {
-    const parsedEl = Number.parseInt(el, 16);
-    return parsedEl < 8 ? 0 : 1;
-  });
-  const map = [];
-  map[0] = map[4] = arr.slice(0, 5);
-  map[1] = map[3] = arr.slice(5, 10);
-  map[2] = arr.slice(10, 15);
-  const ctx = current.getContext("2d");
-  if (ctx) {
-    ctx.imageSmoothingEnabled = false;
-    ctx.clearRect(0, 0, current.width, current.height);
-    for (const [i, row] of map.entries()) {
-      for (const [j, el] of row.entries()) {
-        if (el) {
-          ctx.fillStyle = fg ?? "#" + hashColor;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        } else {
-          ctx.fillStyle = bg;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        }
-      }
-    }
-  }
-}, "updateCanvas");
-var Identicon = /* @__PURE__ */ __name(({ size = 400, className = "identicon", bg, count, fg, iconPadding, palette, value, ...props }) => {
-  const canvas = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    updateCanvas(canvas, {
-      bg,
-      className,
-      count,
-      fg,
-      iconPadding,
-      palette,
-      size,
-      value
-    });
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, props, value ? /* @__PURE__ */ import_react.default.createElement("canvas", {
-    className,
-    ref: canvas,
-    style: {
-      height: size,
-      width: size
-    }
-  }) : null);
-}, "Identicon");
-//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Identicon.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAEzC,IAAMA,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,WAAOC,WAAAA,SAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,aAASuC,qBAA0B,IAAA;AAEzCC,8BAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,6BAAAuC,QAAA,cAACC,8BAAYzC,OACVC,QACG,6BAAAuC,QAAA,cAACzC,UAAAA;IAAOsC;IAAsBK,KAAK3C;IAAQ4C,OAAO;MAAEtB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","React","FlexRow","ref","style"]}

package/dist/neutral/index.d.cts

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

package/dist/neutral/index.d.cts.map

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

package/dist/neutral/index.d.mts

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

package/dist/neutral/index.d.mts.map

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

package/dist/neutral/index.d.ts

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

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

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

package/dist/neutral/index.mjs

@@ -1,80 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Identicon.tsx
-import { FlexRow } from "@xylabs/react-flexbox";
-import md5 from "md5";
-import React, { useEffect, useRef } from "react";
-var range = /* @__PURE__ */ __name((n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-}, "range");
-var updateCanvas = /* @__PURE__ */ __name((canvas, props) => {
-  const { value = "", size = 400, bg = "transparent", count = 5, palette, iconPadding = 0 } = props;
-  let { fg } = props;
-  const hash = md5(value);
-  const block = Math.floor(size / count);
-  const hashColor = hash.slice(0, 6);
-  const current = canvas.current;
-  if (!current) {
-    return;
-  }
-  if (palette && palette.length > 0) {
-    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-    fg = palette[index];
-  }
-  current.width = block * count + iconPadding;
-  current.height = block * count + iconPadding;
-  const arr = [
-    ...hash
-  ].map((el) => {
-    const parsedEl = Number.parseInt(el, 16);
-    return parsedEl < 8 ? 0 : 1;
-  });
-  const map = [];
-  map[0] = map[4] = arr.slice(0, 5);
-  map[1] = map[3] = arr.slice(5, 10);
-  map[2] = arr.slice(10, 15);
-  const ctx = current.getContext("2d");
-  if (ctx) {
-    ctx.imageSmoothingEnabled = false;
-    ctx.clearRect(0, 0, current.width, current.height);
-    for (const [i, row] of map.entries()) {
-      for (const [j, el] of row.entries()) {
-        if (el) {
-          ctx.fillStyle = fg ?? "#" + hashColor;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        } else {
-          ctx.fillStyle = bg;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        }
-      }
-    }
-  }
-}, "updateCanvas");
-var Identicon = /* @__PURE__ */ __name(({ size = 400, className = "identicon", bg, count, fg, iconPadding, palette, value, ...props }) => {
-  const canvas = useRef(null);
-  useEffect(() => {
-    updateCanvas(canvas, {
-      bg,
-      className,
-      count,
-      fg,
-      iconPadding,
-      palette,
-      size,
-      value
-    });
-  });
-  return /* @__PURE__ */ React.createElement(FlexRow, props, value ? /* @__PURE__ */ React.createElement("canvas", {
-    className,
-    ref: canvas,
-    style: {
-      height: size,
-      width: size
-    }
-  }) : null);
-}, "Identicon");
-export {
-  Identicon
-};
-//# sourceMappingURL=index.mjs.map

package/dist/neutral/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Identicon.tsx"],"sourcesContent":["import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;AAAA,SAAuBA,eAAe;AACtC,OAAOC,SAAS;AAChB,OAAOC,SAASC,WAAWC,cAAc;AAEzC,IAAMC,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,OAAOC,IAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,SAASuC,OAA0B,IAAA;AAEzCC,YAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,sBAAA,cAACuC,SAAYxC,OACVC,QACG,sBAAA,cAACF,UAAAA;IAAOsC;IAAsBI,KAAK1C;IAAQ2C,OAAO;MAAErB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["FlexRow","md5","React","useEffect","useRef","range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","FlexRow","ref","style"]}

package/dist/node/components/Identicon.d.cts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/node/components/Identicon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/node/components/Identicon.d.mts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/node/components/Identicon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/node/components/Identicon.d.ts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-export interface IdenticonProps extends FlexBoxProps {
-    bg?: string;
-    className?: string;
-    count?: number;
-    fg?: string;
-    iconPadding?: number;
-    palette?: string[];
-    size?: number;
-    value?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-//# sourceMappingURL=Identicon.d.ts.map

package/dist/node/components/Identicon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA"}

package/dist/node/components/index.d.cts

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

package/dist/node/components/index.d.cts.map

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

package/dist/node/components/index.d.mts

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

package/dist/node/components/index.d.mts.map

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

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

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

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

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

package/dist/node/index.cjs

@@ -1,115 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Identicon: () => Identicon
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Identicon.tsx
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_md5 = __toESM(require("md5"), 1);
-var import_react = __toESM(require("react"), 1);
-var range = /* @__PURE__ */ __name((n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-}, "range");
-var updateCanvas = /* @__PURE__ */ __name((canvas, props) => {
-  const { value = "", size = 400, bg = "transparent", count = 5, palette, iconPadding = 0 } = props;
-  let { fg } = props;
-  const hash = (0, import_md5.default)(value);
-  const block = Math.floor(size / count);
-  const hashColor = hash.slice(0, 6);
-  const current = canvas.current;
-  if (!current) {
-    return;
-  }
-  if (palette && palette.length > 0) {
-    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-    fg = palette[index];
-  }
-  current.width = block * count + iconPadding;
-  current.height = block * count + iconPadding;
-  const arr = [
-    ...hash
-  ].map((el) => {
-    const parsedEl = Number.parseInt(el, 16);
-    return parsedEl < 8 ? 0 : 1;
-  });
-  const map = [];
-  map[0] = map[4] = arr.slice(0, 5);
-  map[1] = map[3] = arr.slice(5, 10);
-  map[2] = arr.slice(10, 15);
-  const ctx = current.getContext("2d");
-  if (ctx) {
-    ctx.imageSmoothingEnabled = false;
-    ctx.clearRect(0, 0, current.width, current.height);
-    for (const [i, row] of map.entries()) {
-      for (const [j, el] of row.entries()) {
-        if (el) {
-          ctx.fillStyle = fg ?? "#" + hashColor;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        } else {
-          ctx.fillStyle = bg;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        }
-      }
-    }
-  }
-}, "updateCanvas");
-var Identicon = /* @__PURE__ */ __name(({ size = 400, className = "identicon", bg, count, fg, iconPadding, palette, value, ...props }) => {
-  const canvas = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    updateCanvas(canvas, {
-      bg,
-      className,
-      count,
-      fg,
-      iconPadding,
-      palette,
-      size,
-      value
-    });
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, props, value ? /* @__PURE__ */ import_react.default.createElement("canvas", {
-    className,
-    ref: canvas,
-    style: {
-      height: size,
-      width: size
-    }
-  }) : null);
-}, "Identicon");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Identicon
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Identicon.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAEzC,IAAMA,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,WAAOC,WAAAA,SAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,aAASuC,qBAA0B,IAAA;AAEzCC,8BAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,6BAAAuC,QAAA,cAACC,8BAAYzC,OACVC,QACG,6BAAAuC,QAAA,cAACzC,UAAAA;IAAOsC;IAAsBK,KAAK3C;IAAQ4C,OAAO;MAAEtB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","React","FlexRow","ref","style"]}

package/dist/node/index.d.cts

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

package/dist/node/index.d.cts.map

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

package/dist/node/index.d.mts

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

package/dist/node/index.d.mts.map

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

package/dist/node/index.d.ts

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

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

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

package/dist/node/index.mjs

@@ -1,80 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Identicon.tsx
-import { FlexRow } from "@xylabs/react-flexbox";
-import md5 from "md5";
-import React, { useEffect, useRef } from "react";
-var range = /* @__PURE__ */ __name((n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-}, "range");
-var updateCanvas = /* @__PURE__ */ __name((canvas, props) => {
-  const { value = "", size = 400, bg = "transparent", count = 5, palette, iconPadding = 0 } = props;
-  let { fg } = props;
-  const hash = md5(value);
-  const block = Math.floor(size / count);
-  const hashColor = hash.slice(0, 6);
-  const current = canvas.current;
-  if (!current) {
-    return;
-  }
-  if (palette && palette.length > 0) {
-    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-    fg = palette[index];
-  }
-  current.width = block * count + iconPadding;
-  current.height = block * count + iconPadding;
-  const arr = [
-    ...hash
-  ].map((el) => {
-    const parsedEl = Number.parseInt(el, 16);
-    return parsedEl < 8 ? 0 : 1;
-  });
-  const map = [];
-  map[0] = map[4] = arr.slice(0, 5);
-  map[1] = map[3] = arr.slice(5, 10);
-  map[2] = arr.slice(10, 15);
-  const ctx = current.getContext("2d");
-  if (ctx) {
-    ctx.imageSmoothingEnabled = false;
-    ctx.clearRect(0, 0, current.width, current.height);
-    for (const [i, row] of map.entries()) {
-      for (const [j, el] of row.entries()) {
-        if (el) {
-          ctx.fillStyle = fg ?? "#" + hashColor;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        } else {
-          ctx.fillStyle = bg;
-          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-        }
-      }
-    }
-  }
-}, "updateCanvas");
-var Identicon = /* @__PURE__ */ __name(({ size = 400, className = "identicon", bg, count, fg, iconPadding, palette, value, ...props }) => {
-  const canvas = useRef(null);
-  useEffect(() => {
-    updateCanvas(canvas, {
-      bg,
-      className,
-      count,
-      fg,
-      iconPadding,
-      palette,
-      size,
-      value
-    });
-  });
-  return /* @__PURE__ */ React.createElement(FlexRow, props, value ? /* @__PURE__ */ React.createElement("canvas", {
-    className,
-    ref: canvas,
-    style: {
-      height: size,
-      width: size
-    }
-  }) : null);
-}, "Identicon");
-export {
-  Identicon
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Identicon.tsx"],"sourcesContent":["import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport md5 from 'md5'\nimport React, { useEffect, useRef } from 'react'\n\nconst range = (n: number, in_min: number, in_max: number, out_min: number, out_max: number) => {\n  return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\n}\n\nexport interface IdenticonProps extends FlexBoxProps {\n  bg?: string\n  className?: string\n  count?: number\n  fg?: string\n  iconPadding?: number\n  palette?: string[]\n  size?: number\n  value?: string\n}\n\nconst updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: IdenticonProps) => {\n  const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props\n  let { fg } = props\n  const hash = md5(value)\n  const block = Math.floor(size / count)\n  const hashColor = hash.slice(0, 6)\n\n  const current = canvas.current\n\n  if (!current) {\n    return\n  }\n\n  if (palette && palette.length > 0) {\n    const index = Math.floor(range(Number.parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))\n    fg = palette[index]\n  }\n\n  current.width = block * count + iconPadding\n  current.height = block * count + iconPadding\n  const arr = [...hash].map((el) => {\n    const parsedEl = Number.parseInt(el, 16)\n    return parsedEl < 8 ? 0 : 1\n  })\n\n  const map = []\n\n  map[0] = map[4] = arr.slice(0, 5)\n  map[1] = map[3] = arr.slice(5, 10)\n  map[2] = arr.slice(10, 15)\n\n  const ctx = current.getContext('2d')\n  if (ctx) {\n    ctx.imageSmoothingEnabled = false\n    ctx.clearRect(0, 0, current.width, current.height)\n\n    for (const [i, row] of map.entries()) {\n      for (const [j, el] of row.entries()) {\n        if (el) {\n          ctx.fillStyle = fg ?? '#' + hashColor\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        } else {\n          ctx.fillStyle = bg\n          ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding)\n        }\n      }\n    }\n  }\n}\n\nexport const Identicon: React.FC<IdenticonProps> = ({\n  size = 400,\n  className = 'identicon',\n  bg,\n  count,\n  fg,\n  iconPadding,\n  palette,\n  value,\n  ...props\n}) => {\n  const canvas = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })\n  })\n\n  return (\n    <FlexRow {...props}>\n      {value\n        ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} />\n        : null}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;AAAA,SAAuBA,eAAe;AACtC,OAAOC,SAAS;AAChB,OAAOC,SAASC,WAAWC,cAAc;AAEzC,IAAMC,QAAQ,wBAACC,GAAWC,QAAgBC,QAAgBC,SAAiBC,YAAAA;AACzE,UAASJ,IAAIC,WAAWG,UAAUD,YAAaD,SAASD,UAAUE;AACpE,GAFc;AAed,IAAME,eAAe,wBAACC,QAA4CC,UAAAA;AAChE,QAAM,EAAEC,QAAQ,IAAIC,OAAO,KAAKC,KAAK,eAAeC,QAAQ,GAAGC,SAASC,cAAc,EAAC,IAAKN;AAC5F,MAAI,EAAEO,GAAE,IAAKP;AACb,QAAMQ,OAAOC,IAAIR,KAAAA;AACjB,QAAMS,QAAQC,KAAKC,MAAMV,OAAOE,KAAAA;AAChC,QAAMS,YAAYL,KAAKM,MAAM,GAAG,CAAA;AAEhC,QAAMC,UAAUhB,OAAOgB;AAEvB,MAAI,CAACA,SAAS;AACZ;EACF;AAEA,MAAIV,WAAWA,QAAQW,SAAS,GAAG;AACjC,UAAMC,QAAQN,KAAKC,MAAMpB,MAAM0B,OAAOC,SAASX,KAAKM,MAAM,EAAC,GAAI,EAAA,GAAK,GAAG,MAAM,GAAGT,QAAQW,MAAM,CAAA;AAC9FT,SAAKF,QAAQY,KAAAA;EACf;AAEAF,UAAQK,QAAQV,QAAQN,QAAQE;AAChCS,UAAQM,SAASX,QAAQN,QAAQE;AACjC,QAAMgB,MAAM;OAAId;IAAMe,IAAI,CAACC,OAAAA;AACzB,UAAMC,WAAWP,OAAOC,SAASK,IAAI,EAAA;AACrC,WAAOC,WAAW,IAAI,IAAI;EAC5B,CAAA;AAEA,QAAMF,MAAM,CAAA;AAEZA,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,CAAA;AAC/BS,MAAI,CAAA,IAAKA,IAAI,CAAA,IAAKD,IAAIR,MAAM,GAAG,EAAA;AAC/BS,MAAI,CAAA,IAAKD,IAAIR,MAAM,IAAI,EAAA;AAEvB,QAAMY,MAAMX,QAAQY,WAAW,IAAA;AAC/B,MAAID,KAAK;AACPA,QAAIE,wBAAwB;AAC5BF,QAAIG,UAAU,GAAG,GAAGd,QAAQK,OAAOL,QAAQM,MAAM;AAEjD,eAAW,CAACS,GAAGC,GAAAA,KAAQR,IAAIS,QAAO,GAAI;AACpC,iBAAW,CAACC,GAAGT,EAAAA,KAAOO,IAAIC,QAAO,GAAI;AACnC,YAAIR,IAAI;AACNE,cAAIQ,YAAY3B,MAAM,MAAMM;AAC5Ba,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F,OAAO;AACLoB,cAAIQ,YAAY/B;AAChBuB,cAAIS,SAASzB,QAAQoB,IAAIxB,aAAaI,QAAQuB,IAAI3B,aAAaI,QAAQJ,aAAaI,QAAQJ,WAAAA;QAC9F;MACF;IACF;EACF;AACF,GAhDqB;AAkDd,IAAM8B,YAAsC,wBAAC,EAClDlC,OAAO,KACPmC,YAAY,aACZlC,IACAC,OACAG,IACAD,aACAD,SACAJ,OACA,GAAGD,MAAAA,MACJ;AACC,QAAMD,SAASuC,OAA0B,IAAA;AAEzCC,YAAU,MAAA;AACRzC,iBAAaC,QAAQ;MAAEI;MAAIkC;MAAWjC;MAAOG;MAAID;MAAaD;MAASH;MAAMD;IAAM,CAAA;EACrF,CAAA;AAEA,SACE,sBAAA,cAACuC,SAAYxC,OACVC,QACG,sBAAA,cAACF,UAAAA;IAAOsC;IAAsBI,KAAK1C;IAAQ2C,OAAO;MAAErB,QAAQnB;MAAMkB,OAAOlB;IAAK;OAC9E,IAAA;AAGV,GAxBmD;","names":["FlexRow","md5","React","useEffect","useRef","range","n","in_min","in_max","out_min","out_max","updateCanvas","canvas","props","value","size","bg","count","palette","iconPadding","fg","hash","md5","block","Math","floor","hashColor","slice","current","length","index","Number","parseInt","width","height","arr","map","el","parsedEl","ctx","getContext","imageSmoothingEnabled","clearRect","i","row","entries","j","fillStyle","fillRect","Identicon","className","useRef","useEffect","FlexRow","ref","style"]}