pixelpeeps 1.0.1 → 1.0.3

package/dist/index.d.mts

@@ -11,14 +11,7 @@ type FaceProps = {
     r: number;
     color: string;
     eyeShape?: "circle" | "ellipse" | "line" | "wink" | "sleepy" | "surprised" | "random";
-    mouthShape?: "smile" | "frown" | "flat" | "zigzag" | "open" | "random";
-    glasses?: "none" | "round" | "square" | "random";
-    eyebrows?: boolean | "random";
-    blush?: boolean | "random";
-    freckles?: boolean | "random";
-    ears?: boolean | "random";
-    hat?: "none" | "beanie" | "cap" | "random";
-    outline?: boolean;
+    mouthShape?: "smile" | "frown" | "flat" | "zigzag" | "random";
     pupilColor?: string | "auto";
     eyeShine?: boolean | "random";
     rand: () => number;
@@ -30,7 +23,6 @@ type AvatarProps = {
     mirrored?: boolean;
     bg?: [string, string] | string | "random";
     headShape?: HeadShape;
-    square?: boolean;
     alignX?: AlignX;
     alignY?: AlignY;
     padding?: number;
@@ -38,19 +30,12 @@ type AvatarProps = {
     variant?: Variant;
     eyeShape?: FaceProps["eyeShape"];
     mouthShape?: FaceProps["mouthShape"];
-    glasses?: FaceProps["glasses"];
-    eyebrows?: FaceProps["eyebrows"];
-    blush?: FaceProps["blush"];
-    freckles?: FaceProps["freckles"];
-    ears?: FaceProps["ears"];
-    hat?: FaceProps["hat"];
-    outline?: boolean;
     pupilColor?: string | "auto";
     eyeShine?: boolean;
     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, eyeShape, mouthShape, glasses, eyebrows, blush, freckles, ears, hat, outline, pupilColor, eyeShine, }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ name, size, bg, colors }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 export { Avatar, Avatar as default };

package/dist/index.d.ts

@@ -11,14 +11,7 @@ type FaceProps = {
     r: number;
     color: string;
     eyeShape?: "circle" | "ellipse" | "line" | "wink" | "sleepy" | "surprised" | "random";
-    mouthShape?: "smile" | "frown" | "flat" | "zigzag" | "open" | "random";
-    glasses?: "none" | "round" | "square" | "random";
-    eyebrows?: boolean | "random";
-    blush?: boolean | "random";
-    freckles?: boolean | "random";
-    ears?: boolean | "random";
-    hat?: "none" | "beanie" | "cap" | "random";
-    outline?: boolean;
+    mouthShape?: "smile" | "frown" | "flat" | "zigzag" | "random";
     pupilColor?: string | "auto";
     eyeShine?: boolean | "random";
     rand: () => number;
@@ -30,7 +23,6 @@ type AvatarProps = {
     mirrored?: boolean;
     bg?: [string, string] | string | "random";
     headShape?: HeadShape;
-    square?: boolean;
     alignX?: AlignX;
     alignY?: AlignY;
     padding?: number;
@@ -38,19 +30,12 @@ type AvatarProps = {
     variant?: Variant;
     eyeShape?: FaceProps["eyeShape"];
     mouthShape?: FaceProps["mouthShape"];
-    glasses?: FaceProps["glasses"];
-    eyebrows?: FaceProps["eyebrows"];
-    blush?: FaceProps["blush"];
-    freckles?: FaceProps["freckles"];
-    ears?: FaceProps["ears"];
-    hat?: FaceProps["hat"];
-    outline?: boolean;
     pupilColor?: string | "auto";
     eyeShine?: boolean;
     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, eyeShape, mouthShape, glasses, eyebrows, blush, freckles, ears, hat, outline, pupilColor, eyeShine, }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ name, size, bg, colors }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 export { Avatar, Avatar as default };

package/dist/index.js

@@ -35,7 +35,6 @@ __export(index_exports, {
 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) {
@@ -99,9 +98,6 @@ 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 : [["#73a9ff", "#fef3c7", "#ffd6a5", "#d4b4ff", "#a7f3d0"]];
 function resolveBg(rand, bg) {
   if (!bg || bg === "random") {
@@ -133,13 +129,6 @@ function Face({
   color,
   eyeShape: eyeShapeProp,
   mouthShape: mouthShapeProp,
-  glasses: glassesProp,
-  eyebrows: eyebrowsProp,
-  blush: blushProp,
-  freckles: frecklesProp,
-  ears: earsProp,
-  hat: hatProp,
-  outline,
   pupilColor,
   eyeShine: eyeShineProp,
   rand
@@ -149,387 +138,77 @@ function Face({
     return prop;
   };
   const eyeShape = decide(eyeShapeProp ?? "random", ["circle", "ellipse", "line", "wink", "sleepy", "surprised"]);
-  const mouthShape = decide(mouthShapeProp ?? "random", ["smile", "frown", "flat", "zigzag", "open"]);
-  const glasses = decide(glassesProp ?? "random", ["none", "round", "square"]);
-  const eyebrows = decide(eyebrowsProp ?? "random", [true, false]);
-  const blush = decide(blushProp ?? "random", [true, false]);
-  const freckles = decide(frecklesProp ?? "random", [true, false]);
-  const ears = decide(earsProp ?? "random", [true, false]);
-  const hat = decide(hatProp ?? "random", ["none", "beanie", "cap"]);
+  const mouthShape = decide(mouthShapeProp ?? "random", ["smile", "frown", "flat", "zigzag"]);
   const eyeShine = decide(eyeShineProp ?? "random", [true, false]);
-  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 pupilR = Math.max(1, Math.round(eyeR * (0.45 + rand() * 0.25)));
-  const mouthWidth = r * (0.7 + rand() * 0.3);
-  const mouthLift = r * (0.18 + rand() * 0.16);
+  const eyeOffsetX = r * 0.36;
+  const eyeOffsetY = r * 0.22;
+  const eyeR = Math.max(2, r * 0.08);
+  const pupilR = eyeR * 0.5;
+  const mouthWidth = r * 0.7;
+  const mouthLift = r * 0.2;
   const mouthStroke = Math.max(1, Math.round(r * 0.06));
-  let finalPupilColor = "#111827";
-  if (pupilColor && pupilColor !== "auto") finalPupilColor = pupilColor;
-  else finalPupilColor = yiq(color) > 150 ? "#111827" : "#ffffff";
+  const finalPupilColor = pupilColor && pupilColor !== "auto" ? pupilColor : yiq(color) > 150 ? "#111827" : "#ffffff";
   const x0 = cx - mouthWidth / 2;
   const x1 = cx + mouthWidth / 2;
   const my = cy + mouthLift;
-  const browY = cy - eyeOffsetY - eyeR * 1.6;
-  const browLen = eyeR * 2.2;
-  const mouthPathSmile = (() => {
-    const mouthCurve = (rand() - 0.5) * 0.8;
-    const cxQ = cx;
-    const cyQ = my + r * (-0.25 * mouthCurve - 0.1);
-    return `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;
-  })();
-  const mouthPathFrown = (() => {
-    const mouthCurve = (rand() - 0.5) * 0.8;
-    const cxQ = cx;
-    const cyQ = my + r * (0.25 * mouthCurve + 0.08);
-    return `M ${x0} ${my} Q ${cxQ} ${cyQ} ${x1} ${my}`;
-  })();
-  const mouthPathZigzag = (() => {
-    const segs = 6;
-    const step = mouthWidth / (segs - 1);
-    let d = `M ${x0} ${my}`;
-    for (let i = 1; i < segs; i++) {
-      const px = x0 + step * i;
-      const py = my + (i % 2 === 0 ? -r * 0.08 : r * 0.08);
-      d += ` L ${px} ${py}`;
-    }
-    return d;
-  })();
-  const mouthOpen = (() => {
-    const w = mouthWidth;
-    const h = r * 0.26;
-    const rx = w / 2;
-    const ry = h / 2;
-    return { rx, ry, cy: my + ry * 0.25 };
-  })();
-  const frecklesCoords = [
-    { x: cx - eyeOffsetX * 1.1, y: cy + eyeOffsetY * 0.4 },
-    { x: cx - eyeOffsetX * 0.6, y: cy + eyeOffsetY * 0.6 },
-    { x: cx + eyeOffsetX * 1.1, y: cy + eyeOffsetY * 0.4 },
-    { x: cx + eyeOffsetX * 0.6, y: cy + eyeOffsetY * 0.6 }
-  ];
-  const eyes = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    (() => {
-      const ex = cx - eyeOffsetX;
-      const ey = cy - eyeOffsetY;
-      switch (eyeShape) {
-        case "ellipse":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.1, ry: eyeR * 0.7, fill: color }, "le");
-        case "line":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ex - eyeR, y1: ey, x2: ex + eyeR, y2: ey, stroke: color, strokeWidth: Math.max(1, Math.round(eyeR * 0.4)), strokeLinecap: "round" }, "ll");
-        case "wink":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ex - eyeR, y1: ey, x2: ex + eyeR, y2: ey, stroke: color, strokeWidth: Math.max(1, Math.round(eyeR * 0.4)), strokeLinecap: "round" }, "lw");
-        case "sleepy":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.05, ry: eyeR * 0.45, fill: color }, "ls") });
-        case "surprised":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR * 1.1, fill: color }, "lsp");
-        default:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR, fill: color }, "lc");
-      }
-    })(),
-    (() => {
-      const ex = cx - eyeOffsetX;
-      const ey = cy - eyeOffsetY;
-      if (eyeShape === "line" || eyeShape === "wink") return null;
-      if (eyeShape === "sleepy") {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: Math.max(1, pupilR * 0.6), fill: finalPupilColor }, "lps");
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: pupilR, fill: finalPupilColor }, "lp"),
-        eyeShine ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex - pupilR * 0.4, cy: ey - pupilR * 0.6, r: Math.max(0.6, pupilR * 0.35), fill: "#ffffff", opacity: 0.8 }, "lshine") : null
-      ] });
-    })(),
-    (() => {
-      const ex = cx + eyeOffsetX;
-      const ey = cy - eyeOffsetY;
-      switch (eyeShape) {
-        case "ellipse":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.1, ry: eyeR * 0.7, fill: color }, "re");
-        case "line":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ex - eyeR, y1: ey, x2: ex + eyeR, y2: ey, stroke: color, strokeWidth: Math.max(1, Math.round(eyeR * 0.4)), strokeLinecap: "round" }, "rl");
-        case "wink":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR, fill: color }, "rw");
-        case "sleepy":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.05, ry: eyeR * 0.45, fill: color }, "rs");
-        case "surprised":
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR * 1.1, fill: color }, "rsp");
-        default:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR, fill: color }, "rc");
+  const mouthPaths = {
+    smile: `M ${x0} ${my} Q ${cx} ${my - r * 0.2} ${x1} ${my}`,
+    frown: `M ${x0} ${my} Q ${cx} ${my + r * 0.2} ${x1} ${my}`,
+    flat: `M ${x0} ${my} L ${x1} ${my}`,
+    zigzag: (() => {
+      const segs = 6;
+      const step = mouthWidth / (segs - 1);
+      let d = `M ${x0} ${my}`;
+      for (let i = 1; i < segs; i++) {
+        const px = x0 + step * i;
+        const py = my + (i % 2 === 0 ? -r * 0.08 : r * 0.08);
+        d += ` L ${px} ${py}`;
       }
-    })(),
-    (() => {
-      const ex = cx + eyeOffsetX;
-      const ey = cy - eyeOffsetY;
-      if (eyeShape === "line" || eyeShape === "wink" && rand() > 0.2) {
-        if (eyeShape === "line") return null;
-      }
-      if (eyeShape === "sleepy") {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: Math.max(1, pupilR * 0.6), fill: finalPupilColor }, "rps");
-      }
-      if (eyeShape === "wink") {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: pupilR, fill: finalPupilColor }, "rp"),
-          eyeShine ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex - pupilR * 0.4, cy: ey - pupilR * 0.6, r: Math.max(0.6, pupilR * 0.35), fill: "#ffffff", opacity: 0.8 }, "rshine") : null
-        ] });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: pupilR, fill: finalPupilColor }, "rp"),
-        eyeShine ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex - pupilR * 0.4, cy: ey - pupilR * 0.6, r: Math.max(0.6, pupilR * 0.35), fill: "#ffffff", opacity: 0.8 }, "rshine2") : null
-      ] });
+      return d;
     })()
-  ] });
-  const brows = eyebrows ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${cx - eyeOffsetX - browLen / 2} ${browY} Q ${cx - eyeOffsetX} ${browY - eyeR * 0.4} ${cx - eyeOffsetX + browLen / 2} ${browY}`, stroke: color, strokeWidth: Math.max(1, Math.round(eyeR * 0.25)), strokeLinecap: "round", fill: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${cx + eyeOffsetX - browLen / 2} ${browY} Q ${cx + eyeOffsetX} ${browY - eyeR * 0.4} ${cx + eyeOffsetX + browLen / 2} ${browY}`, stroke: color, strokeWidth: Math.max(1, Math.round(eyeR * 0.25)), strokeLinecap: "round", fill: "none" })
-  ] }) : null;
-  const glassesEl = (() => {
-    if (glasses === "none") return null;
-    const gx = eyeOffsetX;
-    const gy = cy - eyeOffsetY;
-    const frameW = eyeR * 2.4;
-    const frameH = eyeR * 1.6;
-    const bridgeW = eyeR * 0.6;
-    if (glasses === "round") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx - gx, cy: gy, r: frameW / 2, fill: "transparent", stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.35)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + gx, cy: gy, r: frameW / 2, fill: "transparent", stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.35)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: cx - bridgeW / 2, y1: gy, x2: cx + bridgeW / 2, y2: gy, stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.25)), strokeLinecap: "round" })
-      ] });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - gx - frameW / 2, y: gy - frameH / 2, width: frameW, height: frameH, rx: Math.max(1, eyeR * 0.25), fill: "transparent", stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.35)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx + gx - frameW / 2, y: gy - frameH / 2, width: frameW, height: frameH, rx: Math.max(1, eyeR * 0.25), fill: "transparent", stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.35)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: cx - bridgeW / 2, y1: gy, x2: cx + bridgeW / 2, y2: gy, stroke: finalPupilColor, strokeWidth: Math.max(1, Math.round(eyeR * 0.25)), strokeLinecap: "round" })
-    ] });
-  })();
-  const mouth = (() => {
-    switch (mouthShape) {
-      case "frown":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: mouthPathFrown, stroke: color, strokeWidth: mouthStroke, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" });
-      case "flat":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: x0, y1: my, x2: x1, y2: my, stroke: color, strokeWidth: Math.max(1, Math.round(mouthStroke * 0.9)), strokeLinecap: "round" });
-      case "zigzag":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: mouthPathZigzag, stroke: color, strokeWidth: Math.max(1, Math.round(mouthStroke * 0.9)), fill: "none", strokeLinecap: "round", strokeLinejoin: "round" });
-      case "open":
-        const open = mouthOpen;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx, cy: open.cy, rx: open.rx, ry: open.ry, fill: shade(color, -0.6) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx, cy: open.cy, rx: open.rx, ry: open.ry, fill: "none", stroke: color, strokeWidth: Math.max(1, Math.round(mouthStroke * 0.5)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx - open.rx * 0.6, y: open.cy, width: open.rx * 1.2, height: Math.max(1, open.ry * 0.25), rx: 1, fill: shade(color, -0.2) })
-        ] });
+  };
+  const drawEye = (ex, ey, key) => {
+    switch (eyeShape) {
+      case "ellipse":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.1, ry: eyeR * 0.7, fill: color }, key);
+      case "line":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ex - eyeR, y1: ey, x2: ex + eyeR, y2: ey, stroke: color, strokeWidth: eyeR * 0.5, strokeLinecap: "round" }, key);
+      case "wink":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ex - eyeR, y1: ey, x2: ex + eyeR, y2: ey, stroke: color, strokeWidth: eyeR * 0.5, strokeLinecap: "round" }, key);
+      case "sleepy":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", { cx: ex, cy: ey, rx: eyeR * 1.05, ry: eyeR * 0.45, fill: color }, key);
+      case "surprised":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR * 1.1, fill: color }, key);
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: mouthPathSmile, stroke: color, strokeWidth: mouthStroke, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: ex, cy: ey, r: eyeR, fill: color }, key);
     }
-  })();
-  const blushEl = blush ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx - eyeOffsetX * 0.9, cy: cy + eyeOffsetY * 0.6, r: Math.max(3, r * 0.12), fill: shade(color, -0.5), opacity: 0.16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + eyeOffsetX * 0.9, cy: cy + eyeOffsetY * 0.6, r: Math.max(3, r * 0.12), fill: shade(color, -0.5), opacity: 0.16 })
-  ] }) : null;
-  const frecklesEl = freckles ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: frecklesCoords.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: f.x, cy: f.y, r: Math.max(0.8, r * 0.03 * (0.8 + i % 3 * 0.2)), fill: shade(color, -0.6), opacity: 0.9 }, `f${i}`)) }) : null;
-  const earsEl = ears ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx - r - r * 0.12, cy, r: r * 0.18, fill: color }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + r + r * 0.12, cy, r: r * 0.18, fill: color })
+  };
+  const leftEye = drawEye(cx - eyeOffsetX, cy - eyeOffsetY, "le");
+  const rightEye = drawEye(cx + eyeOffsetX, cy - eyeOffsetY, "re");
+  const pupils = /* @__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: pupilR, fill: finalPupilColor }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + eyeOffsetX, cy: cy - eyeOffsetY, r: pupilR, fill: finalPupilColor })
+  ] });
+  const shine = eyeShine ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx - eyeOffsetX - pupilR * 0.4, cy: cy - eyeOffsetY - pupilR * 0.6, r: pupilR * 0.3, fill: "#fff", opacity: 0.8 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: cx + eyeOffsetX - pupilR * 0.4, cy: cy - eyeOffsetY - pupilR * 0.6, r: pupilR * 0.3, fill: "#fff", opacity: 0.8 })
   ] }) : null;
-  const hatEl = (() => {
-    if (hat === "none") return null;
-    if (hat === "beanie") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${cx - r} ${cy - r * 0.55} Q ${cx} ${cy - r * 1.02} ${cx + r} ${cy - r * 0.55} L ${cx + r} ${cy - r * 0.85} L ${cx - r} ${cy - r * 0.85} Z`, fill: shade(color, 0.06), opacity: 0.98 });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${cx - r * 0.75} ${cy - r * 0.6} Q ${cx} ${cy - r * 0.95} ${cx + r * 0.75} ${cy - r * 0.6} L ${cx + r * 0.75} ${cy - r * 0.9} L ${cx - r * 0.75} ${cy - r * 0.9} Z`, fill: shade(color, 0.06) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${cx - r * 0.6} ${cy - r * 0.3} Q ${cx} ${cy - r * 0.05} ${cx + r * 0.6} ${cy - r * 0.3} L ${cx + r * 0.6} ${cy - r * 0.15} Q ${cx} ${cy - r * 0.02} ${cx - r * 0.6} ${cy - r * 0.15} Z`, fill: shade(color, -0.08) })
-    ] });
-  })();
-  const outlineStroke = outline ? { stroke: shade(color, -0.24), strokeWidth: Math.max(1, Math.round(r * 0.06)) } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    earsEl,
-    hatEl,
-    blushEl,
-    frecklesEl,
-    brows,
-    eyes,
-    glassesEl,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: mouth })
+  const mouth = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: mouthPaths[mouthShape], stroke: color, strokeWidth: mouthStroke, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    leftEye,
+    rightEye,
+    pupils,
+    shine,
+    mouth
   ] });
 }
