solfaces 1.0.2 → 2.1.0

package/dist/chunk-SWML743U.js

@@ -0,0 +1,625 @@
+// src/core/traits.ts
+var SKIN_COLORS = [
+  "#faeae5",
+  "#efd6c8",
+  "#e4c5aa",
+  "#d5b590",
+  "#c59e77",
+  "#b4875f",
+  "#9d6d4d",
+  "#805742",
+  "#654134",
+  "#4b2d25"
+];
+var EYE_COLORS = [
+  "#382414",
+  "#3868A8",
+  "#38784C",
+  "#808838",
+  "#586878"
+];
+var HAIR_COLORS = [
+  "#1A1A24",
+  "#4C3428",
+  "#887058",
+  "#D4B868",
+  "#A84830",
+  "#C0C0CC",
+  "#484858",
+  "#783850",
+  "#D8B0A0",
+  "#C08048"
+];
+var BG_COLORS = [
+  "#b98387",
+  "#a9a360",
+  "#9eb785",
+  "#69ab79",
+  "#81bbb0",
+  "#6499af",
+  "#7f8bbd",
+  "#8869ab",
+  "#b785b3",
+  "#ab6984"
+];
+function djb2(str) {
+  let hash = 5381;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) + hash + str.charCodeAt(i) | 0;
+  }
+  return hash >>> 0;
+}
+function mulberry32(seed) {
+  let s = seed | 0;
+  return () => {
+    s = s + 1831565813 | 0;
+    let t = Math.imul(s ^ s >>> 15, 1 | s);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function generateTraits(walletAddress, overrides) {
+  const seed = djb2(walletAddress);
+  const rand = mulberry32(seed);
+  const traits = {
+    faceShape: Math.floor(rand() * 4),
+    skinColor: Math.floor(rand() * 10),
+    eyeStyle: Math.floor(rand() * 8),
+    eyeColor: Math.floor(rand() * 5),
+    eyebrows: Math.floor(rand() * 5),
+    nose: Math.floor(rand() * 4),
+    mouth: Math.floor(rand() * 8),
+    hairStyle: Math.floor(rand() * 10),
+    hairColor: Math.floor(rand() * 10),
+    accessory: Math.floor(rand() * 10),
+    bgColor: Math.floor(rand() * 10)
+  };
+  return overrides ? { ...traits, ...overrides } : traits;
+}
+function effectiveAccessory(traits) {
+  const ai = traits.accessory % 10;
+  const hi = traits.hairStyle % 10;
+  if ((ai === 4 || ai === 7) && (hi === 5 || hi === 6)) return 0;
+  return ai;
+}
+var FACE_LABELS = ["Squircle"];
+var SKIN_LABELS = [
+  "Porcelain",
+  "Ivory",
+  "Fair",
+  "Light",
+  "Sand",
+  "Golden",
+  "Warm",
+  "Caramel",
+  "Brown",
+  "Deep"
+];
+var EYE_STYLE_LABELS = ["Round", "Minimal", "Almond", "Wide", "Relaxed", "Joyful", "Bright", "Gentle"];
+var EYE_COLOR_LABELS = ["Chocolate", "Sky", "Emerald", "Hazel", "Storm"];
+var BROW_LABELS = ["Wispy", "Straight", "Natural", "Arched", "Angled"];
+var NOSE_LABELS = ["Shadow", "Button", "Soft", "Nostrils"];
+var MOUTH_LABELS = ["Smile", "Calm", "Happy", "Oh", "Smirk", "Grin", "Flat", "Pout"];
+var HAIR_STYLE_LABELS = [
+  "Bald",
+  "Short",
+  "Curly",
+  "Side Sweep",
+  "Puff",
+  "Long",
+  "Bob",
+  "Buzz",
+  "Wavy",
+  "Topknot"
+];
+var HAIR_COLOR_LABELS = [
+  "Black",
+  "Espresso",
+  "Walnut",
+  "Honey",
+  "Copper",
+  "Silver",
+  "Charcoal",
+  "Burgundy",
+  "Strawberry",
+  "Ginger"
+];
+var ACCESSORY_LABELS = [
+  "None",
+  "Beauty Mark",
+  "Round Glasses",
+  "Rect Glasses",
+  "Earring",
+  "Headband",
+  "Freckles",
+  "Stud Earrings",
+  "Aviators",
+  "Band-Aid"
+];
+var BG_COLOR_LABELS = [
+  "Rose",
+  "Olive",
+  "Sage",
+  "Fern",
+  "Mint",
+  "Ocean",
+  "Sky",
+  "Lavender",
+  "Orchid",
+  "Blush"
+];
+function getTraitLabels(traits) {
+  return {
+    faceShape: FACE_LABELS[0],
+    skinColor: SKIN_LABELS[traits.skinColor] ?? "Fair",
+    eyeStyle: EYE_STYLE_LABELS[traits.eyeStyle] ?? "Round",
+    eyeColor: EYE_COLOR_LABELS[traits.eyeColor] ?? "Chocolate",
+    eyebrows: BROW_LABELS[traits.eyebrows] ?? "Wispy",
+    nose: NOSE_LABELS[traits.nose] ?? "Shadow",
+    mouth: MOUTH_LABELS[traits.mouth] ?? "Smile",
+    hairStyle: HAIR_STYLE_LABELS[traits.hairStyle] ?? "Bald",
+    hairColor: HAIR_COLOR_LABELS[traits.hairColor] ?? "Black",
+    accessory: ACCESSORY_LABELS[effectiveAccessory(traits)] ?? "None",
+    bgColor: BG_COLOR_LABELS[traits.bgColor] ?? "Rose"
+  };
+}
+function traitHash(walletAddress) {
+  return (djb2(walletAddress) >>> 0).toString(16).padStart(8, "0");
+}
+function resolveTheme(themeName, themes) {
+  if (!themeName || !themes) return void 0;
+  return themes[themeName];
+}
+function mergeTheme(base, overrides) {
+  if (!base) return overrides || null;
+  if (!overrides) return base;
+  return { ...base, ...overrides };
+}
+
+// src/core/colors.ts
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  return [
+    parseInt(h.slice(0, 2), 16),
+    parseInt(h.slice(2, 4), 16),
+    parseInt(h.slice(4, 6), 16)
+  ];
+}
+function rgbToHex(r, g, b) {
+  return "#" + [r, g, b].map(
+    (v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, "0")
+  ).join("");
+}
+function darken(hex, pct = 0.12) {
+  const [r, g, b] = hexToRgb(hex);
+  return rgbToHex(r * (1 - pct), g * (1 - pct), b * (1 - pct));
+}
+function lighten(hex, pct = 0.15) {
+  const [r, g, b] = hexToRgb(hex);
+  return rgbToHex(r + (255 - r) * pct, g + (255 - g) * pct, b + (255 - b) * pct);
+}
+function blend(a, b, t = 0.5) {
+  const [r1, g1, b1] = hexToRgb(a);
+  const [r2, g2, b2] = hexToRgb(b);
+  return rgbToHex(
+    r1 + (r2 - r1) * t,
+    g1 + (g2 - g1) * t,
+    b1 + (b2 - b1) * t
+  );
+}
+function luminance(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  return (r + g + b) / 3;
+}
+function deriveSkinColors(skin) {
+  const sL = luminance(skin);
+  const isDark = sL < 100;
+  const skinHi = lighten(skin, 0.1);
+  const skinLo = darken(skin, 0.22);
+  const skinMid = darken(skin, 0.05);
+  const [sr, sg, sb] = hexToRgb(skin);
+  let cheekColor;
+  if (sL > 120) {
+    const rB = sL > 180 ? 0.03 : 0.06;
+    const gD = sL > 180 ? 0.3 : 0.28;
+    const bD = sL > 180 ? 0.25 : 0.22;
+    cheekColor = rgbToHex(
+      Math.min(255, sr + sr * rB),
+      Math.max(0, sg - sg * gD),
+      Math.max(0, sb - sb * bD)
+    );
+  } else {
+    cheekColor = rgbToHex(
+      Math.min(255, sr + 50),
+      Math.max(0, sg - 10),
+      Math.max(0, sb - 5)
+    );
+  }
+  const cheekOpacity = 0.15 + 0.18 * (1 - Math.min(1, sL / 240));
+  const lipT = Math.max(0, Math.min(1, (sL - 60) / 180));
+  const lipBase = blend("#D89090", "#A83848", lipT);
+  const midBoost = 1 - Math.abs(sL - 140) / 80;
+  const lipBlend = (isDark ? 0.7 : 0.62) + Math.max(0, midBoost) * 0.12;
+  const lipRaw = blend(skin, lipBase, Math.min(0.82, lipBlend));
+  const [lr, lg, lb] = hexToRgb(lipRaw);
+  const lipD = Math.abs(sr - lr) + Math.abs(sg - lg) + Math.abs(sb - lb);
+  const lipColor = lipD < 60 ? blend(skin, lipBase, 0.78) : lipRaw;
+  const browColor = isDark ? lighten(skin, sL < 80 ? 0.35 : 0.25) : darken(skin, 0.55);
+  const noseFill = isDark ? lighten(skin, 0.2) : darken(skin, 0.2);
+  const earT = Math.max(0, Math.min(1, (sL - 100) / 60));
+  const earFill = blend(lighten(skin, 0.08), skinMid, earT);
+  const earShadow = darken(skin, 0.1 + 0.06 * (1 - Math.min(1, sL / 160)));
+  const lidColor = isDark ? lighten(skin, 0.18) : darken(skin, 0.15);
+  const ewT = Math.max(0, Math.min(1, (sL - 60) / 180));
+  const eyeWhiteAdapted = blend("#EDE8E0", "#FBF8F2", ewT);
+  const warmth = sL > 140 ? 0.3 : sL > 100 ? 0.5 : 0.7;
+  const accessoryColor = blend("#808890", blend(skin, "#B0A898", 0.3), warmth);
+  return {
+    skinHi,
+    skinLo,
+    skinMid,
+    isDark,
+    cheekColor,
+    cheekOpacity,
+    lipColor,
+    noseFill,
+    browColor,
+    earFill,
+    earShadow,
+    eyeWhiteAdapted,
+    lidColor,
+    accessoryColor
+  };
+}
+function buzzOpacity(hairCol, skin) {
+  const [hr, hg, hb] = hexToRgb(hairCol);
+  const [sr, sg, sb] = hexToRgb(skin);
+  return Math.abs(hr - sr) + Math.abs(hg - sg) + Math.abs(hb - sb) < 80 ? 0.7 : 0.5;
+}
+
+// src/core/renderer.ts
+function djb22(str) {
+  let hash = 5381;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) + hash + str.charCodeAt(i) | 0;
+  }
+  return hash >>> 0;
+}
+function buildDefs(id, skin, skinHi, skinLo, hairCol, bgCol, cheekColor, cheekOpacity, flat, full) {
+  if (flat) return "";
+  let d = "<defs>";
+  d += `<linearGradient id="${id}sg" x1="0" y1="0" x2="0" y2="1">`;
+  d += `<stop offset="0%" stop-color="${skinHi}"/>`;
+  d += `<stop offset="100%" stop-color="${skinLo}"/>`;
+  d += `</linearGradient>`;
+  d += `<linearGradient id="${id}hg" x1="0" y1="0" x2="0" y2="1">`;
+  d += `<stop offset="0%" stop-color="${lighten(hairCol, 0.15)}"/>`;
+  d += `<stop offset="100%" stop-color="${darken(hairCol, 0.15)}"/>`;
+  d += `</linearGradient>`;
+  d += `<linearGradient id="${id}bg" x1="0" y1="0" x2="1" y2="1">`;
+  d += `<stop offset="0%" stop-color="${lighten(bgCol, 0.12)}"/>`;
+  d += `<stop offset="100%" stop-color="${darken(bgCol, 0.12)}"/>`;
+  d += `</linearGradient>`;
+  if (full) {
+    d += `<radialGradient id="${id}glow" cx="0.5" cy="0.28" r="0.45">`;
+    d += `<stop offset="0%" stop-color="#ffffff" stop-opacity="0.10"/>`;
+    d += `<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>`;
+    d += `</radialGradient>`;
+    d += `<radialGradient id="${id}chin" cx="0.5" cy="0.85" r="0.35">`;
+    d += `<stop offset="0%" stop-color="${skinLo}" stop-opacity="0.30"/>`;
+    d += `<stop offset="100%" stop-color="${skinLo}" stop-opacity="0"/>`;
+    d += `</radialGradient>`;
+    d += `<radialGradient id="${id}cL" cx="0.5" cy="0.5" r="0.5">`;
+    d += `<stop offset="0%" stop-color="${cheekColor}" stop-opacity="${cheekOpacity.toFixed(2)}"/>`;
+    d += `<stop offset="100%" stop-color="${cheekColor}" stop-opacity="0"/>`;
+    d += `</radialGradient>`;
+    d += `<radialGradient id="${id}cR" cx="0.5" cy="0.5" r="0.5">`;
+    d += `<stop offset="0%" stop-color="${cheekColor}" stop-opacity="${cheekOpacity.toFixed(2)}"/>`;
+    d += `<stop offset="100%" stop-color="${cheekColor}" stop-opacity="0"/>`;
+    d += `</radialGradient>`;
+  }
+  d += "</defs>";
+  return d;
+}
+function renderHairBack(hi, id, flat) {
+  const fill = flat ? "currentColor" : `url(#${id}hg)`;
+  switch (hi) {
+    case 5:
+      return `<g fill="${fill}"><rect x="10" y="14" width="44" height="42" rx="6"/></g>`;
+    case 6:
+      return `<g fill="${fill}"><rect x="12" y="14" width="40" height="32" rx="8"/></g>`;
+    case 8:
+      return `<g fill="${fill}"><rect x="11" y="14" width="42" height="38" rx="8"/></g>`;
+    default:
+      return "";
+  }
+}
+function renderEars(earFill, earShadow) {
+  return `<ellipse cx="11" cy="34" rx="4" ry="5" fill="${earFill}"/><ellipse cx="11" cy="34" rx="2.5" ry="3.5" fill="${earShadow}" opacity="0.3"/><ellipse cx="53" cy="34" rx="4" ry="5" fill="${earFill}"/><ellipse cx="53" cy="34" rx="2.5" ry="3.5" fill="${earShadow}" opacity="0.3"/>`;
+}
+function renderFace(id, skin, flat, opacity = 1) {
+  const fill = flat ? skin : `url(#${id}sg)`;
+  const opAttr = opacity < 1 ? ` opacity="${opacity}"` : "";
+  return `<rect x="14" y="16" width="36" height="38" rx="12" ry="12" fill="${fill}"${opAttr}/>`;
+}
+function renderFaceOverlays(id, flat) {
+  if (flat) return "";
+  return `<rect x="14" y="16" width="36" height="38" rx="12" ry="12" fill="url(#${id}glow)"/><rect x="14" y="16" width="36" height="38" rx="12" ry="12" fill="url(#${id}chin)"/><ellipse cx="22" cy="42" rx="5" ry="3.5" fill="url(#${id}cL)"/><ellipse cx="42" cy="42" rx="5" ry="3.5" fill="url(#${id}cR)"/><line x1="20" y1="50" x2="44" y2="50" stroke="currentColor" stroke-width="0.3" opacity="0.08" stroke-linecap="round"/>`;
+}
+function renderHairFront(hi, id, hairCol, skin, flat) {
+  const fill = flat ? hairCol : `url(#${id}hg)`;
+  switch (hi) {
+    case 0:
+      return "";
+    // Bald
+    case 1:
+      return `<path d="M14 28 Q14 14 32 12 Q50 14 50 28 L50 22 Q50 12 32 10 Q14 12 14 22 Z" fill="${fill}"/>`;
+    case 2:
+      return `<g fill="${fill}"><circle cx="20" cy="14" r="5"/><circle cx="28" cy="11" r="5.5"/><circle cx="36" cy="11" r="5.5"/><circle cx="44" cy="14" r="5"/><circle cx="16" cy="20" r="4"/><circle cx="48" cy="20" r="4"/></g>`;
+    case 3:
+      return `<path d="M14 26 Q14 12 32 10 Q50 12 50 26 L50 20 Q50 10 32 8 Q14 10 14 20 Z" fill="${fill}"/><path d="M14 20 Q8 16 10 8 Q14 10 20 16 Z" fill="${fill}"/>`;
+    case 4:
+      return `<ellipse cx="32" cy="10" rx="14" ry="8" fill="${fill}"/>`;
+    case 5:
+      return `<path d="M14 28 Q14 12 32 10 Q50 12 50 28 L50 20 Q50 10 32 8 Q14 10 14 20 Z" fill="${fill}"/>`;
+    case 6:
+      return `<path d="M14 28 Q14 12 32 10 Q50 12 50 28 L50 20 Q50 10 32 8 Q14 10 14 20 Z" fill="${fill}"/><rect x="10" y="28" width="8" height="14" rx="4" fill="${fill}"/><rect x="46" y="28" width="8" height="14" rx="4" fill="${fill}"/>`;
+    case 7: {
+      const bOp = buzzOpacity(hairCol, skin);
+      return `<rect x="15" y="13" width="34" height="16" rx="10" ry="8" fill="${hairCol}" opacity="${bOp.toFixed(2)}"/>`;
+    }
+    case 8:
+      return `<path d="M14 28 Q14 12 32 10 Q50 12 50 28 L50 20 Q50 10 32 8 Q14 10 14 20 Z" fill="${fill}"/><path d="M12 30 Q10 20 14 16" fill="none" stroke="${fill}" stroke-width="4" stroke-linecap="round"/><path d="M52 30 Q54 20 50 16" fill="none" stroke="${fill}" stroke-width="4" stroke-linecap="round"/>`;
+    case 9:
+      return `<path d="M14 28 Q14 14 32 12 Q50 14 50 28 L50 22 Q50 12 32 10 Q14 12 14 22 Z" fill="${fill}"/><ellipse cx="32" cy="6" rx="6" ry="5" fill="${fill}"/>`;
+    default:
+      return "";
+  }
+}
+function renderEyes(ei, eyeCol, eyeWhite, lidColor, full) {
+  const lx = 25, rx = 39, y = 33;
+  let s = "";
+  switch (ei) {
+    case 0:
+      s += `<circle cx="${lx}" cy="${y}" r="4" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx + 0.8}" cy="${y}" r="2.2" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${lx + 1.5}" cy="${y - 1}" r="0.7" fill="white" opacity="0.8"/>`;
+      s += `<circle cx="${rx}" cy="${y}" r="4" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx + 0.8}" cy="${y}" r="2.2" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${rx + 1.5}" cy="${y - 1}" r="0.7" fill="white" opacity="0.8"/>`;
+      break;
+    case 1:
+      s += `<circle cx="${lx}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+      s += `<circle cx="${rx}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+      break;
+    case 2:
+      s += `<ellipse cx="${lx}" cy="${y}" rx="4.5" ry="2.8" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx + 0.5}" cy="${y}" r="1.8" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${lx + 1.2}" cy="${y - 0.8}" r="0.6" fill="white" opacity="0.7"/>`;
+      s += `<ellipse cx="${rx}" cy="${y}" rx="4.5" ry="2.8" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx + 0.5}" cy="${y}" r="1.8" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${rx + 1.2}" cy="${y - 0.8}" r="0.6" fill="white" opacity="0.7"/>`;
+      break;
+    case 3:
+      s += `<circle cx="${lx}" cy="${y}" r="5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx}" cy="${y + 0.5}" r="2.8" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${lx + 1.5}" cy="${y - 1}" r="0.8" fill="white" opacity="0.8"/>`;
+      s += `<circle cx="${rx}" cy="${y}" r="5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx}" cy="${y + 0.5}" r="2.8" fill="${eyeCol}"/>`;
+      if (full) s += `<circle cx="${rx + 1.5}" cy="${y - 1}" r="0.8" fill="white" opacity="0.8"/>`;
+      break;
+    case 4:
+      s += `<ellipse cx="${lx}" cy="${y + 1}" rx="4" ry="2.2" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx}" cy="${y + 1}" r="1.5" fill="${eyeCol}"/>`;
+      if (full) s += `<line x1="${lx - 4.5}" y1="${y - 0.5}" x2="${lx + 4.5}" y2="${y - 0.5}" stroke="${lidColor}" stroke-width="0.8" stroke-linecap="round"/>`;
+      s += `<ellipse cx="${rx}" cy="${y + 1}" rx="4" ry="2.2" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx}" cy="${y + 1}" r="1.5" fill="${eyeCol}"/>`;
+      if (full) s += `<line x1="${rx - 4.5}" y1="${y - 0.5}" x2="${rx + 4.5}" y2="${y - 0.5}" stroke="${lidColor}" stroke-width="0.8" stroke-linecap="round"/>`;
+      break;
+    case 5:
+      s += `<path d="M${lx - 4} ${y} Q${lx} ${y + 4} ${lx + 4} ${y}" fill="none" stroke="${eyeCol}" stroke-width="1.8" stroke-linecap="round"/>`;
+      s += `<path d="M${rx - 4} ${y} Q${rx} ${y + 4} ${rx + 4} ${y}" fill="none" stroke="${eyeCol}" stroke-width="1.8" stroke-linecap="round"/>`;
+      break;
+    case 6:
+      s += `<circle cx="${lx}" cy="${y}" r="3.5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx + 0.5}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+      s += `<circle cx="${lx + 1.5}" cy="${y - 1}" r="1" fill="white" opacity="0.9"/>`;
+      if (full) {
+        s += `<line x1="${lx + 2.5}" y1="${y - 3.5}" x2="${lx + 4}" y2="${y - 5}" stroke="${eyeCol}" stroke-width="0.8" stroke-linecap="round"/>`;
+        s += `<line x1="${lx + 3.5}" y1="${y - 2.5}" x2="${lx + 5}" y2="${y - 3.5}" stroke="${eyeCol}" stroke-width="0.8" stroke-linecap="round"/>`;
+      }
+      s += `<circle cx="${rx}" cy="${y}" r="3.5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx + 0.5}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+      s += `<circle cx="${rx + 1.5}" cy="${y - 1}" r="1" fill="white" opacity="0.9"/>`;
+      if (full) {
+        s += `<line x1="${rx + 2.5}" y1="${y - 3.5}" x2="${rx + 4}" y2="${y - 5}" stroke="${eyeCol}" stroke-width="0.8" stroke-linecap="round"/>`;
+        s += `<line x1="${rx + 3.5}" y1="${y - 2.5}" x2="${rx + 5}" y2="${y - 3.5}" stroke="${eyeCol}" stroke-width="0.8" stroke-linecap="round"/>`;
+      }
+      break;
+    case 7:
+      s += `<ellipse cx="${lx}" cy="${y}" rx="4.5" ry="1.5" fill="${eyeWhite}"/>`;
+      s += `<ellipse cx="${lx + 0.5}" cy="${y}" rx="2.2" ry="1.2" fill="${eyeCol}"/>`;
+      s += `<ellipse cx="${rx}" cy="${y}" rx="4.5" ry="1.5" fill="${eyeWhite}"/>`;
+      s += `<ellipse cx="${rx + 0.5}" cy="${y}" rx="2.2" ry="1.2" fill="${eyeCol}"/>`;
+      break;
+    default:
+      s += `<circle cx="${lx}" cy="${y}" r="3.5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${lx + 0.8}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+      s += `<circle cx="${rx}" cy="${y}" r="3.5" fill="${eyeWhite}"/>`;
+      s += `<circle cx="${rx + 0.8}" cy="${y}" r="2" fill="${eyeCol}"/>`;
+  }
+  if (full && ei !== 1 && ei !== 5) {
+    s += `<path d="M${lx - 4} ${y - 1.5} Q${lx} ${y - 4} ${lx + 4} ${y - 1.5}" fill="none" stroke="${lidColor}" stroke-width="0.5" opacity="0.4"/>`;
+    s += `<path d="M${rx - 4} ${y - 1.5} Q${rx} ${y - 4} ${rx + 4} ${y - 1.5}" fill="none" stroke="${lidColor}" stroke-width="0.5" opacity="0.4"/>`;
+  }
+  return s;
+}
+function renderEyebrows(bi, browColor) {
+  const lx = 25, rx = 39, y = 27;
+  switch (bi) {
+    case 0:
+      return `<line x1="${lx - 3}" y1="${y}" x2="${lx + 3}" y2="${y - 0.5}" stroke="${browColor}" stroke-width="0.7" stroke-linecap="round"/><line x1="${rx - 3}" y1="${y - 0.5}" x2="${rx + 3}" y2="${y}" stroke="${browColor}" stroke-width="0.7" stroke-linecap="round"/>`;
+    case 1:
+      return `<line x1="${lx - 3.5}" y1="${y}" x2="${lx + 3.5}" y2="${y}" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round"/><line x1="${rx - 3.5}" y1="${y}" x2="${rx + 3.5}" y2="${y}" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round"/>`;
+    case 2:
+      return `<path d="M${lx - 3.5} ${y + 0.5} Q${lx} ${y - 1.5} ${lx + 3.5} ${y + 0.5}" fill="none" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round"/><path d="M${rx - 3.5} ${y + 0.5} Q${rx} ${y - 1.5} ${rx + 3.5} ${y + 0.5}" fill="none" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round"/>`;
+    case 3:
+      return `<path d="M${lx - 4} ${y + 1} Q${lx} ${y - 3} ${lx + 4} ${y + 1}" fill="none" stroke="${browColor}" stroke-width="1" stroke-linecap="round"/><path d="M${rx - 4} ${y + 1} Q${rx} ${y - 3} ${rx + 4} ${y + 1}" fill="none" stroke="${browColor}" stroke-width="1" stroke-linecap="round"/>`;
+    case 4:
+      return `<polyline points="${lx - 3},${y + 1} ${lx},${y - 2} ${lx + 3},${y}" fill="none" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="${rx - 3},${y} ${rx},${y - 2} ${rx + 3},${y + 1}" fill="none" stroke="${browColor}" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>`;
+    default:
+      return "";
+  }
+}
+function renderNose(ni, noseFill) {
+  const cx = 32, y = 39;
+  switch (ni) {
+    case 0:
+      return `<ellipse cx="${cx}" cy="${y}" rx="2" ry="1.2" fill="${noseFill}" opacity="0.35"/>`;
+    case 1:
+      return `<circle cx="${cx}" cy="${y}" r="1.8" fill="${noseFill}" opacity="0.5"/>`;
+    case 2:
+      return `<path d="M${cx - 2} ${y + 1} Q${cx} ${y - 2} ${cx + 2} ${y + 1}" fill="none" stroke="${noseFill}" stroke-width="1" stroke-linecap="round" opacity="0.5"/>`;
+    case 3:
+      return `<circle cx="${cx - 1.8}" cy="${y}" r="1.2" fill="${noseFill}" opacity="0.4"/><circle cx="${cx + 1.8}" cy="${y}" r="1.2" fill="${noseFill}" opacity="0.4"/>`;
+    default:
+      return `<ellipse cx="${cx}" cy="${y}" rx="2" ry="1.2" fill="${noseFill}" opacity="0.35"/>`;
+  }
+}
+function renderMouth(mi, lipColor, isDark) {
+  const cx = 32, y = 45;
+  const teethCol = isDark ? "#e8e0d8" : "#ffffff";
+  switch (mi) {
+    case 0:
+      return `<path d="M${cx - 4} ${y} Q${cx} ${y + 4} ${cx + 4} ${y}" fill="none" stroke="${lipColor}" stroke-width="1.4" stroke-linecap="round"/>`;
+    case 1:
+      return `<line x1="${cx - 3}" y1="${y + 1}" x2="${cx + 3}" y2="${y + 1}" stroke="${lipColor}" stroke-width="1.2" stroke-linecap="round"/>`;
+    case 2:
+      return `<path d="M${cx - 5} ${y} Q${cx} ${y + 5} ${cx + 5} ${y}" fill="none" stroke="${lipColor}" stroke-width="1.5" stroke-linecap="round"/>`;
+    case 3:
+      return `<ellipse cx="${cx}" cy="${y + 1}" rx="2.5" ry="3" fill="${lipColor}" opacity="0.7"/>`;
+    case 4:
+      return `<path d="M${cx - 4} ${y + 1} Q${cx + 1} ${y + 1} ${cx + 4} ${y - 1.5}" fill="none" stroke="${lipColor}" stroke-width="1.3" stroke-linecap="round"/>`;
+    case 5:
+      return `<path d="M${cx - 5} ${y} Q${cx} ${y + 6} ${cx + 5} ${y}" fill="${teethCol}" stroke="${lipColor}" stroke-width="1"/><line x1="${cx - 4}" y1="${y + 1.5}" x2="${cx + 4}" y2="${y + 1.5}" stroke="${lipColor}" stroke-width="0.3" opacity="0.3"/>`;
+    case 6:
+      return `<line x1="${cx - 4}" y1="${y + 1}" x2="${cx + 4}" y2="${y + 1}" stroke="${lipColor}" stroke-width="1.5" stroke-linecap="round"/>`;
+    case 7:
+      return `<ellipse cx="${cx}" cy="${y + 1}" rx="3.5" ry="2" fill="${lipColor}" opacity="0.25"/><path d="M${cx - 3} ${y} Q${cx} ${y + 2.5} ${cx + 3} ${y}" fill="none" stroke="${lipColor}" stroke-width="1.2" stroke-linecap="round"/>`;
+    default:
+      return `<path d="M${cx - 4} ${y} Q${cx} ${y + 4} ${cx + 4} ${y}" fill="none" stroke="${lipColor}" stroke-width="1.4" stroke-linecap="round"/>`;
+  }
+}
+function renderAccessory(ai, accessoryColor, glassesColor, earringColor, headbandColor) {
+  switch (ai) {
+    case 0:
+      return "";
+    // None
+    case 1:
+      return `<circle cx="40" cy="44" r="0.8" fill="#3a2a2a"/>`;
+    case 2:
+      return `<g fill="none" stroke="${glassesColor}" stroke-width="1"><circle cx="25" cy="33" r="5.5"/><circle cx="39" cy="33" r="5.5"/><line x1="30.5" y1="33" x2="33.5" y2="33"/><line x1="19.5" y1="33" x2="14" y2="31"/><line x1="44.5" y1="33" x2="50" y2="31"/></g>`;
+    case 3:
+      return `<g fill="none" stroke="${glassesColor}" stroke-width="1"><rect x="19" y="29" width="12" height="8" rx="1.5"/><rect x="33" y="29" width="12" height="8" rx="1.5"/><line x1="31" y1="33" x2="33" y2="33"/><line x1="19" y1="33" x2="14" y2="31"/><line x1="45" y1="33" x2="50" y2="31"/></g>`;
+    case 4:
+      return `<circle cx="10" cy="38" r="1.5" fill="${earringColor}"/><circle cx="10" cy="41" r="2" fill="${earringColor}" opacity="0.8"/>`;
+    case 5:
+      return `<rect x="13" y="20" width="38" height="3.5" rx="1.5" fill="${headbandColor}" opacity="0.85"/>`;
+    case 6:
+      return `<g fill="#a0785a" opacity="0.35"><circle cx="21" cy="40" r="0.6"/><circle cx="23" cy="42" r="0.5"/><circle cx="19" cy="41.5" r="0.5"/><circle cx="43" cy="40" r="0.6"/><circle cx="41" cy="42" r="0.5"/><circle cx="45" cy="41.5" r="0.5"/></g>`;
+    case 7:
+      return `<circle cx="10" cy="37" r="1.2" fill="${earringColor}"/><circle cx="54" cy="37" r="1.2" fill="${earringColor}"/>`;
+    case 8:
+      return `<g fill="none" stroke="${glassesColor}" stroke-width="1.2"><path d="M19 30 Q19 28 25 28 Q31 28 31 33 Q31 38 25 38 Q19 38 19 33 Z" fill="${glassesColor}" fill-opacity="0.15"/><path d="M33 30 Q33 28 39 28 Q45 28 45 33 Q45 38 39 38 Q33 38 33 33 Z" fill="${glassesColor}" fill-opacity="0.15"/><line x1="31" y1="32" x2="33" y2="32"/><line x1="19" y1="31" x2="14" y2="29"/><line x1="45" y1="31" x2="50" y2="29"/></g>`;
+    case 9:
+      return `<g><rect x="38" y="38" width="8" height="4" rx="1" fill="#f0d0a0" transform="rotate(-15 42 40)"/><line x1="40" y1="39" x2="40" y2="41" stroke="#c0a080" stroke-width="0.4" transform="rotate(-15 42 40)"/><line x1="42" y1="39" x2="42" y2="41" stroke="#c0a080" stroke-width="0.4" transform="rotate(-15 42 40)"/><line x1="44" y1="39" x2="44" y2="41" stroke="#c0a080" stroke-width="0.4" transform="rotate(-15 42 40)"/></g>`;
+    default:
+      return "";
+  }
+}
+function renderSolFaceSVG(walletAddress, options) {
+  const { size = 64, theme, traitOverrides, enableBlink, className, colorOverrides } = options ?? {};
+  const traits = generateTraits(walletAddress, traitOverrides);
+  const detailOpt = options?.detail ?? "auto";
+  const full = detailOpt === "full" || detailOpt === "auto" && size >= 48;
+  const flat = theme?.flat ?? false;
+  const skinColors = theme?.skinColors ?? SKIN_COLORS;
+  const eyeColors = theme?.eyeColors ?? EYE_COLORS;
+  const hairColors = theme?.hairColors ?? HAIR_COLORS;
+  const bgColors = theme?.bgColors ?? BG_COLORS;
+  const skin = colorOverrides?.skin ?? skinColors[traits.skinColor % skinColors.length];
+  const eyeCol = colorOverrides?.eyes ?? eyeColors[traits.eyeColor % eyeColors.length];
+  const hairCol = colorOverrides?.hair ?? hairColors[traits.hairColor % hairColors.length];
+  const bgCol = colorOverrides?.bg ?? bgColors[traits.bgColor % bgColors.length];
+  const derived = deriveSkinColors(skin);
+  const bgOpacity = theme?.bgOpacity ?? 1;
+  const bgRadius = theme?.bgRadius ?? 4;
+  const browColor = colorOverrides?.eyebrow ?? theme?.eyebrowColor ?? derived.browColor;
+  const noseFill = colorOverrides?.nose ?? theme?.noseColor ?? derived.noseFill;
+  const lipColor = colorOverrides?.mouth ?? theme?.mouthColor ?? derived.lipColor;
+  const accColor = colorOverrides?.accessory ?? theme?.accessoryColor ?? derived.accessoryColor;
+  const eyeWhite = colorOverrides?.eyeWhite ?? theme?.eyeWhiteColor ?? derived.eyeWhiteAdapted;
+  const glassesColor = theme?.glassesColor ?? "#4a4a5a";
+  const earringColor = theme?.earringColor ?? blend(skin, "#d4a840", 0.4);
+  const headbandColor = theme?.headbandColor ?? blend(hairCol, "#c04040", 0.5);
+  const id = "sf" + djb22(walletAddress).toString(36);
+  const cheekEnabled = theme?.cheekEnabled ?? true;
+  const cheekColor = theme?.cheekColor ?? derived.cheekColor;
+  const cheekOpacity = theme?.cheekOpacity ?? derived.cheekOpacity;
+  const hi = traits.hairStyle % 10;
+  const ai = effectiveAccessory(traits);
+  const classAttr = className ? ` class="${className}"` : "";
+  let svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="${size}" height="${size}"${classAttr}>`;
+  svg += buildDefs(id, skin, derived.skinHi, derived.skinLo, hairCol, bgCol, cheekColor, cheekOpacity, flat, full && cheekEnabled);
+  const blinkEnabled = !!enableBlink;
+  const blinkDuration = typeof enableBlink === "object" ? enableBlink.duration ?? 4 : 4;
+  const blinkDelay = typeof enableBlink === "object" ? enableBlink.delay ?? 0 : 0;
+  if (blinkEnabled) {
+    const uid = `sf-${walletAddress.slice(0, 8)}`;
+    const delayStr = blinkDelay ? ` ${blinkDelay}s` : "";
+    svg += `<style>@keyframes ${uid}-blink{0%,90%,100%{transform:scaleY(1)}95%{transform:scaleY(0.1)}}.${uid}-eyes{animation:${uid}-blink ${blinkDuration}s ease-in-out${delayStr} infinite;transform-origin:32px 33px}</style>`;
+  }
+  const bgFill = flat ? bgCol : `url(#${id}bg)`;
+  svg += `<rect x="0" y="0" width="64" height="64" fill="${bgFill}" opacity="${bgOpacity}" rx="${bgRadius}"/>`;
+  svg += renderHairBack(hi, id, flat);
+  svg += renderEars(derived.earFill, derived.earShadow);
+  const skinOpacity = theme?.skinOpacity ?? 1;
+  svg += renderFace(id, skin, flat, skinOpacity);
+  const shadowEnabled = theme?.shadowEnabled ?? true;
+  if (full && cheekEnabled && shadowEnabled) {
+    svg += renderFaceOverlays(id, flat);
+  }
+  if (ai === 5) {
+    svg += renderAccessory(5, accColor, glassesColor, earringColor, headbandColor);
+  }
+  svg += renderHairFront(hi, id, hairCol, skin, flat);
+  if (blinkEnabled) {
+    const uid = `sf-${walletAddress.slice(0, 8)}`;
+    svg += `<g class="${uid}-eyes">`;
+  }
+  svg += renderEyes(traits.eyeStyle % 8, eyeCol, eyeWhite, derived.lidColor, full);
+  if (blinkEnabled) svg += `</g>`;
+  svg += renderEyebrows(traits.eyebrows % 5, browColor);
+  svg += renderNose(traits.nose % 4, noseFill);
+  svg += renderMouth(traits.mouth % 8, lipColor, derived.isDark);
+  if (ai !== 0 && ai !== 5) {
+    svg += renderAccessory(ai, accColor, glassesColor, earringColor, headbandColor);
+  }
+  if (theme?.border) {
+    svg += `<rect x="0" y="0" width="64" height="64" fill="none" stroke="${theme.border.color}" stroke-width="${theme.border.width}" rx="${bgRadius}"/>`;
+  }
+  svg += `</svg>`;
+  return svg;
+}
+function renderSolFaceDataURI(walletAddress, options) {
+  const svg = renderSolFaceSVG(walletAddress, options);
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+function renderSolFaceBase64(walletAddress, options) {
+  const svg = renderSolFaceSVG(walletAddress, options);
+  return `data:image/svg+xml;base64,${btoa(svg)}`;
+}
+
+export { BG_COLORS, EYE_COLORS, HAIR_COLORS, SKIN_COLORS, blend, buzzOpacity, darken, deriveSkinColors, effectiveAccessory, generateTraits, getTraitLabels, hexToRgb, lighten, luminance, mergeTheme, renderSolFaceBase64, renderSolFaceDataURI, renderSolFaceSVG, resolveTheme, rgbToHex, traitHash };
+//# sourceMappingURL=chunk-SWML743U.js.map
+//# sourceMappingURL=chunk-SWML743U.js.map