@ignaciocabeza/bitface 1.0.0

package/dist/vue.cjs

@@ -0,0 +1,1165 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue.ts
+var vue_exports = {};
+__export(vue_exports, {
+  Avatar: () => Avatar,
+  generateRandomConfig: () => generateRandomConfig,
+  useAnimatedAvatar: () => useAnimatedAvatar,
+  useAvatar: () => useAvatar
+});
+module.exports = __toCommonJS(vue_exports);
+var import_vue = require("vue");
+
+// src/renderer/parts/face-shapes.ts
+var faceShapes = {
+  round: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  },
+  oval: {
+    pixels: [
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  },
+  square: {
+    pixels: [
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  },
+  heart: {
+    pixels: [
+      [0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  },
+  long: {
+    pixels: [
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 2
+  },
+  diamond: {
+    pixels: [
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  },
+  wide: {
+    pixels: [
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 3
+  }
+};
+var face_shapes_default = faceShapes;
+
+// src/renderer/parts/eyes.ts
+var eyes = {
+  big: {
+    pixels: [
+      [1, 1, 0, 0, 0, 0, 1, 1],
+      [1, 2, 1, 0, 0, 1, 2, 1],
+      [1, 2, 3, 0, 0, 1, 2, 3],
+      [1, 1, 0, 0, 0, 0, 1, 1]
+    ],
+    slotMap: { 1: "white", 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 7
+  },
+  small: {
+    pixels: [
+      [0, 2, 0, 0, 0, 0, 2, 0],
+      [0, 3, 0, 0, 0, 0, 3, 0]
+    ],
+    slotMap: { 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 8
+  },
+  narrow: {
+    pixels: [
+      [1, 2, 3, 0, 0, 1, 2, 3]
+    ],
+    slotMap: { 1: "white", 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 8
+  },
+  round: {
+    pixels: [
+      [0, 1, 0, 0, 0, 0, 1, 0],
+      [1, 2, 1, 0, 0, 1, 2, 1],
+      [1, 2, 3, 0, 0, 1, 2, 3],
+      [0, 1, 0, 0, 0, 0, 1, 0]
+    ],
+    slotMap: { 1: "white", 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 7
+  },
+  wink: {
+    pixels: [
+      [1, 1, 0, 0, 0, 0, 0, 0],
+      [1, 2, 1, 0, 0, 0, 0, 0],
+      [1, 2, 3, 0, 0, 3, 3, 3],
+      [1, 1, 0, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "white", 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 7
+  },
+  happy: {
+    pixels: [
+      [0, 3, 3, 0, 0, 0, 3, 3],
+      [3, 0, 0, 0, 0, 3, 0, 0]
+    ],
+    slotMap: { 3: "pupil" },
+    offsetX: 4,
+    offsetY: 8
+  },
+  angry: {
+    pixels: [
+      [1, 1, 0, 0, 0, 0, 1, 1],
+      [1, 2, 3, 0, 0, 3, 2, 1],
+      [0, 1, 1, 0, 0, 1, 1, 0]
+    ],
+    slotMap: { 1: "white", 2: "eyes", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 7
+  },
+  dots: {
+    pixels: [
+      [0, 0, 3, 0, 0, 0, 0, 3]
+    ],
+    slotMap: { 3: "pupil" },
+    offsetX: 4,
+    offsetY: 9
+  },
+  sleepy: {
+    pixels: [
+      [1, 1, 0, 0, 0, 0, 1, 1],
+      [3, 3, 0, 0, 0, 0, 3, 3]
+    ],
+    slotMap: { 1: "white", 3: "pupil" },
+    offsetX: 4,
+    offsetY: 8
+  },
+  cross: {
+    pixels: [
+      [3, 0, 3, 0, 0, 3, 0, 3],
+      [0, 3, 0, 0, 0, 0, 3, 0],
+      [3, 0, 3, 0, 0, 3, 0, 3]
+    ],
+    slotMap: { 3: "pupil" },
+    offsetX: 4,
+    offsetY: 7
+  },
+  heart: {
+    pixels: [
+      [2, 0, 2, 0, 0, 2, 0, 2],
+      [2, 2, 2, 0, 0, 2, 2, 2],
+      [0, 2, 0, 0, 0, 0, 2, 0]
+    ],
+    slotMap: { 2: "eyes" },
+    offsetX: 4,
+    offsetY: 7
+  }
+};
+var eyes_default = eyes;
+
+// src/renderer/parts/eyebrows.ts
+var eyebrows = {
+  thick: {
+    pixels: [
+      [1, 1, 1, 0, 0, 1, 1, 1],
+      [1, 1, 1, 0, 0, 1, 1, 1]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 6
+  },
+  thin: {
+    pixels: [
+      [1, 1, 1, 0, 0, 1, 1, 1]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 6
+  },
+  arched: {
+    pixels: [
+      [0, 1, 1, 0, 0, 0, 1, 1],
+      [1, 0, 0, 0, 0, 1, 0, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 5
+  },
+  angry: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 1],
+      [0, 1, 1, 0, 0, 1, 1, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 5
+  },
+  worried: {
+    pixels: [
+      [0, 0, 1, 0, 0, 1, 0, 0],
+      [0, 1, 0, 0, 0, 0, 1, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 5
+  },
+  unibrow: {
+    pixels: [
+      [1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 0, 0, 0, 0, 1, 1]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 4,
+    offsetY: 5
+  },
+  none: {
+    pixels: [],
+    slotMap: {},
+    offsetX: 0,
+    offsetY: 0
+  }
+};
+var eyebrows_default = eyebrows;
+
+// src/renderer/parts/mouth.ts
+var mouth = {
+  smile: {
+    pixels: [
+      [1, 0, 0, 0, 0, 1],
+      [0, 1, 1, 1, 1, 0]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 12
+  },
+  frown: {
+    pixels: [
+      [0, 1, 1, 1, 1, 0],
+      [1, 0, 0, 0, 0, 1]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 12
+  },
+  open: {
+    pixels: [
+      [0, 1, 1, 1, 1, 0],
+      [1, 1, 1, 1, 1, 1],
+      [0, 1, 1, 1, 1, 0]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 11
+  },
+  flat: {
+    pixels: [
+      [1, 1, 1, 1, 1, 1]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 12
+  },
+  teeth: {
+    pixels: [
+      [0, 1, 1, 1, 1, 0],
+      [0, 2, 2, 2, 2, 0],
+      [0, 1, 1, 1, 1, 0]
+    ],
+    slotMap: { 1: "mouth", 2: "white" },
+    offsetX: 5,
+    offsetY: 11
+  },
+  smirk: {
+    pixels: [
+      [0, 0, 0, 0, 1, 0],
+      [0, 1, 1, 1, 0, 0]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 12
+  },
+  grin: {
+    pixels: [
+      [0, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 2, 2, 2, 2, 1, 0],
+      [0, 0, 1, 1, 1, 1, 0, 0]
+    ],
+    slotMap: { 1: "mouth", 2: "white" },
+    offsetX: 4,
+    offsetY: 11
+  },
+  tongue: {
+    pixels: [
+      [0, 1, 1, 1, 1, 0],
+      [0, 0, 1, 1, 0, 0],
+      [0, 0, 0, 1, 0, 0]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 5,
+    offsetY: 12
+  },
+  oh: {
+    pixels: [
+      [0, 1, 1, 0],
+      [1, 0, 0, 1],
+      [0, 1, 1, 0]
+    ],
+    slotMap: { 1: "mouth" },
+    offsetX: 6,
+    offsetY: 11
+  }
+};
+var mouth_default = mouth;
+
+// src/renderer/parts/nose.ts
+var nose = {
+  small: {
+    pixels: [
+      [0, 1, 0],
+      [1, 0, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 7,
+    offsetY: 10
+  },
+  pointy: {
+    pixels: [
+      [0, 1, 0],
+      [0, 1, 0],
+      [1, 0, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 7,
+    offsetY: 9
+  },
+  wide: {
+    pixels: [
+      [0, 1, 1, 0],
+      [1, 0, 0, 1],
+      [1, 0, 0, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 6,
+    offsetY: 9
+  },
+  button: {
+    pixels: [
+      [1, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 7,
+    offsetY: 10
+  },
+  long: {
+    pixels: [
+      [0, 1, 0],
+      [0, 1, 0],
+      [0, 1, 0],
+      [1, 0, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 7,
+    offsetY: 8
+  },
+  snub: {
+    pixels: [
+      [0, 1],
+      [1, 1]
+    ],
+    slotMap: { 1: "skinShadow" },
+    offsetX: 7,
+    offsetY: 10
+  }
+};
+var nose_default = nose;
+
+// src/renderer/parts/ears.ts
+var ears = {
+  small: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 8
+  },
+  big: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 7
+  },
+  pointed: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 5
+  },
+  elf: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],
+      [1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],
+      [1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2]
+    ],
+    slotMap: { 1: "skin", 2: "skinShadow" },
+    offsetX: 0,
+    offsetY: 4
+  },
+  none: {
+    pixels: [],
+    slotMap: {},
+    offsetX: 0,
+    offsetY: 0
+  }
+};
+var ears_default = ears;
+
+// src/renderer/parts/hair.ts
+var hair = {
+  short: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 1, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 2
+  },
+  long: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 1, 0],
+      [0, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0],
+      [0, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0],
+      [0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 2
+  },
+  curly: {
+    pixels: [
+      [0, 0, 0, 1, 0, 1, 1, 1, 1, 1, 1, 0, 1, 0, 0, 0],
+      [0, 0, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 0, 0],
+      [0, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1],
+      [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 1],
+      [0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0],
+      [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 1],
+      [0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 1
+  },
+  mohawk: {
+    pixels: [
+      [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 2, 1, 1, 1, 1, 2, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 0
+  },
+  bald: {
+    pixels: [],
+    slotMap: {},
+    offsetX: 0,
+    offsetY: 0
+  },
+  ponytail: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 1, 0],
+      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],
+      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],
+      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 2
+  },
+  spiky: {
+    pixels: [
+      [0, 0, 1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 1, 0, 0],
+      [0, 0, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 1, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 0
+  },
+  bob: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0],
+      [0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 2
+  },
+  afro: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+      [1, 1, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 1, 1],
+      [1, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 1],
+      [1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1],
+      [1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 0
+  },
+  bangs: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0],
+      [0, 1, 1, 1, 1, 1, 1, 2, 0, 0, 0, 0, 2, 1, 1, 0]
+    ],
+    slotMap: { 1: "hair", 2: "hairShadow" },
+    offsetX: 0,
+    offsetY: 2
+  }
+};
+var hair_default = hair;
+
+// src/renderer/parts/beard.ts
+var beard = {
+  stubble: {
+    // Sparse dots at chin/jaw edge
+    pixels: [
+      [0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 0,
+    offsetY: 13
+  },
+  goatee: {
+    // Small chin patch below the mouth
+    pixels: [
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 0,
+    offsetY: 13
+  },
+  full: {
+    // Jaw outline: sideburns at edges + solid chin, hollow center so mouth shows
+    pixels: [
+      [0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0],
+      [0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 0,
+    offsetY: 11
+  },
+  mustache: {
+    // Sits just above the mouth line
+    pixels: [
+      [0, 0, 1, 1, 0, 0, 1, 1, 0, 0],
+      [0, 1, 0, 0, 1, 1, 0, 0, 1, 0]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 3,
+    offsetY: 11
+  },
+  handlebar: {
+    // Wide curling mustache
+    pixels: [
+      [0, 0, 1, 1, 0, 0, 0, 0, 1, 1, 0, 0],
+      [0, 1, 0, 0, 1, 1, 1, 1, 0, 0, 1, 0],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]
+    ],
+    slotMap: { 1: "hair" },
+    offsetX: 2,
+    offsetY: 11
+  },
+  none: {
+    pixels: [],
+    slotMap: {},
+    offsetX: 0,
+    offsetY: 0
+  }
+};
+var beard_default = beard;
+
+// src/renderer/parts/accessories.ts
+var accessories = {
+  glasses: {
+    pixels: [
+      [0, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 0, 0],
+      [1, 1, 1, 3, 3, 1, 1, 1, 1, 3, 3, 1, 1, 1],
+      [0, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 0, 0]
+    ],
+    slotMap: { 1: "accessoryPrimary", 3: "lens" },
+    offsetX: 1,
+    offsetY: 7
+  },
+  sunglasses: {
+    pixels: [
+      [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
+      [1, 1, 1, 2, 2, 1, 1, 1, 1, 2, 2, 1, 1, 1],
+      [0, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 0, 0]
+    ],
+    slotMap: { 1: "accessoryPrimary", 2: "accessorySecondary" },
+    offsetX: 1,
+    offsetY: 7
+  },
+  hat: {
+    pixels: [
+      [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0],
+      [0, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 1, 0]
+    ],
+    slotMap: { 1: "accessoryPrimary", 2: "accessorySecondary" },
+    offsetX: 0,
+    offsetY: 0
+  },
+  headband: {
+    pixels: [
+      [0, 0, 1, 1, 1, 1, 1, 2, 1, 1, 1, 1, 1, 1, 0, 0]
+    ],
+    slotMap: { 1: "accessoryPrimary", 2: "accessorySecondary" },
+    offsetX: 0,
+    offsetY: 5
+  },
+  earrings: {
+    pixels: [
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
+      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]
+    ],
+    slotMap: { 1: "accessoryPrimary" },
+    offsetX: 0,
+    offsetY: 11
+  },
+  none: {
+    pixels: [],
+    slotMap: {},
+    offsetX: 0,
+    offsetY: 0
+  }
+};
+var accessories_default = accessories;
+
+// src/renderer/parts/index.ts
+var registry = {
+  faceShape: face_shapes_default,
+  eyes: eyes_default,
+  eyebrows: eyebrows_default,
+  mouth: mouth_default,
+  nose: nose_default,
+  ears: ears_default,
+  hair: hair_default,
+  beard: beard_default,
+  accessories: accessories_default
+};
+function getPart(category, name) {
+  return registry[category]?.[name];
+}
+function getVariantNames(category) {
+  const cat = registry[category];
+  return cat ? Object.keys(cat) : [];
+}
+
+// src/renderer/palette.ts
+var SKIN_PRESETS = {
+  light: "#FDDCB5",
+  medium: "#E8B88A",
+  tan: "#D19A6A",
+  brown: "#A0673C",
+  dark: "#6B4226",
+  pale: "#FFF0E0"
+};
+var SKIN_SHADOW_MAP = {
+  "#FDDCB5": "#E5C49D",
+  "#E8B88A": "#CFA072",
+  "#D19A6A": "#B98252",
+  "#A0673C": "#885524",
+  "#6B4226": "#533010",
+  "#FFF0E0": "#E7D8C8"
+};
+var HAIR_PRESETS = {
+  black: "#1A1A2E",
+  brown: "#6B3A2A",
+  blonde: "#E8C84A",
+  red: "#B83A1E",
+  gray: "#9E9E9E",
+  white: "#E8E8E8",
+  auburn: "#8B3A1A",
+  strawberry: "#D4713A",
+  platinum: "#E8E0D0",
+  pink: "#E8559E",
+  blue: "#3A6BD5",
+  purple: "#6B3A8B",
+  teal: "#2A9E8B"
+};
+var EYE_PRESETS = {
+  brown: "#5C3A1E",
+  blue: "#3A7BD5",
+  green: "#3A9D5C",
+  gray: "#7A7A7A"
+};
+var HEX_COLOR_RE = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+function sanitizeColor(value, fallback) {
+  if (HEX_COLOR_RE.test(value)) return value;
+  return fallback;
+}
+function resolveSkinColor(value) {
+  if (!value) return SKIN_PRESETS.medium;
+  return SKIN_PRESETS[value] ?? sanitizeColor(value, SKIN_PRESETS.medium);
+}
+function resolveSkinShadow(skinHex) {
+  return SKIN_SHADOW_MAP[skinHex] ?? darken(skinHex, 30);
+}
+function resolveHairColor(value) {
+  if (!value) return HAIR_PRESETS.black;
+  return HAIR_PRESETS[value] ?? sanitizeColor(value, HAIR_PRESETS.black);
+}
+function resolveEyeColor(value) {
+  if (!value) return EYE_PRESETS.brown;
+  return EYE_PRESETS[value] ?? sanitizeColor(value, EYE_PRESETS.brown);
+}
+function darken(hex, amount) {
+  const num = parseInt(hex.replace("#", ""), 16);
+  const r = Math.max(0, (num >> 16) - amount);
+  const g = Math.max(0, (num >> 8 & 255) - amount);
+  const b = Math.max(0, (num & 255) - amount);
+  return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, "0").toUpperCase()}`;
+}
+
+// src/renderer/generator.ts
+var BASE_SIZE = 16;
+function buildColorMap(config) {
+  const skin = resolveSkinColor(config.skinColor);
+  const skinShadow = resolveSkinShadow(skin);
+  const hairColor = resolveHairColor(config.hairColor);
+  const eyeColor = resolveEyeColor(config.eyeColor);
+  return {
+    skin,
+    skinShadow,
+    hair: hairColor,
+    hairShadow: darkenColor(hairColor, 25),
+    eyes: eyeColor,
+    pupil: "#111111",
+    white: "#FFFFFF",
+    mouth: "#C75050",
+    accessoryPrimary: "#333333",
+    accessorySecondary: "#1A1A1A",
+    lens: "#87CEEB"
+  };
+}
+function darkenColor(hex, amount) {
+  const num = parseInt(hex.replace("#", ""), 16);
+  const r = Math.max(0, (num >> 16) - amount);
+  const g = Math.max(0, (num >> 8 & 255) - amount);
+  const b = Math.max(0, (num & 255) - amount);
+  return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, "0")}`;
+}
+function stampPart(grid, part, colorMap) {
+  for (let py = 0; py < part.pixels.length; py++) {
+    const row = part.pixels[py];
+    for (let px = 0; px < row.length; px++) {
+      const slot = row[px];
+      if (slot === 0) continue;
+      const role = part.slotMap[slot];
+      if (!role) continue;
+      const color = colorMap[role];
+      if (!color) continue;
+      const gx = part.offsetX + px;
+      const gy = part.offsetY + py;
+      if (gx >= 0 && gx < BASE_SIZE && gy >= 0 && gy < BASE_SIZE) {
+        grid[gy][gx] = color;
+      }
+    }
+  }
+}
+var LAYER_ORDER = [
+  { category: "faceShape", configKey: "faceShape" },
+  { category: "ears", configKey: "ears" },
+  { category: "nose", configKey: "nose" },
+  { category: "mouth", configKey: "mouth" },
+  { category: "eyes", configKey: "eyes" },
+  { category: "eyebrows", configKey: "eyebrows" },
+  { category: "hair", configKey: "hair" },
+  { category: "beard", configKey: "beard" },
+  { category: "accessories", configKey: "accessories" }
+];
+function generateGrid(config) {
+  const grid = Array.from(
+    { length: BASE_SIZE },
+    () => Array.from({ length: BASE_SIZE }, () => null)
+  );
+  const colorMap = buildColorMap(config);
+  for (const layer of LAYER_ORDER) {
+    const name = config[layer.configKey];
+    if (!name || name === "none") continue;
+    const part = getPart(layer.category, name);
+    if (!part) continue;
+    stampPart(grid, part, colorMap);
+  }
+  return grid;
+}
+
+// src/renderer/svg.ts
+function gridToSvg(grid, backgroundColor) {
+  const height = grid.length;
+  const width = height > 0 ? grid[0].length : 0;
+  const raw = backgroundColor ?? "#87CEEB";
+  const bg = raw === "transparent" ? "transparent" : sanitizeColor(raw, "#87CEEB");
+  const rects = [];
+  if (bg !== "transparent") {
+    rects.push(`<rect width="${width}" height="${height}" fill="${bg}"/>`);
+  }
+  for (let y = 0; y < height; y++) {
+    let x = 0;
+    while (x < width) {
+      const color = grid[y][x];
+      if (color === null) {
+        x++;
+        continue;
+      }
+      let runLen = 1;
+      while (x + runLen < width && grid[y][x + runLen] === color) {
+        runLen++;
+      }
+      rects.push(`<rect x="${x}" y="${y}" width="${runLen}" height="1" fill="${color}"/>`);
+      x += runLen;
+    }
+  }
+  return [
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" shape-rendering="crispEdges">`,
+    ...rects,
+    "</svg>"
+  ].join("");
+}
+
+// src/renderer/index.ts
+function pickRandom(arr) {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+function generateRandomConfig() {
+  return {
+    faceShape: pickRandom(getVariantNames("faceShape")),
+    eyes: pickRandom(getVariantNames("eyes")),
+    eyebrows: pickRandom(getVariantNames("eyebrows")),
+    mouth: pickRandom(getVariantNames("mouth")),
+    nose: pickRandom(getVariantNames("nose")),
+    ears: pickRandom(getVariantNames("ears")),
+    hair: pickRandom(getVariantNames("hair")),
+    beard: pickRandom(getVariantNames("beard")),
+    accessories: pickRandom(getVariantNames("accessories")),
+    skinColor: pickRandom(Object.keys(SKIN_PRESETS)),
+    hairColor: pickRandom(Object.keys(HAIR_PRESETS)),
+    eyeColor: pickRandom(Object.keys(EYE_PRESETS))
+  };
+}
+function generateFace(config) {
+  const resolved = config ?? generateRandomConfig();
+  const grid = generateGrid(resolved);
+  return gridToSvg(grid, resolved.backgroundColor);
+}
+
+// src/renderer/animations.ts
+var ANIMATIONS = {
+  idle: {
+    name: "idle",
+    frames: [
+      { duration: 3e3, overrides: {} },
+      { duration: 150, overrides: { eyes: "happy" } },
+      { duration: 150, overrides: {} }
+    ]
+  },
+  talk: {
+    name: "talk",
+    frames: [
+      { duration: 200, overrides: { mouth: "smile" } },
+      { duration: 200, overrides: { mouth: "open" } },
+      { duration: 200, overrides: { mouth: "flat" } },
+      { duration: 200, overrides: { mouth: "open" } },
+      { duration: 300, overrides: { mouth: "smile" } }
+    ]
+  },
+  blink: {
+    name: "blink",
+    frames: [
+      { duration: 2500, overrides: {} },
+      { duration: 100, overrides: { eyes: "narrow" } },
+      { duration: 100, overrides: { eyes: "happy" } },
+      { duration: 100, overrides: { eyes: "narrow" } },
+      { duration: 200, overrides: {} }
+    ]
+  },
+  emote: {
+    name: "emote",
+    frames: [
+      { duration: 500, overrides: {} },
+      { duration: 400, overrides: { eyebrows: "arched", mouth: "open" } },
+      { duration: 400, overrides: { eyebrows: "arched", mouth: "smile" } },
+      { duration: 300, overrides: {} }
+    ]
+  }
+};
+
+// src/vue.ts
+function useAvatar(config) {
+  let fallback;
+  return (0, import_vue.computed)(() => {
+    const c = config?.();
+    if (c) return generateFace(c);
+    if (!fallback) fallback = generateRandomConfig();
+    return generateFace(fallback);
+  });
+}
+function useAnimatedAvatar(config, animation) {
+  const frameIndex = (0, import_vue.ref)(0);
+  let timer;
+  let fallback;
+  const sequence = (0, import_vue.computed)(() => {
+    const anim = animation();
+    if (!anim) return void 0;
+    if (typeof anim === "string") return ANIMATIONS[anim];
+    return anim;
+  });
+  function scheduleNext() {
+    const seq = sequence.value;
+    if (!seq) return;
+    const frame = seq.frames[frameIndex.value];
+    if (!frame) return;
+    timer = setTimeout(() => {
+      frameIndex.value = (frameIndex.value + 1) % seq.frames.length;
+      scheduleNext();
+    }, frame.duration);
+  }
+  (0, import_vue.watch)(
+    sequence,
+    () => {
+      if (timer !== void 0) clearTimeout(timer);
+      frameIndex.value = 0;
+      scheduleNext();
+    },
+    { immediate: true }
+  );
+  (0, import_vue.onUnmounted)(() => {
+    if (timer !== void 0) clearTimeout(timer);
+  });
+  return (0, import_vue.computed)(() => {
+    const seq = sequence.value;
+    const base = config() ?? (fallback ?? (fallback = generateRandomConfig()));
+    if (!seq) return generateFace(base);
+    const frame = seq.frames[frameIndex.value];
+    if (!frame) return generateFace(base);
+    return generateFace({ ...base, ...frame.overrides });
+  });
+}
+var Avatar = (0, import_vue.defineComponent)({
+  name: "Avatar",
+  props: {
+    config: {
+      type: Object,
+      default: void 0
+    },
+    size: {
+      type: Number,
+      default: 128
+    },
+    animation: {
+      type: [String, Object],
+      default: void 0
+    }
+  },
+  setup(props) {
+    const svg = useAnimatedAvatar(
+      () => props.config,
+      () => props.animation
+    );
+    return () => (0, import_vue.h)("div", {
+      innerHTML: svg.value,
+      style: {
+        width: `${props.size}px`,
+        height: `${props.size}px`,
+        imageRendering: "pixelated"
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  generateRandomConfig,
+  useAnimatedAvatar,
+  useAvatar
+});
+//# sourceMappingURL=vue.cjs.map