pixelpeeps 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TheCHARITH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type HeadShape = "circle" | "square";
+type Variant = "auto" | "plain" | "split" | "swoop" | "diagonal" | "cap" | "crescent" | "band" | "corner" | "ring" | "arc" | "wave" | "half";
+type AlignX = "left" | "center" | "right";
+type AlignY = "top" | "center" | "bottom";
+type AvatarProps = {
+    name: string;
+    size?: number;
+    pixelSize?: number;
+    mirrored?: boolean;
+    bg?: [string, string] | string | "random";
+    headShape?: HeadShape;
+    square?: boolean;
+    alignX?: AlignX;
+    alignY?: AlignY;
+    padding?: number;
+    colors?: string | [string, string] | [string, string, string] | "random";
+    variant?: Variant;
+    className?: string;
+    style?: React.CSSProperties;
+    title?: string;
+};
+declare function Avatar({ name, size, pixelSize, mirrored, bg, colors, headShape, square, alignX, alignY, padding, variant, className, style, title, }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, Avatar as default };

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type HeadShape = "circle" | "square";
+type Variant = "auto" | "plain" | "split" | "swoop" | "diagonal" | "cap" | "crescent" | "band" | "corner" | "ring" | "arc" | "wave" | "half";
+type AlignX = "left" | "center" | "right";
+type AlignY = "top" | "center" | "bottom";
+type AvatarProps = {
+    name: string;
+    size?: number;
+    pixelSize?: number;
+    mirrored?: boolean;
+    bg?: [string, string] | string | "random";
+    headShape?: HeadShape;
+    square?: boolean;
+    alignX?: AlignX;
+    alignY?: AlignY;
+    padding?: number;
+    colors?: string | [string, string] | [string, string, string] | "random";
+    variant?: Variant;
+    className?: string;
+    style?: React.CSSProperties;
+    title?: string;
+};
+declare function Avatar({ name, size, pixelSize, mirrored, bg, colors, headShape, square, alignX, alignY, padding, variant, className, style, title, }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, Avatar as default };

package/dist/index.js