-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 });
-    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,
-  // new feature props (pass these to control face features)
-  eyeShape,
-  mouthShape,
-  glasses,
-  eyebrows,
-  blush,
-  freckles,
-  ears,
-  hat,
-  outline = false,
-  pupilColor,
-  eyeShine
-}) {
-  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]);
-  const headStrokeProps = outline ? { stroke: shade(base, -0.25), strokeWidth: Math.max(1, Math.round(r * 0.06)) } : {};
-  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,
-              ...outline ? { stroke: shade(base, -0.25), strokeWidth: Math.max(1, Math.round(r * 0.06)) } : {}
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx, cy, r, fill: base, ...outline ? { stroke: shade(base, -0.25), strokeWidth: Math.max(1, Math.round(r * 0.06)) } : {} }),
-          /* @__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,
-            eyeShape,
-            mouthShape,
-            glasses,
-            eyebrows,
-            blush,
-            freckles,
-            ears,
-            hat,
-            outline,
-            pupilColor: pupilColor ?? "auto",
-            eyeShine,
-            rand
-          }
-        )
-      ]
-    }
-  );
+function Avatar({ name, size = 120, bg = "random", colors = "random" }) {
+  const rand = rngFromSeed(name);
+  const [bg1, bg2] = resolveBg(rand, bg);
+  const [base] = resolveCharColors(rand, colors);
+  const cx = size / 2;
+  const cy = size / 2;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, style: { borderRadius: "50%", background: `linear-gradient(135deg, ${bg1}, ${bg2})` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Face, { cx, cy, r: size / 3, color: base, rand }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {