@xylabs/react-identicon 3.1.0-rc.6 → 3.1.1

package/README.md

@@ -1,14 +1,11 @@
 [![logo][]](https://xylabs.com)
 
-# @xylabs/sdk-react
+# @xylabs/react-identicon
 
-[![main-build][]][main-build-link]
-[![beta-build][]][beta-build-link]
 [![npm-badge][]][npm-link]
-[![bch-badge][]][bch-link]
-[![codacy-badge][]][codacy-link]
-[![codeclimate-badge][]][codeclimate-link]
-[![snyk-badge][]][snyk-link]
+[![npm-downloads-badge][]][npm-link]
+[![jsdelivr-badge][]][jsdelivr-link]
+[![npm-license-badge][]](LICENSE)
 
 > XY Labs generalized React library 
 
@@ -16,53 +13,39 @@
 
 -   [Description](#description)
 -   [Install](#install)
--   [Scripts](#scripts)
 -   [Maintainers](#maintainers)
 -   [License](#license)
 -   [Credits](#credits)
 
 ## Description
 
-Common React code that is used throughtout XYO projects that use React.
+Common React code that is used throughout XYO projects that use React.
 
 ## Install
 
 Using npm:
 
 ```sh
-npm i --save @xylabs/sdk-react
+npm i --save @xylabs/react-identicon
 ```
 
 Using yarn:
 
 ```sh
-yarn add @xylabs/sdk-react
+yarn add @xylabs/react-identicon
 ```
 
-## Scripts
+## Documentation
+[Developer Reference](https://xylabs.github.io/sdk-react)
 
-See [ts-scripts-yarn3](https://github.com/xylabs/ts-scripts-yarn3/blob/main/README.md) for
-list of shared scripts. The below scripts are custom scripts for this repo.
-
-### Build (Storybook)
-
-Build the static Storybook site
-
-```sh
-yarn build-storybook
-```
-
-### Start
-
-Starts the project in the browser for testing, with auto reload using Storybook
-
-```sh
-yarn start
-```
+[Storybook](https://xylabs.github.io/sdk-react/storybook)
 
 ## Maintainers
 
--   [Arie Trouw](https://github.com/arietrouw) [arietrouw.com](https://arietrouw.com)
+-   [Arie Trouw](https://github.com/arietrouw) ([arietrouw.com](https://arietrouw.com))
+-   [Matt Jones](https://github.com/jonesmac)
+-   [Joel Carter](https://github.com/JoelBCarter)
+-   [Jordan Trouw](https://github.com/jordantrouw)
 
 ## License
 
@@ -74,23 +57,11 @@ See the [LICENSE](LICENSE) file for license details
 
 [logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg
 
-[main-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml/badge.svg
-[main-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml
-
-[beta-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml/badge.svg
-[beta-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml
-
-[npm-badge]: https://img.shields.io/npm/v/@xylabs/sdk-react.svg
-[npm-link]: https://www.npmjs.com/package/@xylabs/sdk-react
-
-[bch-badge]: https://bettercodehub.com/edge/badge/xylabs/sdk-react?branch=main
-[bch-link]: https://bettercodehub.com/results/xylabs/sdk-react
-
-[codacy-badge]: https://app.codacy.com/project/badge/Grade/c2a69d4530ed4b7da6ddb070169dd339
-[codacy-link]: https://www.codacy.com/gh/xylabs/sdk-react/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xylabs/sdk-react&utm_campaign=Badge_Grade
+[npm-badge]: https://img.shields.io/npm/v/@xylabs/react-identicon.svg
+[npm-link]: https://www.npmjs.com/package/@xylabs/react-identicon
 
-[codeclimate-badge]: https://api.codeclimate.com/v1/badges/c461e0bc2b00c0b01ac0/maintainability
-[codeclimate-link]: https://codeclimate.com/github/xylabs/sdk-react/maintainability
+[npm-downloads-badge]: https://img.shields.io/npm/dw/@xylabs/react-identicon
+[npm-license-badge]: https://img.shields.io/npm/l/@xylabs/react-identicon
 
-[snyk-badge]: https://snyk.io/test/github/xylabs/sdk-react/badge.svg?targetFile=package.json
-[snyk-link]: https://snyk.io/test/github/xylabs/sdk-react?targetFile=package.json
+[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xylabs/react-identicon/badge
+[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xylabs/react-identicon

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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.map

@@ -1 +1 @@
-{"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;AAwDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}
+{"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.map

@@ -1 +1 @@
-{"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;AAwDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}
+{"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

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

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

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

package/dist/browser/index.cjs

@@ -0,0 +1,103 @@
+"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 __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 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var range = (n, in_min, in_max, out_min, out_max) => {
+  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
+};
+var updateCanvas = (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);
+        }
+      }
+    }
+  }
+};
+var Identicon = ({
+  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__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { ...props, children: value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("canvas", { className, ref: canvas, style: { height: size, width: size } }) : null });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/Identicon.tsx"],"sourcesContent":["export * from './components'\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAuFjC;AArFR,IAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,IAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,WAAO,WAAAA,SAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,SAAS,GAAG;AACjC,UAAM,QAAQ,KAAK,MAAM,MAAM,OAAO,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AAC/F,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,OAAO;AAChC,UAAM,WAAW,OAAO,SAAS,IAAI,EAAE;AACvC,WAAO,WAAW,IAAI,IAAI;AAAA,EAC5B,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,eAAW,CAAC,GAAG,GAAG,KAAK,IAAI,QAAQ,GAAG;AACpC,iBAAW,CAAC,GAAG,EAAE,KAAK,IAAI,QAAQ,GAAG;AACnC,YAAI,IAAI;AACN,cAAI,YAAY,MAAM,MAAM;AAC5B,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SACE,4CAAC,gCAAS,GAAG,OACV,kBACC,4CAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IACjF,MACJ;AAEJ;","names":["md5"]}

package/dist/browser/index.d.cts

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

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

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

package/dist/browser/index.js

@@ -1,2 +1,70 @@
-export * from "./components";
+// src/components/Identicon.tsx
+import { FlexRow } from "@xylabs/react-flexbox";
+import md5 from "md5";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var range = (n, in_min, in_max, out_min, out_max) => {
+  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
+};
+var updateCanvas = (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);
+        }
+      }
+    }
+  }
+};
+var Identicon = ({
+  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__ */ jsx(FlexRow, { ...props, children: value ? /* @__PURE__ */ jsx("canvas", { className, ref: canvas, style: { height: size, width: size } }) : null });
+};
+export {
+  Identicon
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"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,SAAuB,eAAe;AACtC,OAAO,SAAS;AAChB,SAAgB,WAAW,cAAc;AAuFjC;AArFR,IAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,IAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,OAAO,IAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,SAAS,GAAG;AACjC,UAAM,QAAQ,KAAK,MAAM,MAAM,OAAO,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AAC/F,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,OAAO;AAChC,UAAM,WAAW,OAAO,SAAS,IAAI,EAAE;AACvC,WAAO,WAAW,IAAI,IAAI;AAAA,EAC5B,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,eAAW,CAAC,GAAG,GAAG,KAAK,IAAI,QAAQ,GAAG;AACpC,iBAAW,CAAC,GAAG,EAAE,KAAK,IAAI,QAAQ,GAAG;AACnC,YAAI,IAAI;AACN,cAAI,YAAY,MAAM,MAAM;AAC5B,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SACE,oBAAC,WAAS,GAAG,OACV,kBACC,oBAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IACjF,MACJ;AAEJ;","names":[]}

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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.map

@@ -1 +1 @@
-{"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;AAwDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}
+{"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.map

@@ -1 +1 @@
-{"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;AAwDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}
+{"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

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

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

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

package/dist/node/{components/Identicon.js → index.cjs}

@@ -26,41 +26,41 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Identicon_exports = {};
-__export(Identicon_exports, {
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
   Identicon: () => Identicon
 });
-module.exports = __toCommonJS(Identicon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Identicon.tsx
 var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_md5 = __toESM(require("md5"));
+var import_md5 = __toESM(require("md5"), 1);
 var import_react = require("react");
-const range = (n, in_min, in_max, out_min, out_max) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var range = (n, in_min, in_max, out_min, out_max) => {
   return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
 };
-const updateCanvas = (canvas, props) => {
+var updateCanvas = (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 hashColor = hash.slice(0, 6);
   const current = canvas.current;
   if (!current) {
     return;
   }
-  if (palette && palette.length) {
-    const index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
+  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.split("").map((el) => {
-    const parsedEl = parseInt(el, 16);
-    if (parsedEl < 8) {
-      return 0;
-    } else {
-      return 1;
-    }
+  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);
@@ -70,20 +70,20 @@ const updateCanvas = (canvas, props) => {
   if (ctx) {
     ctx.imageSmoothingEnabled = false;
     ctx.clearRect(0, 0, current.width, current.height);
-    map.forEach((row, i) => {
-      row.forEach((el, j) => {
+    for (const [i, row] of map.entries()) {
+      for (const [j, el] of row.entries()) {
         if (el) {
-          ctx.fillStyle = fg ? fg : "#" + hashcolor;
+          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);
         }
-      });
-    });
+      }
+    }
   }
 };
-const Identicon = ({
+var Identicon = ({
   size = 400,
   className = "identicon",
   bg,
@@ -104,4 +104,4 @@ const Identicon = ({
 0 && (module.exports = {
   Identicon
 });
-//# sourceMappingURL=Identicon.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/Identicon.tsx"],"sourcesContent":["export * from './components'\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAuFjC;AArFR,IAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,IAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,WAAO,WAAAA,SAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,SAAS,GAAG;AACjC,UAAM,QAAQ,KAAK,MAAM,MAAM,OAAO,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AAC/F,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,OAAO;AAChC,UAAM,WAAW,OAAO,SAAS,IAAI,EAAE;AACvC,WAAO,WAAW,IAAI,IAAI;AAAA,EAC5B,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,eAAW,CAAC,GAAG,GAAG,KAAK,IAAI,QAAQ,GAAG;AACpC,iBAAW,CAAC,GAAG,EAAE,KAAK,IAAI,QAAQ,GAAG;AACnC,YAAI,IAAI;AACN,cAAI,YAAY,MAAM,MAAM;AAC5B,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SACE,4CAAC,gCAAS,GAAG,OACV,kBACC,4CAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IACjF,MACJ;AAEJ;","names":["md5"]}

package/dist/node/index.d.cts

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

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

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

package/dist/node/index.js

@@ -1,23 +1,70 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
+// src/components/Identicon.tsx
+import { FlexRow } from "@xylabs/react-flexbox";
+import md5 from "md5";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var range = (n, in_min, in_max, out_min, out_max) => {
+  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
+};
+var updateCanvas = (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);
+        }
+      }
+    }
   }
-  return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./components"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./components")
-});
+var Identicon = ({
+  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__ */ jsx(FlexRow, { ...props, children: value ? /* @__PURE__ */ jsx("canvas", { className, ref: canvas, style: { height: size, width: size } }) : null });
+};
+export {
+  Identicon
+};
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;","names":[]}
+{"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,SAAuB,eAAe;AACtC,OAAO,SAAS;AAChB,SAAgB,WAAW,cAAc;AAuFjC;AArFR,IAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,IAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,OAAO,IAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,SAAS,GAAG;AACjC,UAAM,QAAQ,KAAK,MAAM,MAAM,OAAO,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AAC/F,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,OAAO;AAChC,UAAM,WAAW,OAAO,SAAS,IAAI,EAAE;AACvC,WAAO,WAAW,IAAI,IAAI;AAAA,EAC5B,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,eAAW,CAAC,GAAG,GAAG,KAAK,IAAI,QAAQ,GAAG;AACpC,iBAAW,CAAC,GAAG,EAAE,KAAK,IAAI,QAAQ,GAAG;AACnC,YAAI,IAAI;AACN,cAAI,YAAY,MAAM,MAAM;AAC5B,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SACE,oBAAC,WAAS,GAAG,OACV,kBACC,oBAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IACjF,MACJ;AAEJ;","names":[]}

package/package.json

@@ -13,17 +13,17 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-flexbox": "~3.1.0-rc.6",
+    "@xylabs/react-flexbox": "~3.1.1",
     "md5": "^2.3.0"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@types/md5": "^2.3.2",
-    "@xylabs/ts-scripts-yarn3": "^3.0.55",
-    "@xylabs/tsconfig-react": "^3.0.55",
+    "@types/md5": "^2.3.5",
+    "@xylabs/ts-scripts-yarn3": "^3.4.1",
+    "@xylabs/tsconfig-react": "^3.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -35,26 +35,29 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
+          "default": "./dist/node/index.js"
         },
         "require": {
-          "types": "./dist/node/index.d.ts",
-          "default": "./dist/node/index.js"
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
         }
       },
       "browser": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.js"
+        "import": {
+          "types": "./dist/browser/index.d.mts",
+          "default": "./dist/browser/index.js"
+        },
+        "require": {
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
+        }
       },
       "default": "./dist/browser/index.js"
     },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
-    },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
-  "main": "./dist/node/index.js",
+  "main": "./dist/browser/index.cjs",
   "module": "./dist/browser/index.js",
   "homepage": "https://xylabs.com",
   "keywords": [
@@ -62,7 +65,7 @@
     "typescript",
     "react"
   ],
-  "license": "LGPL-3.0",
+  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
@@ -71,6 +74,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.1.0-rc.6",
-  "stableVersion": "3.0.0"
+  "version": "3.1.1",
+  "type": "module"
 }

package/src/components/Identicon.tsx

@@ -22,7 +22,7 @@ const updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: Identic
   let { fg } = props
   const hash = md5(value)
   const block = Math.floor(size / count)
-  const hashcolor = hash.slice(0, 6)
+  const hashColor = hash.slice(0, 6)
 
   const current = canvas.current
 
@@ -30,20 +30,16 @@ const updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: Identic
     return
   }
 
-  if (palette && palette.length) {
-    const index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length))
+  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.split('').map((el) => {
-    const parsedEl = parseInt(el, 16)
-    if (parsedEl < 8) {
-      return 0
-    } else {
-      return 1
-    }
+  const arr = [...hash].map((el) => {
+    const parsedEl = Number.parseInt(el, 16)
+    return parsedEl < 8 ? 0 : 1
   })
 
   const map = []
@@ -57,17 +53,17 @@ const updateCanvas = (canvas: React.RefObject<HTMLCanvasElement>, props: Identic
     ctx.imageSmoothingEnabled = false
     ctx.clearRect(0, 0, current.width, current.height)
 
-    map.forEach((row, i) => {
-      row.forEach((el, j) => {
+    for (const [i, row] of map.entries()) {
+      for (const [j, el] of row.entries()) {
         if (el) {
-          ctx.fillStyle = fg ? fg : '#' + hashcolor
+          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)
         }
-      })
-    })
+      }
+    }
   }
 }
 
@@ -88,5 +84,11 @@ export const Identicon: React.FC<IdenticonProps> = ({
     updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })
   })
 
-  return <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>
+  return (
+    <FlexRow {...props}>
+      {value ?
+        <canvas className={className} ref={canvas} style={{ height: size, width: size }} />
+      : null}
+    </FlexRow>
+  )
 }

package/dist/browser/components/Identicon.js

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { FlexRow } from "@xylabs/react-flexbox";
-import md5 from "md5";
-import { useEffect, useRef } from "react";
-const range = (n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-};
-const updateCanvas = (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) {
-    const index = Math.floor(range(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.split("").map((el) => {
-    const parsedEl = parseInt(el, 16);
-    if (parsedEl < 8) {
-      return 0;
-    } else {
-      return 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);
-    map.forEach((row, i) => {
-      row.forEach((el, j) => {
-        if (el) {
-          ctx.fillStyle = fg ? 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);
-        }
-      });
-    });
-  }
-};
-const Identicon = ({
-  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__ */ jsx(FlexRow, { ...props, children: value ? /* @__PURE__ */ jsx("canvas", { className, ref: canvas, style: { height: size, width: size } }) : null });
-};
-export {
-  Identicon
-};
-//# sourceMappingURL=Identicon.js.map

package/dist/browser/components/Identicon.js.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) {\n    const index = Math.floor(range(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.split('').map((el) => {\n    const parsedEl = parseInt(el, 16)\n    if (parsedEl < 8) {\n      return 0\n    } else {\n      return 1\n    }\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    map.forEach((row, i) => {\n      row.forEach((el, j) => {\n        if (el) {\n          ctx.fillStyle = fg ? 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 <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>\n}\n"],"mappings":"AA0FsC;AA1FtC,SAAuB,eAAe;AACtC,OAAO,SAAS;AAChB,SAAgB,WAAW,cAAc;AAEzC,MAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,MAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,OAAO,IAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,QAAQ;AAC7B,UAAM,QAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AACxF,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,KAAK,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO;AACrC,UAAM,WAAW,SAAS,IAAI,EAAE;AAChC,QAAI,WAAW,GAAG;AAChB,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,QAAI,QAAQ,CAAC,KAAK,MAAM;AACtB,UAAI,QAAQ,CAAC,IAAI,MAAM;AACrB,YAAI,IAAI;AACN,cAAI,YAAY,KAAK,KAAK,MAAM;AAChC,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEO,MAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SAAO,oBAAC,WAAS,GAAG,OAAQ,kBAAQ,oBAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IAAK,MAAK;AACjI;","names":[]}

package/dist/browser/components/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Identicon'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/components/Identicon.js.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) {\n    const index = Math.floor(range(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.split('').map((el) => {\n    const parsedEl = parseInt(el, 16)\n    if (parsedEl < 8) {\n      return 0\n    } else {\n      return 1\n    }\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    map.forEach((row, i) => {\n      row.forEach((el, j) => {\n        if (el) {\n          ctx.fillStyle = fg ? 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 <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0FsC;AA1FtC,2BAAsC;AACtC,iBAAgB;AAChB,mBAAyC;AAEzC,MAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,MAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,WAAO,WAAAA,SAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,QAAQ;AAC7B,UAAM,QAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AACxF,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,KAAK,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO;AACrC,UAAM,WAAW,SAAS,IAAI,EAAE;AAChC,QAAI,WAAW,GAAG;AAChB,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,QAAI,QAAQ,CAAC,KAAK,MAAM;AACtB,UAAI,QAAQ,CAAC,IAAI,MAAM;AACrB,YAAI,IAAI;AACN,cAAI,YAAY,KAAK,KAAK,MAAM;AAChC,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEO,MAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SAAO,4CAAC,gCAAS,GAAG,OAAQ,kBAAQ,4CAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IAAK,MAAK;AACjI;","names":["md5"]}

package/dist/node/components/Identicon.mjs

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { FlexRow } from "@xylabs/react-flexbox";
-import md5 from "md5";
-import { useEffect, useRef } from "react";
-const range = (n, in_min, in_max, out_min, out_max) => {
-  return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
-};
-const updateCanvas = (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) {
-    const index = Math.floor(range(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.split("").map((el) => {
-    const parsedEl = parseInt(el, 16);
-    if (parsedEl < 8) {
-      return 0;
-    } else {
-      return 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);
-    map.forEach((row, i) => {
-      row.forEach((el, j) => {
-        if (el) {
-          ctx.fillStyle = fg ? 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);
-        }
-      });
-    });
-  }
-};
-const Identicon = ({
-  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__ */ jsx(FlexRow, { ...props, children: value ? /* @__PURE__ */ jsx("canvas", { className, ref: canvas, style: { height: size, width: size } }) : null });
-};
-export {
-  Identicon
-};
-//# sourceMappingURL=Identicon.mjs.map

package/dist/node/components/Identicon.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) {\n    const index = Math.floor(range(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.split('').map((el) => {\n    const parsedEl = parseInt(el, 16)\n    if (parsedEl < 8) {\n      return 0\n    } else {\n      return 1\n    }\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    map.forEach((row, i) => {\n      row.forEach((el, j) => {\n        if (el) {\n          ctx.fillStyle = fg ? 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 <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>\n}\n"],"mappings":"AA0FsC;AA1FtC,SAAuB,eAAe;AACtC,OAAO,SAAS;AAChB,SAAgB,WAAW,cAAc;AAEzC,MAAM,QAAQ,CAAC,GAAW,QAAgB,QAAgB,SAAiB,YAAoB;AAC7F,UAAS,IAAI,WAAW,UAAU,YAAa,SAAS,UAAU;AACpE;AAaA,MAAM,eAAe,CAAC,QAA4C,UAA0B;AAC1F,QAAM,EAAE,QAAQ,IAAI,OAAO,KAAK,KAAK,eAAe,QAAQ,GAAG,SAAS,cAAc,EAAE,IAAI;AAC5F,MAAI,EAAE,GAAG,IAAI;AACb,QAAM,OAAO,IAAI,KAAK;AACtB,QAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AACrC,QAAM,YAAY,KAAK,MAAM,GAAG,CAAC;AAEjC,QAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,QAAQ;AAC7B,UAAM,QAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,QAAQ,MAAM,CAAC;AACxF,SAAK,QAAQ,KAAK;AAAA,EACpB;AAEA,UAAQ,QAAQ,QAAQ,QAAQ;AAChC,UAAQ,SAAS,QAAQ,QAAQ;AACjC,QAAM,MAAM,KAAK,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO;AACrC,UAAM,WAAW,SAAS,IAAI,EAAE;AAChC,QAAI,WAAW,GAAG;AAChB,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,MAAM,CAAC;AAEb,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC;AAChC,MAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE;AACjC,MAAI,CAAC,IAAI,IAAI,MAAM,IAAI,EAAE;AAEzB,QAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,MAAI,KAAK;AACP,QAAI,wBAAwB;AAC5B,QAAI,UAAU,GAAG,GAAG,QAAQ,OAAO,QAAQ,MAAM;AAEjD,QAAI,QAAQ,CAAC,KAAK,MAAM;AACtB,UAAI,QAAQ,CAAC,IAAI,MAAM;AACrB,YAAI,IAAI;AACN,cAAI,YAAY,KAAK,KAAK,MAAM;AAChC,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG,OAAO;AACL,cAAI,YAAY;AAChB,cAAI,SAAS,QAAQ,IAAI,aAAa,QAAQ,IAAI,aAAa,QAAQ,aAAa,QAAQ,WAAW;AAAA,QACzG;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEO,MAAM,YAAsC,CAAC;AAAA,EAClD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,MAAM;AACd,iBAAa,QAAQ,EAAE,IAAI,WAAW,OAAO,IAAI,aAAa,SAAS,MAAM,MAAM,CAAC;AAAA,EACtF,CAAC;AAED,SAAO,oBAAC,WAAS,GAAG,OAAQ,kBAAQ,oBAAC,YAAO,WAAsB,KAAK,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,KAAK,GAAG,IAAK,MAAK;AACjI;","names":[]}

package/dist/node/components/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-module.exports = __toCommonJS(components_exports);
-__reExport(components_exports, require("./Identicon"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./Identicon")
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Identicon'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,wBAAd;","names":[]}

package/dist/node/components/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Identicon";
-//# sourceMappingURL=index.mjs.map

package/dist/node/components/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Identicon'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/index.mjs

@@ -1,2 +0,0 @@
-export * from "./components";
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}