@@ -0,0 +1,292 @@
+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 index_exports = {};
+__export(index_exports, {
+  Avatar: () => Avatar,
+  default: () => Avatar
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/Avatar.tsx
+var React = __toESM(require("react"));
+var import_nice_color_palettes = __toESM(require("nice-color-palettes"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function cyrb128(str) {
+  let h1 = 1779033703, h2 = 3144134277, h3 = 1013904242, h4 = 2773480762;
+  for (let i = 0, k; i < str.length; i++) {
+    k = str.charCodeAt(i);
+    h1 = h2 ^ Math.imul(h1 ^ k, 597399067);
+    h2 = h3 ^ Math.imul(h2 ^ k, 2869860233);
+    h3 = h4 ^ Math.imul(h3 ^ k, 951274213);
+    h4 = h1 ^ Math.imul(h4 ^ k, 2716044179);
+  }
+  h1 = Math.imul(h3 ^ h1 >>> 18, 597399067);
+  h2 = Math.imul(h4 ^ h2 >>> 22, 2869860233);
+  h3 = Math.imul(h1 ^ h3 >>> 17, 951274213);
+  h4 = Math.imul(h2 ^ h4 >>> 19, 2716044179);
+  return [(h1 ^ h2 ^ h3 ^ h4) >>> 0, (h2 ^ h1) >>> 0, (h3 ^ h1) >>> 0, (h4 ^ h1) >>> 0];
+}
+function sfc32(a, b, c, d) {
+  return function() {
+    a >>>= 0;
+    b >>>= 0;
+    c >>>= 0;
+    d >>>= 0;
+    let t = a + b | 0;
+    a = b ^ b >>> 9;
+    b = c + (c << 3) | 0;
+    c = c << 21 | c >>> 11;
+    d = d + 1 | 0;
+    t = t + d | 0;
+    c = c + t | 0;
+    return (t >>> 0) / 4294967296;
+  };
+}
+function rngFromSeed(seed) {
+  const [a, b, c, d] = cyrb128(seed || "pixelpeeps");
+  return sfc32(a, b, c, d);
+}
+function pick(rand, arr) {
+  return arr[Math.floor(rand() * arr.length)];
+}
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const full = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
+  const n = parseInt(full, 16);
+  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+}
+function rgbToHex(r, g, b) {
+  return "#" + [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("");
+}
+function shade(hex, percent) {
+  const { r, g, b } = hexToRgb(hex);
+  const t = percent < 0 ? 0 : 255;
+  const p = Math.abs(percent);
+  return rgbToHex(
+    Math.round((t - r) * p) + r,
+    Math.round((t - g) * p) + g,
+    Math.round((t - b) * p) + b
+  );
+}
+function yiq(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  return (r * 299 + g * 587 + b * 114) / 1e3;
+}
+function bestFeatureColor(base) {
+  return yiq(base) > 150 ? "#111827" : "#ffffff";
+}
+var NICE_PALETTES = import_nice_color_palettes.default && Array.isArray(import_nice_color_palettes.default) ? import_nice_color_palettes.default : [
+  // fallback single palette
+  ["#73a9ff", "#fef3c7", "#ffd6a5", "#d4b4ff", "#a7f3d0"]
+];
+function resolveBg(rand, bg) {
+  if (!bg || bg === "random") {
+    return pick(rand, NICE_PALETTES).slice(0, 2);
+  }
+  if (Array.isArray(bg)) return [bg[0], bg[1] ?? bg[0]];
+  return [shade(bg, 0.12), shade(bg, -0.06)];
+}
+function resolveCharColors(rand, colors) {
+  if (!colors || colors === "random") {
+    const pal = pick(rand, NICE_PALETTES);
+    const base2 = pal[0];
+    const a12 = pal[1] ?? shade(base2, 0.25);
+    const a22 = pal[2] ?? shade(base2, -0.2);
+    return [base2, a12, a22];
+  }
+  if (typeof colors === "string") {
+    return [colors, shade(colors, 0.25), shade(colors, -0.2)];
+  }
+  const base = colors[0];
+  const a1 = colors[1] ?? shade(base, 0.25);
+  const a2 = colors[2] ?? shade(base, -0.2);
+  return [base, a1, a2];
+}
+function Face({ cx, cy, r, color, rand }) {
+  const eyeOffsetX = r * (0.34 + rand() * 0.06);
+  const eyeOffsetY = r * (0.2 + rand() * 0.06);
+  const eyeR = Math.max(2, Math.round(r * (0.08 + rand() * 0.02)));
+  const mouthWidth = r * (0.7 + rand() * 0.3);
+  const mouthLift = r * (0.18 + rand() * 0.16);
+  const mouthCurve = (rand() - 0.5) * 0.8;
+  const mouthStroke = Math.max(1, Math.round(r * 0.06));
+  const x0 = cx - mouthWidth / 2;
+  const x1 = cx + mouthWidth / 2;
+  const my = cy + mouthLift;
+  const cxQ = cx;
+  const cyQ = my + r * (-0.25 * mouthCurve - 0.1);
+  const d = `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx - eyeOffsetX, cy: cy - eyeOffsetY, r: eyeR, fill: color }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + eyeOffsetX, cy: cy - eyeOffsetY, r: eyeR, fill: color }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d, stroke: color, strokeWidth: mouthStroke, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function Overlays({
+  cx,
+  cy,
+  r,
+  a1,
+  a2,
+  variant,
+  shape,
+  rand
+}) {
+  const x0 = cx - r, y0 = cy - r, x1 = cx + r, y1 = cy + r;
+  const left = rand() > 0.5;
+  const tlbr = rand() > 0.5;
+  const horiz = rand() > 0.5;
+  const cornerTL = rand() > 0.5;
+  switch (variant) {
+    case "plain":
+      return null;
+    case "split":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: left ? x0 : cx, y: y0, width: r, height: 2 * r, fill: a1 });
+    case "diagonal":
+      return tlbr ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: `${x0},${y0} ${x1},${y0} ${x1},${y1}`, fill: a1 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: `${x0},${y0} ${x0},${y1} ${x1},${y1}`, fill: a1 });
+    case "cap":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${x0} ${y0 + r * 0.25} L ${x1} ${y0} L ${x1} ${y0 + r * 0.6} Q ${cx} ${y0 + r * 0.85} ${x0} ${y0 + r * 0.6} Z`, fill: a1 });
+    case "swoop":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${x0} ${cy - r * 0.55} Q ${cx} ${cy - r * 1.1} ${x1} ${cy - r * 0.35} L ${x1} ${y1} Q ${cx} ${cy + r * 0.95} ${x0} ${y1} Z`, fill: a1 });
+    case "crescent":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: left ? cx - r * 0.55 : cx + r * 0.55, cy, r: r * 0.95, fill: a2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: left ? cx - r * 0.52 : cx + r * 0.52, cy, r: r * 0.75, fill: "transparent", stroke: shade(a2, -0.25), strokeWidth: r * 0.08 })
+      ] });
+    case "band":
+      return horiz ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: x0, y: cy - r * 0.35, width: 2 * r, height: r * 0.5, fill: a1 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - r * 0.35, y: y0, width: r * 0.5, height: 2 * r, fill: a1 });
+    case "corner":
+      return cornerTL ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: `${x0},${y0} ${x0 + r * 0.9},${y0} ${x0},${y0 + r * 0.9}`, fill: a1 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: `${x1},${y0} ${x1 - r * 0.9},${y0} ${x1},${y0 + r * 0.9}`, fill: a1 });
+    case "ring":
+      return shape === "circle" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx, cy, r: r * 0.86, fill: "none", stroke: a1, strokeWidth: r * 0.18 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - r * 0.86, y: cy - r * 0.86, width: 2 * r * 0.86, height: 2 * r * 0.86, rx: r * 0.18, fill: "none", stroke: a1, strokeWidth: r * 0.18 });
+    case "arc":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${x0} ${cy - r * 0.2} A ${r} ${r} 0 0 1 ${x1} ${cy - r * 0.2} L ${x1} ${cy + r * 0.15} A ${r} ${r} 0 0 0 ${x0} ${cy + r * 0.15} Z`, fill: a1 });
+    case "wave":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${x0} ${cy - r * 0.3} C ${cx - r * 0.6} ${cy - r * 0.8}, ${cx - r * 0.2} ${cy + r * 0.1}, ${cx} ${cy} S ${cx + r * 0.6} ${cy + r * 0.8}, ${x1} ${cy + r * 0.3} L ${x1} ${y1} L ${x0} ${y1} Z`, fill: a1 });
+    // NEW variant: large half/diagonal cut (looks like attached image)
+    case "half": {
+      const diag = rand() > 0.4;
+      if (diag) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: `${x0},${y0} ${x1},${y0} ${x1},${cy + (left ? r * 0.1 : -r * 0.1)}`, fill: a1 });
+      } else {
+        const offset = left ? -r * 0.18 : r * 0.18;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + offset, cy, r: r * 0.95, fill: a1 });
+      }
+    }
+    default:
+      return null;
+  }
+}
+function Avatar({
+  name,
+  size = 128,
+  pixelSize = 12,
+  mirrored = true,
+  bg,
+  colors,
+  headShape,
+  square,
+  alignX = "center",
+  alignY = "center",
+  padding,
+  variant = "auto",
+  className,
+  style,
+  title
+}) {
+  const shape = headShape ?? (square ? "square" : "circle");
+  const rand = React.useMemo(() => rngFromSeed(String(name)), [name]);
+  const [bg1, bg2] = React.useMemo(() => resolveBg(rand, bg), [rand, bg]);
+  const [base, a1, a2] = React.useMemo(() => resolveCharColors(rand, colors), [rand, colors]);
+  const faceColor = bestFeatureColor(base);
+  const grid = Math.max(6, Math.floor(size / pixelSize));
+  const tile = Math.ceil(size / grid);
+  const autoPad = Math.max(4, Math.round(size * (0.06 + rand() * 0.02)));
+  const pad = padding ?? autoPad;
+  const baseR = Math.floor(size * (0.36 + rand() * 0.04));
+  const maxR = Math.floor(size / 2 - pad);
+  const r = Math.max(8, Math.min(baseR, maxR));
+  let cx = size / 2;
+  let cy = size / 2;
+  if (alignX === "left") cx = r + pad;
+  if (alignX === "right") cx = size - (r + pad);
+  if (alignY === "top") cy = r + pad;
+  if (alignY === "bottom") cy = size - (r + pad);
+  const cells = [];
+  const cols = mirrored ? Math.ceil(grid / 2) : grid;
+  for (let y = 0; y < grid; y++) {
+    for (let x = 0; x < cols; x++) {
+      const use = rand() > 0.5;
+      const fill = use ? bg1 : bg2;
+      const px = x * tile;
+      const py = y * tile;
+      cells.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: px, y: py, width: tile, height: tile, fill }, `L${x},${y}`));
+      if (mirrored) {
+        const mx = grid - x - 1;
+        const mpx = mx * tile;
+        cells.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: mpx, y: py, width: tile, height: tile, fill }, `R${mx},${y}`));
+      }
+    }
+  }
+  const variants = ["split", "swoop", "diagonal", "cap", "crescent", "band", "corner", "ring", "arc", "wave", "plain", "half"];
+  const chosenVariant = variant === "auto" ? pick(rand, variants) : variant;
+  const clipId = React.useMemo(() => {
+    const [a, b, c, d] = cyrb128(`pp-shape-${name}-${shape}-${r}`);
+    return `pps-${a.toString(16)}${b.toString(16)}${c.toString(16)}${d.toString(16)}`;
+  }, [name, shape, r]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": title ?? `Avatar ${name}`,
+      className,
+      style: { display: "inline-block", borderRadius: 12, ...style },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: size, height: size, fill: bg1 }),
+        cells,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: clipId, children: shape === "square" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - r, y: cy - r, width: 2 * r, height: 2 * r, rx: Math.max(4, r * 0.12) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx, cy, r }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: `url(#${clipId})`, children: [
+          shape === "square" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - r, y: cy - r, width: 2 * r, height: 2 * r, rx: Math.max(4, r * 0.12), fill: base }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx, cy, r, fill: base }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlays, { cx, cy, r, a1, a2, variant: chosenVariant, shape, rand })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Face, { cx, cy, r, color: faceColor, rand })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Avatar.tsx"],"sourcesContent":["export { default as Avatar } from \"./Avatar\";\r\nexport { default } from \"./Avatar\";\r\n","import * as React from \"react\";\r\nimport palettes100 from \"nice-color-palettes\";\r\nexport type HeadShape = \"circle\" | \"square\";\r\nexport type Variant =\r\n  | \"auto\"\r\n  | \"plain\"\r\n  | \"split\"\r\n  | \"swoop\"\r\n  | \"diagonal\"\r\n  | \"cap\"\r\n  | \"crescent\"\r\n  | \"band\"\r\n  | \"corner\"\r\n  | \"ring\"\r\n  | \"arc\"\r\n  | \"wave\"\r\n  | \"half\"; // <-- new variant\r\nexport type AlignX = \"left\" | \"center\" | \"right\";\r\nexport type AlignY = \"top\" | \"center\" | \"bottom\";\r\n\r\nexport type AvatarProps = {\r\n  name: string;\r\n\r\n  // pixel background\r\n  size?: number;\r\n  pixelSize?: number;\r\n  mirrored?: boolean;\r\n  bg?: [string, string] | string | \"random\";\r\n\r\n  // character controls\r\n  headShape?: HeadShape;\r\n  square?: boolean; // deprecated\r\n  alignX?: AlignX;\r\n  alignY?: AlignY;\r\n  padding?: number;\r\n\r\n  colors?: string | [string, string] | [string, string, string] | \"random\";\r\n  variant?: Variant;\r\n\r\n  // styling/a11y\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  title?: string;\r\n};\r\n\r\n//\r\n// Deterministic RNG (seeded)\r\n//\r\nfunction cyrb128(str: string) {\r\n  let h1 = 1779033703, h2 = 3144134277, h3 = 1013904242, h4 = 2773480762;\r\n  for (let i = 0, k; i < str.length; i++) {\r\n    k = str.charCodeAt(i);\r\n    h1 = h2 ^ Math.imul(h1 ^ k, 597399067);\r\n    h2 = h3 ^ Math.imul(h2 ^ k, 2869860233);\r\n    h3 = h4 ^ Math.imul(h3 ^ k, 951274213);\r\n    h4 = h1 ^ Math.imul(h4 ^ k, 2716044179);\r\n  }\r\n  h1 = Math.imul(h3 ^ (h1 >>> 18), 597399067);\r\n  h2 = Math.imul(h4 ^ (h2 >>> 22), 2869860233);\r\n  h3 = Math.imul(h1 ^ (h3 >>> 17), 951274213);\r\n  h4 = Math.imul(h2 ^ (h4 >>> 19), 2716044179);\r\n  return [(h1 ^ h2 ^ h3 ^ h4) >>> 0, (h2 ^ h1) >>> 0, (h3 ^ h1) >>> 0, (h4 ^ h1) >>> 0];\r\n}\r\nfunction sfc32(a: number, b: number, c: number, d: number) {\r\n  return function () {\r\n    a >>>= 0; b >>>= 0; c >>>= 0; d >>>= 0;\r\n    let t = (a + b) | 0;\r\n    a = b ^ (b >>> 9);\r\n    b = (c + (c << 3)) | 0;\r\n    c = (c << 21) | (c >>> 11);\r\n    d = (d + 1) | 0;\r\n    t = (t + d) | 0;\r\n    c = (c + t) | 0;\r\n    return (t >>> 0) / 4294967296;\r\n  };\r\n}\r\nfunction rngFromSeed(seed: string) {\r\n  const [a, b, c, d] = cyrb128(seed || \"pixelpeeps\");\r\n  return sfc32(a, b, c, d);\r\n}\r\nfunction pick<T>(rand: () => number, arr: T[]) {\r\n  return arr[Math.floor(rand() * arr.length)];\r\n}\r\n\r\n//\r\n// Color helpers\r\n//\r\nfunction hexToRgb(hex: string) {\r\n  const h = hex.replace(\"#\", \"\");\r\n  const full = h.length === 3 ? h.split(\"\").map(c => c + c).join(\"\") : h;\r\n  const n = parseInt(full, 16);\r\n  return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };\r\n}\r\nfunction rgbToHex(r: number, g: number, b: number) {\r\n  return \"#\" + [r, g, b].map(v => v.toString(16).padStart(2, \"0\")).join(\"\");\r\n}\r\nfunction shade(hex: string, percent: number) {\r\n  const { r, g, b } = hexToRgb(hex);\r\n  const t = percent < 0 ? 0 : 255;\r\n  const p = Math.abs(percent);\r\n  return rgbToHex(\r\n    Math.round((t - r) * p) + r,\r\n    Math.round((t - g) * p) + g,\r\n    Math.round((t - b) * p) + b\r\n  );\r\n}\r\nfunction yiq(hex: string) {\r\n  const { r, g, b } = hexToRgb(hex);\r\n  return (r * 299 + g * 587 + b * 114) / 1000;\r\n}\r\nfunction bestFeatureColor(base: string) {\r\n  return yiq(base) > 150 ? \"#111827\" : \"#ffffff\";\r\n}\r\n\r\n//\r\n// Palettes: use nice-color-palettes (top 100)\r\n//\r\nconst NICE_PALETTES: string[][] = (palettes100 && Array.isArray(palettes100)) ? palettes100 as string[][] : [\r\n  // fallback single palette\r\n  [\"#73a9ff\", \"#fef3c7\", \"#ffd6a5\", \"#d4b4ff\", \"#a7f3d0\"]\r\n];\r\n\r\nfunction resolveBg(rand: () => number, bg?: AvatarProps[\"bg\"]): [string, string] {\r\n  if (!bg || bg === \"random\") {\r\n    return pick(rand, NICE_PALETTES).slice(0, 2) as [string, string];\r\n  }\r\n  if (Array.isArray(bg)) return [bg[0], bg[1] ?? bg[0]];\r\n  // single hex -> auto shade pair\r\n  return [shade(bg, 0.12), shade(bg, -0.06)];\r\n}\r\nfunction resolveCharColors(rand: () => number, colors?: AvatarProps[\"colors\"]): [string, string, string] {\r\n  if (!colors || colors === \"random\") {\r\n    const pal = pick(rand, NICE_PALETTES);\r\n    const base = pal[0];\r\n    const a1 = pal[1] ?? shade(base, 0.25);\r\n    const a2 = pal[2] ?? shade(base, -0.2);\r\n    return [base, a1, a2];\r\n  }\r\n  if (typeof colors === \"string\") {\r\n    return [colors, shade(colors, 0.25), shade(colors, -0.2)];\r\n  }\r\n  const base = (colors as string[])[0];\r\n  const a1 = (colors as string[])[1] ?? shade(base, 0.25);\r\n  const a2 = (colors as string[])[2] ?? shade(base, -0.2);\r\n  return [base, a1, a2];\r\n}\r\n\r\n//\r\n// Small face subcomponent: parametric mouth (fixed nice curve)\r\n//\r\nfunction Face({ cx, cy, r, color, rand }: { cx: number; cy: number; r: number; color: string; rand: () => number }) {\r\n  const eyeOffsetX = r * (0.34 + rand() * 0.06); // small variation from seed\r\n  const eyeOffsetY = r * (0.20 + rand() * 0.06);\r\n  const eyeR = Math.max(2, Math.round(r * (0.08 + rand() * 0.02)));\r\n  // Parametric mouth values from seed:\r\n  const mouthWidth = r * (0.7 + rand() * 0.3); // 70-100%\r\n  const mouthLift = r * (0.18 + rand() * 0.16); // 18-34%\r\n  const mouthCurve = (rand() - 0.5) * 0.8; // -0.4..0.4 adjusts curvature (smile vs big smile)\r\n  const mouthStroke = Math.max(1, Math.round(r * 0.06));\r\n\r\n  // compute coordinates\r\n  const x0 = cx - mouthWidth / 2;\r\n  const x1 = cx + mouthWidth / 2;\r\n  const my = cy + mouthLift;\r\n\r\n  // quadratic control point to make a smooth curve (smile)\r\n  const cxQ = cx;\r\n  const cyQ = my + r * (-0.25 * mouthCurve - 0.1); // move control up or down by mouthCurve\r\n\r\n  const d = `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;\r\n\r\n  return (\r\n    <>\r\n      <circle cx={cx - eyeOffsetX} cy={cy - eyeOffsetY} r={eyeR} fill={color} />\r\n      <circle cx={cx + eyeOffsetX} cy={cy - eyeOffsetY} r={eyeR} fill={color} />\r\n      <path d={d} stroke={color} strokeWidth={mouthStroke} fill=\"none\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </>\r\n  );\r\n}\r\n\r\n//\r\n// Overlays (variants) including new `half` variant\r\n//\r\nfunction Overlays({\r\n  cx, cy, r, a1, a2, variant, shape, rand\r\n}: {\r\n  cx: number; cy: number; r: number;\r\n  a1: string; a2: string;\r\n  variant: Exclude<Variant, \"auto\">;\r\n  shape: HeadShape;\r\n  rand: () => number;\r\n}) {\r\n  const x0 = cx - r, y0 = cy - r, x1 = cx + r, y1 = cy + r;\r\n\r\n  // deterministic options\r\n  const left = rand() > 0.5;\r\n  const tlbr = rand() > 0.5;\r\n  const horiz = rand() > 0.5;\r\n  const cornerTL = rand() > 0.5;\r\n\r\n  switch (variant) {\r\n    case \"plain\": return null;\r\n\r\n    case \"split\":\r\n      return <rect x={left ? x0 : cx} y={y0} width={r} height={2 * r} fill={a1} />;\r\n\r\n    case \"diagonal\":\r\n      return tlbr ? (\r\n        <polygon points={`${x0},${y0} ${x1},${y0} ${x1},${y1}`} fill={a1} />\r\n      ) : (\r\n        <polygon points={`${x0},${y0} ${x0},${y1} ${x1},${y1}`} fill={a1} />\r\n      );\r\n\r\n    case \"cap\":\r\n      return (\r\n        <path d={`M ${x0} ${y0 + r * 0.25} L ${x1} ${y0} L ${x1} ${y0 + r * 0.6} Q ${cx} ${y0 + r * 0.85} ${x0} ${y0 + r * 0.6} Z`} fill={a1} />\r\n      );\r\n\r\n    case \"swoop\":\r\n      return (\r\n        <path d={`M ${x0} ${cy - r * 0.55} Q ${cx} ${cy - r * 1.1} ${x1} ${cy - r * 0.35} L ${x1} ${y1} Q ${cx} ${cy + r * 0.95} ${x0} ${y1} Z`} fill={a1} />\r\n      );\r\n\r\n    case \"crescent\":\r\n      return (\r\n        <>\r\n          <circle cx={left ? cx - r * 0.55 : cx + r * 0.55} cy={cy} r={r * 0.95} fill={a2} />\r\n          <circle cx={left ? cx - r * 0.52 : cx + r * 0.52} cy={cy} r={r * 0.75} fill=\"transparent\" stroke={shade(a2, -0.25)} strokeWidth={r * 0.08} />\r\n        </>\r\n      );\r\n\r\n    case \"band\":\r\n      return horiz ? (\r\n        <rect x={x0} y={cy - r * 0.35} width={2 * r} height={r * 0.5} fill={a1} />\r\n      ) : (\r\n        <rect x={cx - r * 0.35} y={y0} width={r * 0.5} height={2 * r} fill={a1} />\r\n      );\r\n\r\n    case \"corner\":\r\n      return cornerTL ? (\r\n        <polygon points={`${x0},${y0} ${x0 + r * 0.9},${y0} ${x0},${y0 + r * 0.9}`} fill={a1} />\r\n      ) : (\r\n        <polygon points={`${x1},${y0} ${x1 - r * 0.9},${y0} ${x1},${y0 + r * 0.9}`} fill={a1} />\r\n      );\r\n\r\n    case \"ring\":\r\n      return shape === \"circle\" ? (\r\n        <circle cx={cx} cy={cy} r={r * 0.86} fill=\"none\" stroke={a1} strokeWidth={r * 0.18} />\r\n      ) : (\r\n        <rect x={cx - r * 0.86} y={cy - r * 0.86} width={2 * r * 0.86} height={2 * r * 0.86} rx={r * 0.18} fill=\"none\" stroke={a1} strokeWidth={r * 0.18} />\r\n      );\r\n\r\n    case \"arc\":\r\n      return <path d={`M ${x0} ${cy - r * 0.2} A ${r} ${r} 0 0 1 ${x1} ${cy - r * 0.2} L ${x1} ${cy + r * 0.15} A ${r} ${r} 0 0 0 ${x0} ${cy + r * 0.15} Z`} fill={a1} />;\r\n\r\n    case \"wave\":\r\n      return <path d={`M ${x0} ${cy - r * 0.3} C ${cx - r * 0.6} ${cy - r * 0.8}, ${cx - r * 0.2} ${cy + r * 0.1}, ${cx} ${cy} S ${cx + r * 0.6} ${cy + r * 0.8}, ${x1} ${cy + r * 0.3} L ${x1} ${y1} L ${x0} ${y1} Z`} fill={a1} />;\r\n\r\n    // NEW variant: large half/diagonal cut (looks like attached image)\r\n    case \"half\": {\r\n      // choose diag or simple half using rand\r\n      const diag = rand() > 0.4;\r\n      if (diag) {\r\n        // diagonal wedge\r\n        return <polygon points={`${x0},${y0} ${x1},${y0} ${x1},${cy + (left ? r * 0.1 : -r * 0.1)}`} fill={a1} />;\r\n      } else {\r\n        // simple semicircle overlay offset to left/right for crescent effect\r\n        const offset = left ? -r * 0.18 : r * 0.18;\r\n        return <circle cx={cx + offset} cy={cy} r={r * 0.95} fill={a1} />;\r\n      }\r\n    }\r\n\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n//\r\n// Main component\r\n//\r\nexport default function Avatar({\r\n  name,\r\n  size = 128,\r\n  pixelSize = 12,\r\n  mirrored = true,\r\n  bg,\r\n  colors,\r\n  headShape,\r\n  square,\r\n  alignX = \"center\",\r\n  alignY = \"center\",\r\n  padding,\r\n  variant = \"auto\",\r\n  className,\r\n  style,\r\n  title,\r\n}: AvatarProps) {\r\n  const shape: HeadShape = headShape ?? (square ? \"square\" : \"circle\");\r\n  // single RNG for everything derived from seed (deterministic)\r\n  const rand = React.useMemo(() => rngFromSeed(String(name)), [name]);\r\n\r\n  // background and character colors chosen from nice palettes\r\n  const [bg1, bg2] = React.useMemo(() => resolveBg(rand, bg), [rand, bg]);\r\n  const [base, a1, a2] = React.useMemo(() => resolveCharColors(rand, colors), [rand, colors]);\r\n  const faceColor = bestFeatureColor(base);\r\n\r\n  // Pixel grid\r\n  const grid = Math.max(6, Math.floor(size / pixelSize));\r\n  const tile = Math.ceil(size / grid);\r\n\r\n  // geometry/calculations (all derived from rand)\r\n  const autoPad = Math.max(4, Math.round(size * (0.06 + rand() * 0.02)));\r\n  const pad = padding ?? autoPad;\r\n  const baseR = Math.floor(size * (0.36 + rand() * 0.04)); // slight variation\r\n  const maxR = Math.floor(size / 2 - pad);\r\n  const r = Math.max(8, Math.min(baseR, maxR));\r\n\r\n  let cx = size / 2;\r\n  let cy = size / 2;\r\n  if (alignX === \"left\") cx = r + pad;\r\n  if (alignX === \"right\") cx = size - (r + pad);\r\n  if (alignY === \"top\") cy = r + pad;\r\n  if (alignY === \"bottom\") cy = size - (r + pad);\r\n\r\n  // Pixel pattern generation -> uses rand sequentially; deterministic for seed\r\n  const cells: React.ReactElement[] = [];\r\n  const cols = mirrored ? Math.ceil(grid / 2) : grid;\r\n  for (let y = 0; y < grid; y++) {\r\n    for (let x = 0; x < cols; x++) {\r\n      const use = rand() > 0.5;\r\n      const fill = use ? bg1 : bg2;\r\n      const px = x * tile;\r\n      const py = y * tile;\r\n      cells.push(<rect key={`L${x},${y}`} x={px} y={py} width={tile} height={tile} fill={fill} />);\r\n      if (mirrored) {\r\n        const mx = grid - x - 1;\r\n        const mpx = mx * tile;\r\n        cells.push(<rect key={`R${mx},${y}`} x={mpx} y={py} width={tile} height={tile} fill={fill} />);\r\n      }\r\n    }\r\n  }\r\n\r\n  // pick variant deterministically\r\n  const variants: Exclude<Variant, \"auto\">[] = [\"split\", \"swoop\", \"diagonal\", \"cap\", \"crescent\", \"band\", \"corner\", \"ring\", \"arc\", \"wave\", \"plain\", \"half\"];\r\n  const chosenVariant: Exclude<Variant, \"auto\"> = variant === \"auto\" ? pick(rand, variants) : (variant as Exclude<Variant, \"auto\">);\r\n\r\n  // clip path id (stable-ish)\r\n  const clipId = React.useMemo(() => {\r\n    const [a, b, c, d] = cyrb128(`pp-shape-${name}-${shape}-${r}`);\r\n    return `pps-${a.toString(16)}${b.toString(16)}${c.toString(16)}${d.toString(16)}`;\r\n  }, [name, shape, r]);\r\n\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox={`0 0 ${size} ${size}`}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      role=\"img\"\r\n      aria-label={title ?? `Avatar ${name}`}\r\n      className={className}\r\n      style={{ display: \"inline-block\", borderRadius: 12, ...style }}\r\n    >\r\n      {/* background grid */}\r\n      <rect width={size} height={size} fill={bg1} />\r\n      {cells}\r\n\r\n      <defs>\r\n        <clipPath id={clipId}>\r\n          {shape === \"square\" ? (\r\n            <rect x={cx - r} y={cy - r} width={2 * r} height={2 * r} rx={Math.max(4, r * 0.12)} />\r\n          ) : (\r\n            <circle cx={cx} cy={cy} r={r} />\r\n          )}\r\n        </clipPath>\r\n      </defs>\r\n\r\n      {/* head + overlays */}\r\n      <g clipPath={`url(#${clipId})`}>\r\n        {shape === \"square\" ? (\r\n          <rect x={cx - r} y={cy - r} width={2 * r} height={2 * r} rx={Math.max(4, r * 0.12)} fill={base} />\r\n        ) : (\r\n          <circle cx={cx} cy={cy} r={r} fill={base} />\r\n        )}\r\n\r\n        <Overlays cx={cx} cy={cy} r={r} a1={a1} a2={a2} variant={chosenVariant} shape={shape} rand={rand} />\r\n      </g>\r\n\r\n      {/* facial features */}\r\n      <Face cx={cx} cy={cy} r={r} color={faceColor} rand={rand} />\r\n    </svg>\r\n  );\r\n}\r\n"],"mappings":"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","names":["palettes100","base","a1","a2"]}

package/dist/index.mjs

@@ -0,0 +1,256 @@
+// src/Avatar.tsx
+import * as React from "react";
+import palettes100 from "nice-color-palettes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function cyrb128(str) {
+  let h1 = 1779033703, h2 = 3144134277, h3 = 1013904242, h4 = 2773480762;
+  for (let i = 0, k; i < str.length; i++) {
+    k = str.charCodeAt(i);
+    h1 = h2 ^ Math.imul(h1 ^ k, 597399067);
+    h2 = h3 ^ Math.imul(h2 ^ k, 2869860233);
+    h3 = h4 ^ Math.imul(h3 ^ k, 951274213);
+    h4 = h1 ^ Math.imul(h4 ^ k, 2716044179);
+  }
+  h1 = Math.imul(h3 ^ h1 >>> 18, 597399067);
+  h2 = Math.imul(h4 ^ h2 >>> 22, 2869860233);
+  h3 = Math.imul(h1 ^ h3 >>> 17, 951274213);
+  h4 = Math.imul(h2 ^ h4 >>> 19, 2716044179);
+  return [(h1 ^ h2 ^ h3 ^ h4) >>> 0, (h2 ^ h1) >>> 0, (h3 ^ h1) >>> 0, (h4 ^ h1) >>> 0];
+}
+function sfc32(a, b, c, d) {
+  return function() {
+    a >>>= 0;
+    b >>>= 0;
+    c >>>= 0;
+    d >>>= 0;
+    let t = a + b | 0;
+    a = b ^ b >>> 9;
+    b = c + (c << 3) | 0;
+    c = c << 21 | c >>> 11;
+    d = d + 1 | 0;
+    t = t + d | 0;
+    c = c + t | 0;
+    return (t >>> 0) / 4294967296;
+  };
+}
+function rngFromSeed(seed) {
+  const [a, b, c, d] = cyrb128(seed || "pixelpeeps");
+  return sfc32(a, b, c, d);
+}
+function pick(rand, arr) {
+  return arr[Math.floor(rand() * arr.length)];
+}
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const full = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
+  const n = parseInt(full, 16);
+  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+}
+function rgbToHex(r, g, b) {
+  return "#" + [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("");
+}
+function shade(hex, percent) {
+  const { r, g, b } = hexToRgb(hex);
+  const t = percent < 0 ? 0 : 255;
+  const p = Math.abs(percent);
+  return rgbToHex(
+    Math.round((t - r) * p) + r,
+    Math.round((t - g) * p) + g,
+    Math.round((t - b) * p) + b
+  );
+}
+function yiq(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  return (r * 299 + g * 587 + b * 114) / 1e3;
+}
+function bestFeatureColor(base) {
+  return yiq(base) > 150 ? "#111827" : "#ffffff";
+}
+var NICE_PALETTES = palettes100 && Array.isArray(palettes100) ? palettes100 : [
+  // fallback single palette
+  ["#73a9ff", "#fef3c7", "#ffd6a5", "#d4b4ff", "#a7f3d0"]
+];
+function resolveBg(rand, bg) {
+  if (!bg || bg === "random") {
+    return pick(rand, NICE_PALETTES).slice(0, 2);
+  }
+  if (Array.isArray(bg)) return [bg[0], bg[1] ?? bg[0]];
+  return [shade(bg, 0.12), shade(bg, -0.06)];
+}
+function resolveCharColors(rand, colors) {
+  if (!colors || colors === "random") {
+    const pal = pick(rand, NICE_PALETTES);
+    const base2 = pal[0];
+    const a12 = pal[1] ?? shade(base2, 0.25);
+    const a22 = pal[2] ?? shade(base2, -0.2);
+    return [base2, a12, a22];
+  }
+  if (typeof colors === "string") {
+    return [colors, shade(colors, 0.25), shade(colors, -0.2)];
+  }
+  const base = colors[0];
+  const a1 = colors[1] ?? shade(base, 0.25);
+  const a2 = colors[2] ?? shade(base, -0.2);
+  return [base, a1, a2];
+}
+function Face({ cx, cy, r, color, rand }) {
+  const eyeOffsetX = r * (0.34 + rand() * 0.06);
+  const eyeOffsetY = r * (0.2 + rand() * 0.06);
+  const eyeR = Math.max(2, Math.round(r * (0.08 + rand() * 0.02)));
+  const mouthWidth = r * (0.7 + rand() * 0.3);
+  const mouthLift = r * (0.18 + rand() * 0.16);
+  const mouthCurve = (rand() - 0.5) * 0.8;
+  const mouthStroke = Math.max(1, Math.round(r * 0.06));
+  const x0 = cx - mouthWidth / 2;
+  const x1 = cx + mouthWidth / 2;
+  const my = cy + mouthLift;
+  const cxQ = cx;
+  const cyQ = my + r * (-0.25 * mouthCurve - 0.1);
+  const d = `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: cx - eyeOffsetX, cy: cy - eyeOffsetY, r: eyeR, fill: color }),
+    /* @__PURE__ */ jsx("circle", { cx: cx + eyeOffsetX, cy: cy - eyeOffsetY, r: eyeR, fill: color }),
+    /* @__PURE__ */ jsx("path", { d, stroke: color, strokeWidth: mouthStroke, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function Overlays({
+  cx,
+  cy,
+  r,
+  a1,
+  a2,
+  variant,
+  shape,
+  rand
+}) {
+  const x0 = cx - r, y0 = cy - r, x1 = cx + r, y1 = cy + r;
+  const left = rand() > 0.5;
+  const tlbr = rand() > 0.5;
+  const horiz = rand() > 0.5;
+  const cornerTL = rand() > 0.5;
+  switch (variant) {
+    case "plain":
+      return null;
+    case "split":
+      return /* @__PURE__ */ jsx("rect", { x: left ? x0 : cx, y: y0, width: r, height: 2 * r, fill: a1 });
+    case "diagonal":
+      return tlbr ? /* @__PURE__ */ jsx("polygon", { points: `${x0},${y0} ${x1},${y0} ${x1},${y1}`, fill: a1 }) : /* @__PURE__ */ jsx("polygon", { points: `${x0},${y0} ${x0},${y1} ${x1},${y1}`, fill: a1 });
+    case "cap":
+      return /* @__PURE__ */ jsx("path", { d: `M ${x0} ${y0 + r * 0.25} L ${x1} ${y0} L ${x1} ${y0 + r * 0.6} Q ${cx} ${y0 + r * 0.85} ${x0} ${y0 + r * 0.6} Z`, fill: a1 });
+    case "swoop":
+      return /* @__PURE__ */ jsx("path", { d: `M ${x0} ${cy - r * 0.55} Q ${cx} ${cy - r * 1.1} ${x1} ${cy - r * 0.35} L ${x1} ${y1} Q ${cx} ${cy + r * 0.95} ${x0} ${y1} Z`, fill: a1 });
+    case "crescent":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("circle", { cx: left ? cx - r * 0.55 : cx + r * 0.55, cy, r: r * 0.95, fill: a2 }),
+        /* @__PURE__ */ jsx("circle", { cx: left ? cx - r * 0.52 : cx + r * 0.52, cy, r: r * 0.75, fill: "transparent", stroke: shade(a2, -0.25), strokeWidth: r * 0.08 })
+      ] });
+    case "band":
+      return horiz ? /* @__PURE__ */ jsx("rect", { x: x0, y: cy - r * 0.35, width: 2 * r, height: r * 0.5, fill: a1 }) : /* @__PURE__ */ jsx("rect", { x: cx - r * 0.35, y: y0, width: r * 0.5, height: 2 * r, fill: a1 });
+    case "corner":
+      return cornerTL ? /* @__PURE__ */ jsx("polygon", { points: `${x0},${y0} ${x0 + r * 0.9},${y0} ${x0},${y0 + r * 0.9}`, fill: a1 }) : /* @__PURE__ */ jsx("polygon", { points: `${x1},${y0} ${x1 - r * 0.9},${y0} ${x1},${y0 + r * 0.9}`, fill: a1 });
+    case "ring":
+      return shape === "circle" ? /* @__PURE__ */ jsx("circle", { cx, cy, r: r * 0.86, fill: "none", stroke: a1, strokeWidth: r * 0.18 }) : /* @__PURE__ */ jsx("rect", { x: cx - r * 0.86, y: cy - r * 0.86, width: 2 * r * 0.86, height: 2 * r * 0.86, rx: r * 0.18, fill: "none", stroke: a1, strokeWidth: r * 0.18 });
+    case "arc":
+      return /* @__PURE__ */ jsx("path", { d: `M ${x0} ${cy - r * 0.2} A ${r} ${r} 0 0 1 ${x1} ${cy - r * 0.2} L ${x1} ${cy + r * 0.15} A ${r} ${r} 0 0 0 ${x0} ${cy + r * 0.15} Z`, fill: a1 });
+    case "wave":
+      return /* @__PURE__ */ jsx("path", { d: `M ${x0} ${cy - r * 0.3} C ${cx - r * 0.6} ${cy - r * 0.8}, ${cx - r * 0.2} ${cy + r * 0.1}, ${cx} ${cy} S ${cx + r * 0.6} ${cy + r * 0.8}, ${x1} ${cy + r * 0.3} L ${x1} ${y1} L ${x0} ${y1} Z`, fill: a1 });
+    // NEW variant: large half/diagonal cut (looks like attached image)
+    case "half": {
+      const diag = rand() > 0.4;
+      if (diag) {
+        return /* @__PURE__ */ jsx("polygon", { points: `${x0},${y0} ${x1},${y0} ${x1},${cy + (left ? r * 0.1 : -r * 0.1)}`, fill: a1 });
+      } else {
+        const offset = left ? -r * 0.18 : r * 0.18;
+        return /* @__PURE__ */ jsx("circle", { cx: cx + offset, cy, r: r * 0.95, fill: a1 });
+      }
+    }
+    default:
+      return null;
+  }
+}
+function Avatar({
+  name,
+  size = 128,
+  pixelSize = 12,
+  mirrored = true,
+  bg,
+  colors,
+  headShape,
+  square,
+  alignX = "center",
+  alignY = "center",
+  padding,
+  variant = "auto",
+  className,
+  style,
+  title
+}) {
+  const shape = headShape ?? (square ? "square" : "circle");
+  const rand = React.useMemo(() => rngFromSeed(String(name)), [name]);
+  const [bg1, bg2] = React.useMemo(() => resolveBg(rand, bg), [rand, bg]);
+  const [base, a1, a2] = React.useMemo(() => resolveCharColors(rand, colors), [rand, colors]);
+  const faceColor = bestFeatureColor(base);
+  const grid = Math.max(6, Math.floor(size / pixelSize));
+  const tile = Math.ceil(size / grid);
+  const autoPad = Math.max(4, Math.round(size * (0.06 + rand() * 0.02)));
+  const pad = padding ?? autoPad;
+  const baseR = Math.floor(size * (0.36 + rand() * 0.04));
+  const maxR = Math.floor(size / 2 - pad);
+  const r = Math.max(8, Math.min(baseR, maxR));
+  let cx = size / 2;
+  let cy = size / 2;
+  if (alignX === "left") cx = r + pad;
+  if (alignX === "right") cx = size - (r + pad);
+  if (alignY === "top") cy = r + pad;
+  if (alignY === "bottom") cy = size - (r + pad);
+  const cells = [];
+  const cols = mirrored ? Math.ceil(grid / 2) : grid;
+  for (let y = 0; y < grid; y++) {
+    for (let x = 0; x < cols; x++) {
+      const use = rand() > 0.5;
+      const fill = use ? bg1 : bg2;
+      const px = x * tile;
+      const py = y * tile;
+      cells.push(/* @__PURE__ */ jsx("rect", { x: px, y: py, width: tile, height: tile, fill }, `L${x},${y}`));
+      if (mirrored) {
+        const mx = grid - x - 1;
+        const mpx = mx * tile;
+        cells.push(/* @__PURE__ */ jsx("rect", { x: mpx, y: py, width: tile, height: tile, fill }, `R${mx},${y}`));
+      }
+    }
+  }
+  const variants = ["split", "swoop", "diagonal", "cap", "crescent", "band", "corner", "ring", "arc", "wave", "plain", "half"];
+  const chosenVariant = variant === "auto" ? pick(rand, variants) : variant;
+  const clipId = React.useMemo(() => {
+    const [a, b, c, d] = cyrb128(`pp-shape-${name}-${shape}-${r}`);
+    return `pps-${a.toString(16)}${b.toString(16)}${c.toString(16)}${d.toString(16)}`;
+  }, [name, shape, r]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": title ?? `Avatar ${name}`,
+      className,
+      style: { display: "inline-block", borderRadius: 12, ...style },
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: bg1 }),
+        cells,
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipId, children: shape === "square" ? /* @__PURE__ */ jsx("rect", { x: cx - r, y: cy - r, width: 2 * r, height: 2 * r, rx: Math.max(4, r * 0.12) }) : /* @__PURE__ */ jsx("circle", { cx, cy, r }) }) }),
+        /* @__PURE__ */ jsxs("g", { clipPath: `url(#${clipId})`, children: [
+          shape === "square" ? /* @__PURE__ */ jsx("rect", { x: cx - r, y: cy - r, width: 2 * r, height: 2 * r, rx: Math.max(4, r * 0.12), fill: base }) : /* @__PURE__ */ jsx("circle", { cx, cy, r, fill: base }),
+          /* @__PURE__ */ jsx(Overlays, { cx, cy, r, a1, a2, variant: chosenVariant, shape, rand })
+        ] }),
+        /* @__PURE__ */ jsx(Face, { cx, cy, r, color: faceColor, rand })
+      ]
+    }
+  );
+}
+export {
+  Avatar,
+  Avatar as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport palettes100 from \"nice-color-palettes\";\r\nexport type HeadShape = \"circle\" | \"square\";\r\nexport type Variant =\r\n  | \"auto\"\r\n  | \"plain\"\r\n  | \"split\"\r\n  | \"swoop\"\r\n  | \"diagonal\"\r\n  | \"cap\"\r\n  | \"crescent\"\r\n  | \"band\"\r\n  | \"corner\"\r\n  | \"ring\"\r\n  | \"arc\"\r\n  | \"wave\"\r\n  | \"half\"; // <-- new variant\r\nexport type AlignX = \"left\" | \"center\" | \"right\";\r\nexport type AlignY = \"top\" | \"center\" | \"bottom\";\r\n\r\nexport type AvatarProps = {\r\n  name: string;\r\n\r\n  // pixel background\r\n  size?: number;\r\n  pixelSize?: number;\r\n  mirrored?: boolean;\r\n  bg?: [string, string] | string | \"random\";\r\n\r\n  // character controls\r\n  headShape?: HeadShape;\r\n  square?: boolean; // deprecated\r\n  alignX?: AlignX;\r\n  alignY?: AlignY;\r\n  padding?: number;\r\n\r\n  colors?: string | [string, string] | [string, string, string] | \"random\";\r\n  variant?: Variant;\r\n\r\n  // styling/a11y\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  title?: string;\r\n};\r\n\r\n//\r\n// Deterministic RNG (seeded)\r\n//\r\nfunction cyrb128(str: string) {\r\n  let h1 = 1779033703, h2 = 3144134277, h3 = 1013904242, h4 = 2773480762;\r\n  for (let i = 0, k; i < str.length; i++) {\r\n    k = str.charCodeAt(i);\r\n    h1 = h2 ^ Math.imul(h1 ^ k, 597399067);\r\n    h2 = h3 ^ Math.imul(h2 ^ k, 2869860233);\r\n    h3 = h4 ^ Math.imul(h3 ^ k, 951274213);\r\n    h4 = h1 ^ Math.imul(h4 ^ k, 2716044179);\r\n  }\r\n  h1 = Math.imul(h3 ^ (h1 >>> 18), 597399067);\r\n  h2 = Math.imul(h4 ^ (h2 >>> 22), 2869860233);\r\n  h3 = Math.imul(h1 ^ (h3 >>> 17), 951274213);\r\n  h4 = Math.imul(h2 ^ (h4 >>> 19), 2716044179);\r\n  return [(h1 ^ h2 ^ h3 ^ h4) >>> 0, (h2 ^ h1) >>> 0, (h3 ^ h1) >>> 0, (h4 ^ h1) >>> 0];\r\n}\r\nfunction sfc32(a: number, b: number, c: number, d: number) {\r\n  return function () {\r\n    a >>>= 0; b >>>= 0; c >>>= 0; d >>>= 0;\r\n    let t = (a + b) | 0;\r\n    a = b ^ (b >>> 9);\r\n    b = (c + (c << 3)) | 0;\r\n    c = (c << 21) | (c >>> 11);\r\n    d = (d + 1) | 0;\r\n    t = (t + d) | 0;\r\n    c = (c + t) | 0;\r\n    return (t >>> 0) / 4294967296;\r\n  };\r\n}\r\nfunction rngFromSeed(seed: string) {\r\n  const [a, b, c, d] = cyrb128(seed || \"pixelpeeps\");\r\n  return sfc32(a, b, c, d);\r\n}\r\nfunction pick<T>(rand: () => number, arr: T[]) {\r\n  return arr[Math.floor(rand() * arr.length)];\r\n}\r\n\r\n//\r\n// Color helpers\r\n//\r\nfunction hexToRgb(hex: string) {\r\n  const h = hex.replace(\"#\", \"\");\r\n  const full = h.length === 3 ? h.split(\"\").map(c => c + c).join(\"\") : h;\r\n  const n = parseInt(full, 16);\r\n  return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };\r\n}\r\nfunction rgbToHex(r: number, g: number, b: number) {\r\n  return \"#\" + [r, g, b].map(v => v.toString(16).padStart(2, \"0\")).join(\"\");\r\n}\r\nfunction shade(hex: string, percent: number) {\r\n  const { r, g, b } = hexToRgb(hex);\r\n  const t = percent < 0 ? 0 : 255;\r\n  const p = Math.abs(percent);\r\n  return rgbToHex(\r\n    Math.round((t - r) * p) + r,\r\n    Math.round((t - g) * p) + g,\r\n    Math.round((t - b) * p) + b\r\n  );\r\n}\r\nfunction yiq(hex: string) {\r\n  const { r, g, b } = hexToRgb(hex);\r\n  return (r * 299 + g * 587 + b * 114) / 1000;\r\n}\r\nfunction bestFeatureColor(base: string) {\r\n  return yiq(base) > 150 ? \"#111827\" : \"#ffffff\";\r\n}\r\n\r\n//\r\n// Palettes: use nice-color-palettes (top 100)\r\n//\r\nconst NICE_PALETTES: string[][] = (palettes100 && Array.isArray(palettes100)) ? palettes100 as string[][] : [\r\n  // fallback single palette\r\n  [\"#73a9ff\", \"#fef3c7\", \"#ffd6a5\", \"#d4b4ff\", \"#a7f3d0\"]\r\n];\r\n\r\nfunction resolveBg(rand: () => number, bg?: AvatarProps[\"bg\"]): [string, string] {\r\n  if (!bg || bg === \"random\") {\r\n    return pick(rand, NICE_PALETTES).slice(0, 2) as [string, string];\r\n  }\r\n  if (Array.isArray(bg)) return [bg[0], bg[1] ?? bg[0]];\r\n  // single hex -> auto shade pair\r\n  return [shade(bg, 0.12), shade(bg, -0.06)];\r\n}\r\nfunction resolveCharColors(rand: () => number, colors?: AvatarProps[\"colors\"]): [string, string, string] {\r\n  if (!colors || colors === \"random\") {\r\n    const pal = pick(rand, NICE_PALETTES);\r\n    const base = pal[0];\r\n    const a1 = pal[1] ?? shade(base, 0.25);\r\n    const a2 = pal[2] ?? shade(base, -0.2);\r\n    return [base, a1, a2];\r\n  }\r\n  if (typeof colors === \"string\") {\r\n    return [colors, shade(colors, 0.25), shade(colors, -0.2)];\r\n  }\r\n  const base = (colors as string[])[0];\r\n  const a1 = (colors as string[])[1] ?? shade(base, 0.25);\r\n  const a2 = (colors as string[])[2] ?? shade(base, -0.2);\r\n  return [base, a1, a2];\r\n}\r\n\r\n//\r\n// Small face subcomponent: parametric mouth (fixed nice curve)\r\n//\r\nfunction Face({ cx, cy, r, color, rand }: { cx: number; cy: number; r: number; color: string; rand: () => number }) {\r\n  const eyeOffsetX = r * (0.34 + rand() * 0.06); // small variation from seed\r\n  const eyeOffsetY = r * (0.20 + rand() * 0.06);\r\n  const eyeR = Math.max(2, Math.round(r * (0.08 + rand() * 0.02)));\r\n  // Parametric mouth values from seed:\r\n  const mouthWidth = r * (0.7 + rand() * 0.3); // 70-100%\r\n  const mouthLift = r * (0.18 + rand() * 0.16); // 18-34%\r\n  const mouthCurve = (rand() - 0.5) * 0.8; // -0.4..0.4 adjusts curvature (smile vs big smile)\r\n  const mouthStroke = Math.max(1, Math.round(r * 0.06));\r\n\r\n  // compute coordinates\r\n  const x0 = cx - mouthWidth / 2;\r\n  const x1 = cx + mouthWidth / 2;\r\n  const my = cy + mouthLift;\r\n\r\n  // quadratic control point to make a smooth curve (smile)\r\n  const cxQ = cx;\r\n  const cyQ = my + r * (-0.25 * mouthCurve - 0.1); // move control up or down by mouthCurve\r\n\r\n  const d = `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;\r\n\r\n  return (\r\n    <>\r\n      <circle cx={cx - eyeOffsetX} cy={cy - eyeOffsetY} r={eyeR} fill={color} />\r\n      <circle cx={cx + eyeOffsetX} cy={cy - eyeOffsetY} r={eyeR} fill={color} />\r\n      <path d={d} stroke={color} strokeWidth={mouthStroke} fill=\"none\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </>\r\n  );\r\n}\r\n\r\n//\r\n// Overlays (variants) including new `half` variant\r\n//\r\nfunction Overlays({\r\n  cx, cy, r, a1, a2, variant, shape, rand\r\n}: {\r\n  cx: number; cy: number; r: number;\r\n  a1: string; a2: string;\r\n  variant: Exclude<Variant, \"auto\">;\r\n  shape: HeadShape;\r\n  rand: () => number;\r\n}) {\r\n  const x0 = cx - r, y0 = cy - r, x1 = cx + r, y1 = cy + r;\r\n\r\n  // deterministic options\r\n  const left = rand() > 0.5;\r\n  const tlbr = rand() > 0.5;\r\n  const horiz = rand() > 0.5;\r\n  const cornerTL = rand() > 0.5;\r\n\r\n  switch (variant) {\r\n    case \"plain\": return null;\r\n\r\n    case \"split\":\r\n      return <rect x={left ? x0 : cx} y={y0} width={r} height={2 * r} fill={a1} />;\r\n\r\n    case \"diagonal\":\r\n      return tlbr ? (\r\n        <polygon points={`${x0},${y0} ${x1},${y0} ${x1},${y1}`} fill={a1} />\r\n      ) : (\r\n        <polygon points={`${x0},${y0} ${x0},${y1} ${x1},${y1}`} fill={a1} />\r\n      );\r\n\r\n    case \"cap\":\r\n      return (\r\n        <path d={`M ${x0} ${y0 + r * 0.25} L ${x1} ${y0} L ${x1} ${y0 + r * 0.6} Q ${cx} ${y0 + r * 0.85} ${x0} ${y0 + r * 0.6} Z`} fill={a1} />\r\n      );\r\n\r\n    case \"swoop\":\r\n      return (\r\n        <path d={`M ${x0} ${cy - r * 0.55} Q ${cx} ${cy - r * 1.1} ${x1} ${cy - r * 0.35} L ${x1} ${y1} Q ${cx} ${cy + r * 0.95} ${x0} ${y1} Z`} fill={a1} />\r\n      );\r\n\r\n    case \"crescent\":\r\n      return (\r\n        <>\r\n          <circle cx={left ? cx - r * 0.55 : cx + r * 0.55} cy={cy} r={r * 0.95} fill={a2} />\r\n          <circle cx={left ? cx - r * 0.52 : cx + r * 0.52} cy={cy} r={r * 0.75} fill=\"transparent\" stroke={shade(a2, -0.25)} strokeWidth={r * 0.08} />\r\n        </>\r\n      );\r\n\r\n    case \"band\":\r\n      return horiz ? (\r\n        <rect x={x0} y={cy - r * 0.35} width={2 * r} height={r * 0.5} fill={a1} />\r\n      ) : (\r\n        <rect x={cx - r * 0.35} y={y0} width={r * 0.5} height={2 * r} fill={a1} />\r\n      );\r\n\r\n    case \"corner\":\r\n      return cornerTL ? (\r\n        <polygon points={`${x0},${y0} ${x0 + r * 0.9},${y0} ${x0},${y0 + r * 0.9}`} fill={a1} />\r\n      ) : (\r\n        <polygon points={`${x1},${y0} ${x1 - r * 0.9},${y0} ${x1},${y0 + r * 0.9}`} fill={a1} />\r\n      );\r\n\r\n    case \"ring\":\r\n      return shape === \"circle\" ? (\r\n        <circle cx={cx} cy={cy} r={r * 0.86} fill=\"none\" stroke={a1} strokeWidth={r * 0.18} />\r\n      ) : (\r\n        <rect x={cx - r * 0.86} y={cy - r * 0.86} width={2 * r * 0.86} height={2 * r * 0.86} rx={r * 0.18} fill=\"none\" stroke={a1} strokeWidth={r * 0.18} />\r\n      );\r\n\r\n    case \"arc\":\r\n      return <path d={`M ${x0} ${cy - r * 0.2} A ${r} ${r} 0 0 1 ${x1} ${cy - r * 0.2} L ${x1} ${cy + r * 0.15} A ${r} ${r} 0 0 0 ${x0} ${cy + r * 0.15} Z`} fill={a1} />;\r\n\r\n    case \"wave\":\r\n      return <path d={`M ${x0} ${cy - r * 0.3} C ${cx - r * 0.6} ${cy - r * 0.8}, ${cx - r * 0.2} ${cy + r * 0.1}, ${cx} ${cy} S ${cx + r * 0.6} ${cy + r * 0.8}, ${x1} ${cy + r * 0.3} L ${x1} ${y1} L ${x0} ${y1} Z`} fill={a1} />;\r\n\r\n    // NEW variant: large half/diagonal cut (looks like attached image)\r\n    case \"half\": {\r\n      // choose diag or simple half using rand\r\n      const diag = rand() > 0.4;\r\n      if (diag) {\r\n        // diagonal wedge\r\n        return <polygon points={`${x0},${y0} ${x1},${y0} ${x1},${cy + (left ? r * 0.1 : -r * 0.1)}`} fill={a1} />;\r\n      } else {\r\n        // simple semicircle overlay offset to left/right for crescent effect\r\n        const offset = left ? -r * 0.18 : r * 0.18;\r\n        return <circle cx={cx + offset} cy={cy} r={r * 0.95} fill={a1} />;\r\n      }\r\n    }\r\n\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n//\r\n// Main component\r\n//\r\nexport default function Avatar({\r\n  name,\r\n  size = 128,\r\n  pixelSize = 12,\r\n  mirrored = true,\r\n  bg,\r\n  colors,\r\n  headShape,\r\n  square,\r\n  alignX = \"center\",\r\n  alignY = \"center\",\r\n  padding,\r\n  variant = \"auto\",\r\n  className,\r\n  style,\r\n  title,\r\n}: AvatarProps) {\r\n  const shape: HeadShape = headShape ?? (square ? \"square\" : \"circle\");\r\n  // single RNG for everything derived from seed (deterministic)\r\n  const rand = React.useMemo(() => rngFromSeed(String(name)), [name]);\r\n\r\n  // background and character colors chosen from nice palettes\r\n  const [bg1, bg2] = React.useMemo(() => resolveBg(rand, bg), [rand, bg]);\r\n  const [base, a1, a2] = React.useMemo(() => resolveCharColors(rand, colors), [rand, colors]);\r\n  const faceColor = bestFeatureColor(base);\r\n\r\n  // Pixel grid\r\n  const grid = Math.max(6, Math.floor(size / pixelSize));\r\n  const tile = Math.ceil(size / grid);\r\n\r\n  // geometry/calculations (all derived from rand)\r\n  const autoPad = Math.max(4, Math.round(size * (0.06 + rand() * 0.02)));\r\n  const pad = padding ?? autoPad;\r\n  const baseR = Math.floor(size * (0.36 + rand() * 0.04)); // slight variation\r\n  const maxR = Math.floor(size / 2 - pad);\r\n  const r = Math.max(8, Math.min(baseR, maxR));\r\n\r\n  let cx = size / 2;\r\n  let cy = size / 2;\r\n  if (alignX === \"left\") cx = r + pad;\r\n  if (alignX === \"right\") cx = size - (r + pad);\r\n  if (alignY === \"top\") cy = r + pad;\r\n  if (alignY === \"bottom\") cy = size - (r + pad);\r\n\r\n  // Pixel pattern generation -> uses rand sequentially; deterministic for seed\r\n  const cells: React.ReactElement[] = [];\r\n  const cols = mirrored ? Math.ceil(grid / 2) : grid;\r\n  for (let y = 0; y < grid; y++) {\r\n    for (let x = 0; x < cols; x++) {\r\n      const use = rand() > 0.5;\r\n      const fill = use ? bg1 : bg2;\r\n      const px = x * tile;\r\n      const py = y * tile;\r\n      cells.push(<rect key={`L${x},${y}`} x={px} y={py} width={tile} height={tile} fill={fill} />);\r\n      if (mirrored) {\r\n        const mx = grid - x - 1;\r\n        const mpx = mx * tile;\r\n        cells.push(<rect key={`R${mx},${y}`} x={mpx} y={py} width={tile} height={tile} fill={fill} />);\r\n      }\r\n    }\r\n  }\r\n\r\n  // pick variant deterministically\r\n  const variants: Exclude<Variant, \"auto\">[] = [\"split\", \"swoop\", \"diagonal\", \"cap\", \"crescent\", \"band\", \"corner\", \"ring\", \"arc\", \"wave\", \"plain\", \"half\"];\r\n  const chosenVariant: Exclude<Variant, \"auto\"> = variant === \"auto\" ? pick(rand, variants) : (variant as Exclude<Variant, \"auto\">);\r\n\r\n  // clip path id (stable-ish)\r\n  const clipId = React.useMemo(() => {\r\n    const [a, b, c, d] = cyrb128(`pp-shape-${name}-${shape}-${r}`);\r\n    return `pps-${a.toString(16)}${b.toString(16)}${c.toString(16)}${d.toString(16)}`;\r\n  }, [name, shape, r]);\r\n\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox={`0 0 ${size} ${size}`}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      role=\"img\"\r\n      aria-label={title ?? `Avatar ${name}`}\r\n      className={className}\r\n      style={{ display: \"inline-block\", borderRadius: 12, ...style }}\r\n    >\r\n      {/* background grid */}\r\n      <rect width={size} height={size} fill={bg1} />\r\n      {cells}\r\n\r\n      <defs>\r\n        <clipPath id={clipId}>\r\n          {shape === \"square\" ? (\r\n            <rect x={cx - r} y={cy - r} width={2 * r} height={2 * r} rx={Math.max(4, r * 0.12)} />\r\n          ) : (\r\n            <circle cx={cx} cy={cy} r={r} />\r\n          )}\r\n        </clipPath>\r\n      </defs>\r\n\r\n      {/* head + overlays */}\r\n      <g clipPath={`url(#${clipId})`}>\r\n        {shape === \"square\" ? (\r\n          <rect x={cx - r} y={cy - r} width={2 * r} height={2 * r} rx={Math.max(4, r * 0.12)} fill={base} />\r\n        ) : (\r\n          <circle cx={cx} cy={cy} r={r} fill={base} />\r\n        )}\r\n\r\n        <Overlays cx={cx} cy={cy} r={r} a1={a1} a2={a2} variant={chosenVariant} shape={shape} rand={rand} />\r\n      </g>\r\n\r\n      {/* facial features */}\r\n      <Face cx={cx} cy={cy} r={r} color={faceColor} rand={rand} />\r\n    </svg>\r\n  );\r\n}\r\n"],"mappings":"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","names":["base","a1","a2"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "pixelpeeps",
+  "version": "1.0.0",
+  "description": "Deterministic, cute pixel avatars for React. Zero deps. SVG output.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "avatar",
+    "pixel",
+    "react",
+    "svg",
+    "deterministic"
+  ],
+  "author": "Charith Pramodya Senanayake (@TheCHARITH)",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "dependencies": {
+    "nice-color-palettes": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  }
+}