@testpig/avataaars 1.0.0

package/dist/avatar/face/mouth/Tongue.js

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+function Tongue() {
+    var path1 = (0, react_1.useId)();
+    var mask1 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(2, 52)' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M29,15.6086957 C30.410031,25.2313711 41.062182,33 54,33 C66.9681454,33 77.6461342,25.183301 79,14.7391304 C79.1012093,14.3397326 78.775269,13 76.826087,13 C56.838426,13 41.7395748,13 31.173913,13 C29.3833142,13 28.870211,14.2404669 29,15.6086957 Z' }) }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("use", { fillOpacity: '0.699999988', fill: '#000000', fillRule: 'evenodd', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)("rect", { fill: '#FFFFFF', fillRule: 'evenodd', mask: "url(#".concat(mask1, ")"), x: '39', y: '2', width: '31', height: '16', rx: '5' }), (0, jsx_runtime_1.jsx)("path", { fill: '#FF4F6D', fillRule: 'evenodd', d: 'M65.9841079,23.7466656 C65.9945954,23.8296335 66,23.9141856 66,24 L66,33 C66,39.0751322 61.0751322,44 55,44 L54,44 C47.9248678,44 43,39.0751322 43,33 L43,24 L43,24 C43,23.9141856 43.0054046,23.8296335 43.0158921,23.7466656 C43.0053561,23.6651805 43,23.5829271 43,23.5 C43,21.5670034 45.9101491,20 49.5,20 C51.510438,20 53.3076958,20.4914717 54.5,21.2634601 C55.6923042,20.4914717 57.489562,20 59.5,20 C63.0898509,20 66,21.5670034 66,23.5 C66,23.5829271 65.9946439,23.6651805 65.9841079,23.7466656 Z' })] })));
+}
+exports.default = Tongue;

package/dist/avatar/face/mouth/Twinkle.d.ts

@@ -0,0 +1 @@
+export default function Twinkle(): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/face/mouth/Twinkle.js

@@ -0,0 +1,18 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Twinkle() {
+    return ((0, jsx_runtime_1.jsx)("g", __assign({ transform: 'translate(2, 52)', fillOpacity: '0.599999964', fillRule: 'nonzero', fill: '#000000' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M40,16 C40,21.371763 46.1581544,25 54,25 C61.8418456,25 68,21.371763 68,16 C68,14.8954305 67.050301,14 66,14 C64.7072748,14 64.1302316,14.9051755 64,16 C62.7575758,18.9378973 59.6832595,20.7163149 54,21 C48.3167405,20.7163149 45.2424242,18.9378973 44,16 C43.8697684,14.9051755 43.2927252,14 42,14 C40.949699,14 40,14.8954305 40,16 Z' }) })));
+}
+exports.default = Twinkle;

package/dist/avatar/face/mouth/Vomit.d.ts

@@ -0,0 +1 @@
+export default function Vomit(): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/face/mouth/Vomit.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+function Vomit() {
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    var mask1 = (0, react_1.useId)();
+    var filter1 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(2, 52)' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M34.0082051,12.6020819 C35.1280248,23.0929366 38.2345159,31.9944054 53.9961505,31.9999974 C69.757785,32.0055894 72.9169073,23.0424631 73.9942614,12.5047938 C74.0809675,11.6567158 73.1738581,10.9999965 72.0369872,10.9999965 C65.3505138,10.9999965 62.6703194,12.4951994 53.9894323,12.4999966 C45.3085452,12.5047938 40.7567994,10.9999965 36.0924943,10.9999965 C34.9490269,10.9999965 33.8961688,11.5524868 34.0082051,12.6020819 Z' }), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M59.9170416,36 L60,36 C60,39.3137085 62.6862915,42 66,42 C69.3137085,42 72,39.3137085 72,36 L72,35 L72,31 C72,27.6862915 69.3137085,25 66,25 L66,25 L42,25 L42,25 C38.6862915,25 36,27.6862915 36,31 L36,31 L36,35 L36,38 C36,41.3137085 38.6862915,44 42,44 C45.3137085,44 48,41.3137085 48,38 L48,36 L48.0829584,36 C48.5590365,33.1622867 51.0270037,31 54,31 C56.9729963,31 59.4409635,33.1622867 59.9170416,36 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-1.4%', y: '-2.6%', width: '102.8%', height: '105.3%', filterUnits: 'objectBoundingBox', id: filter1 }, { children: [(0, jsx_runtime_1.jsx)("feOffset", { dx: '0', dy: '-1', in: 'SourceAlpha', result: 'shadowOffsetInner1' }), (0, jsx_runtime_1.jsx)("feComposite", { in: 'shadowOffsetInner1', in2: 'SourceAlpha', operator: 'arithmetic', k2: '-1', k3: '1', result: 'shadowInnerInner1' }), (0, jsx_runtime_1.jsx)("feColorMatrix", { values: '0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0', type: 'matrix' })] }))] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1, transform: 'translate(54, 21.499998) scale(1, -1) translate(-54, -21.499998)' }) })), (0, jsx_runtime_1.jsx)("use", { fillOpacity: '0.699999988', fill: '#000000', fillRule: 'evenodd', transform: 'translate(54, 21.499998) scale(1, -1) translate(-54, -21.499998)', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)("rect", { fill: '#FFFFFF', fillRule: 'evenodd', mask: "url(#".concat(mask1, ")"), x: '39', y: '0', width: '31', height: '16', rx: '5' }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("use", { fill: '#88C553', fillRule: 'evenodd', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)("use", { fill: 'black', fillOpacity: '1', filter: "url(#".concat(filter1, ")"), xlinkHref: '#' + path2 })] })] })));
+}
+exports.default = Vomit;

package/dist/avatar/face/mouth/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Mouth';
+export { default as MouthType } from './MouthType';

package/dist/avatar/face/mouth/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouthType = exports.default = void 0;
+var Mouth_1 = require("./Mouth");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Mouth_1).default; } });
+var MouthType_1 = require("./MouthType");
+Object.defineProperty(exports, "MouthType", { enumerable: true, get: function () { return __importDefault(MouthType_1).default; } });

package/dist/avatar/face/nose/Default.d.ts

@@ -0,0 +1 @@
+export default function Default(): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/face/nose/Default.js

@@ -0,0 +1,18 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Default() {
+    return ((0, jsx_runtime_1.jsx)("g", __assign({ transform: 'translate(28, 40)', fillOpacity: '0.16' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M16,8 C16,12.418278 21.372583,16 28,16 L28,16 C34.627417,16 40,12.418278 40,8' }) })));
+}
+exports.default = Default;

package/dist/avatar/face/nose/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Default';

package/dist/avatar/face/nose/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Default_1 = require("./Default");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Default_1).default; } });

package/dist/avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Avatar';
+export { default as AvatarProps } from './AvatarProps';
+export * from './clothes';
+export * from './face';
+export * from './top';

package/dist/avatar/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
+__exportStar(require("./clothes"), exports);
+__exportStar(require("./face"), exports);
+__exportStar(require("./top"), exports);

package/dist/avatar/top/Eyepatch.d.ts

@@ -0,0 +1 @@
+export default function Eyepatch(): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/top/Eyepatch.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var facialHair_1 = __importDefault(require("./facialHair"));
+var react_1 = require("react");
+function Eyepatch() {
+    var mask1 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("rect", { id: path1, x: '0', y: '0', width: '264', height: '280' }) }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask1, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsx)(facialHair_1.default, {}), (0, jsx_runtime_1.jsx)("path", { fill: '#28354B', fillRule: 'evenodd', d: 'M160.395307,39.7810237 C157.318088,36.6927979 154.11865,43.6386608 152.623361,45.4281124 C149.013122,49.7486528 145.540256,54.182935 141.868413,58.4518947 C134.616309,66.8823544 127.439316,75.3743141 120.233991,83.8401528 C119.140279,85.1257012 119.27271,85.2649028 117.837048,85.3885641 C116.88598,85.4708947 115.563312,84.9802173 114.5737,84.9256608 C111.823607,84.774556 109.112057,85.2348141 106.435756,85.8227012 C101.091389,86.9961608 95.4264863,88.9291124 90.7890799,91.898306 C89.5718308,92.677306 88.7874545,93.5971608 87.4670933,93.841177 C86.3183659,94.0534512 84.794416,93.6295641 83.622299,93.5194592 C81.5412806,93.3237173 78.5378542,92.4726366 76.4953793,92.9137173 C73.9027538,93.4738302 72.9174244,96.6109915 75.5604528,98.0003624 C77.570314,99.0564431 81.5706,98.4761608 83.8235816,98.6447899 C86.3971,98.8372253 85.6120649,98.704306 85.2473843,101.164306 C84.7239177,104.69758 85.5985582,108.646475 87.0885766,111.878201 C90.5482655,119.383185 100.122861,127.335201 108.8551,126.603153 C116.142123,125.992451 122.526834,119.413274 125.519389,113.099935 C127.050916,109.868871 127.954546,106.192096 128.250376,102.628403 C128.438811,100.36183 128.333722,97.9580399 127.684083,95.7632173 C127.362888,94.6783705 126.853916,93.5554995 126.308378,92.5695157 C125.866281,91.7710076 123.908799,89.9203866 123.788886,89.1165882 C123.556307,87.5602415 127.973324,83.3874995 128.816339,82.3443141 C132.788953,77.4276205 136.780344,72.5320882 140.721662,67.5889431 C144.603353,62.7201931 148.506456,57.8640076 152.489612,53.0785802 C154.294237,50.9098786 163.318023,42.7148382 160.395307,39.7810237' })] })) }))] })));
+}
+exports.default = Eyepatch;

package/dist/avatar/top/HairColor.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    maskID: string;
+};
+export default function HairColor({ maskID }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/avatar/top/HairColor.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Color_1 = __importDefault(require("../Color"));
+var react_1 = require("react");
+var AvatarContext_1 = __importDefault(require("../AvatarContext"));
+var HairColorName_1 = __importDefault(require("./HairColorName"));
+function HairColor(_a) {
+    var maskID = _a.maskID;
+    var hairColor = (0, react_1.useContext)(AvatarContext_1.default).hairColor;
+    return (0, jsx_runtime_1.jsx)(Color_1.default, { maskID: maskID, color: getHairColorCode(hairColor) });
+}
+exports.default = HairColor;
+function getHairColorCode(hairColor) {
+    if (hairColor && hairColor.startsWith('#'))
+        return hairColor;
+    switch (hairColor) {
+        case HairColorName_1.default.Auburn:
+            return '#A55728';
+        case HairColorName_1.default.Black:
+            return '#2C1B18';
+        case HairColorName_1.default.Blonde:
+            return '#B58143';
+        case HairColorName_1.default.BlondeGolden:
+            return '#D6B370';
+        case HairColorName_1.default.Brown:
+            return '#724133';
+        case HairColorName_1.default.PastelPink:
+            return '#F59797';
+        case HairColorName_1.default.Platinum:
+            return '#ECDCBF';
+        case HairColorName_1.default.Red:
+            return '#C93305';
+        case HairColorName_1.default.SilverGray:
+            return '#E8E1E1';
+        case HairColorName_1.default.BrownDark:
+        default:
+            return '#4A312C';
+    }
+}

package/dist/avatar/top/HairColorName.d.ts

@@ -0,0 +1,13 @@
+declare enum HairColorName {
+    Black = "Black",
+    Brown = "Brown",
+    Blonde = "Blonde",
+    BrownDark = "BrownDark",
+    BlondeGolden = "BlondeGolden",
+    Auburn = "Auburn",
+    Platinum = "Platinum",
+    Red = "Red",
+    SilverGray = "SilverGray",
+    PastelPink = "PastelPink"
+}
+export default HairColorName;

package/dist/avatar/top/HairColorName.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var HairColorName;
+(function (HairColorName) {
+    HairColorName["Black"] = "Black";
+    HairColorName["Brown"] = "Brown";
+    HairColorName["Blonde"] = "Blonde";
+    HairColorName["BrownDark"] = "BrownDark";
+    HairColorName["BlondeGolden"] = "BlondeGolden";
+    HairColorName["Auburn"] = "Auburn";
+    HairColorName["Platinum"] = "Platinum";
+    HairColorName["Red"] = "Red";
+    HairColorName["SilverGray"] = "SilverGray";
+    HairColorName["PastelPink"] = "PastelPink";
+})(HairColorName || (HairColorName = {}));
+exports.default = HairColorName;

package/dist/avatar/top/Hat.d.ts

@@ -0,0 +1,4 @@
+declare const Hat: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Hat;

package/dist/avatar/top/Hat.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var facialHair_1 = __importDefault(require("./facialHair"));
+var Hat = function (_a) {
+    var children = _a.children;
+    var filter1 = (0, react_1.useId)();
+    var mask1 = (0, react_1.useId)();
+    var mask2 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path2, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M156,180.610951 C173.530782,172.282984 186.048193,155.114792 187.791419,134.867187 C193.569129,134.002364 198,129.018625 198,123 L198,110 C198,104.054007 193.675427,99.1180731 188,98.1659169 L188,92 C188,84.0546578 186.345324,76.495786 183.361772,69.6491845 C173.434911,53 89.3126235,53.8033992 80.7098777,69.4854816 C77.6811789,76.3752214 76,83.9912805 76,92 L76,98.1659169 C70.3245733,99.1180731 66,104.054007 66,110 L66,123 C66,129.018625 70.4308707,134.002364 76.2085808,134.867187 C77.9518066,155.114792 90.4692178,172.282984 108,180.610951 L108,199 L104,199 L104,199 C64.235498,199 32,231.235498 32,271 L32,280 L232,280 L232,271 C232,231.235498 199.764502,199 160,199 L156,199 L156,180.610951 Z M0,5.68434189e-14 L264,5.68434189e-14 L264,280 L0,280 L0,5.68434189e-14 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-0.8%', y: '-2.0%', width: '101.5%', height: '108.0%', filterUnits: 'objectBoundingBox', id: filter1 }, { children: [(0, jsx_runtime_1.jsx)("feOffset", { dx: '0', dy: '2', in: 'SourceAlpha', result: 'shadowOffsetOuter1' }), (0, jsx_runtime_1.jsx)("feColorMatrix", { values: '0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.16 0', type: 'matrix', in: 'shadowOffsetOuter1', result: 'shadowMatrixOuter1' }), (0, jsx_runtime_1.jsxs)("feMerge", { children: [(0, jsx_runtime_1.jsx)("feMergeNode", { in: 'shadowMatrixOuter1' }), (0, jsx_runtime_1.jsx)("feMergeNode", { in: 'SourceGraphic' })] })] }))] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path2 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask1, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(1, 0)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask2, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("path", { fill: '#1F333C', mask: "url(#".concat(mask2, ")"), d: 'M123.182388,2 L141.817612,2 L141.817612,2 C160.609055,2 176.866947,15.0804442 180.890118,33.4361631 L190,75 L75,75 L84.1098821,33.4361631 L84.1098821,33.4361631 C88.1330533,15.0804442 104.390945,2 123.182388,2 Z' }), (0, jsx_runtime_1.jsx)("ellipse", { fill: '#1F333C', mask: "url(#".concat(mask2, ")"), cx: '132', cy: '87.5', rx: '122', ry: '57.5' }), (0, jsx_runtime_1.jsx)("ellipse", { fill: '#15232A', mask: "url(#".concat(mask2, ")"), cx: '132', cy: '82', rx: '62', ry: '25' })] })), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] })) }))] })));
+};
+exports.default = Hat;

package/dist/avatar/top/HatColor.d.ts

@@ -0,0 +1,5 @@
+export interface Props {
+    maskID: string;
+    defaultColor?: string;
+}
+export default function HatColor({ maskID, defaultColor }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/top/HatColor.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var HatColorName_1 = __importDefault(require("./HatColorName"));
+var react_1 = require("react");
+var AvatarContext_1 = __importDefault(require("../AvatarContext"));
+var Color_1 = __importDefault(require("../Color"));
+function HatColor(_a) {
+    var _b;
+    var maskID = _a.maskID, defaultColor = _a.defaultColor;
+    var color = (_b = (0, react_1.useContext)(AvatarContext_1.default).hatColor) !== null && _b !== void 0 ? _b : defaultColor;
+    return (0, jsx_runtime_1.jsx)(Color_1.default, { maskID: maskID, color: getHatColorCode(color), fillRule: 'evenodd' });
+}
+exports.default = HatColor;
+function getHatColorCode(color) {
+    if (color && color.startsWith('#'))
+        return color;
+    switch (color) {
+        case HatColorName_1.default.Black:
+            return '#262E33';
+        case HatColorName_1.default.Blue01:
+            return '#65C9FF';
+        case HatColorName_1.default.Blue02:
+            return '#5199E4';
+        case HatColorName_1.default.Blue03:
+            return '#25557C';
+        case HatColorName_1.default.Gray02:
+            return '#929598';
+        case HatColorName_1.default.Heather:
+            return '#3C4F5C';
+        case HatColorName_1.default.PastelBlue:
+            return '#B1E2FF';
+        case HatColorName_1.default.PastelGreen:
+            return '#A7FFC4';
+        case HatColorName_1.default.PastelOrange:
+            return '#FFDEB5';
+        case HatColorName_1.default.PastelRed:
+            return '#FFAFB9';
+        case HatColorName_1.default.PastelYellow:
+            return '#FFFFB1';
+        case HatColorName_1.default.Pink:
+            return '#FF488E';
+        case HatColorName_1.default.Red:
+            return '#FF5C5C';
+        case HatColorName_1.default.White:
+            return '#FFFFFF';
+        case HatColorName_1.default.Gray01:
+        default:
+            return '#E6E6E6';
+    }
+}

package/dist/avatar/top/HatColorName.d.ts

@@ -0,0 +1,18 @@
+declare enum HatColorName {
+    Black = "Black",
+    Blue01 = "Blue01",
+    Blue02 = "Blue02",
+    Blue03 = "Blue03",
+    Gray01 = "Gray01",
+    Gray02 = "Gray02",
+    Heather = "Heather",
+    PastelBlue = "PastelBlue",
+    PastelGreen = "PastelGreen",
+    PastelOrange = "PastelOrange",
+    PastelRed = "PastelRed",
+    PastelYellow = "PastelYellow",
+    Pink = "Pink",
+    Red = "Red",
+    White = "White"
+}
+export default HatColorName;

package/dist/avatar/top/HatColorName.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var HatColorName;
+(function (HatColorName) {
+    HatColorName["Black"] = "Black";
+    HatColorName["Blue01"] = "Blue01";
+    HatColorName["Blue02"] = "Blue02";
+    HatColorName["Blue03"] = "Blue03";
+    HatColorName["Gray01"] = "Gray01";
+    HatColorName["Gray02"] = "Gray02";
+    HatColorName["Heather"] = "Heather";
+    HatColorName["PastelBlue"] = "PastelBlue";
+    HatColorName["PastelGreen"] = "PastelGreen";
+    HatColorName["PastelOrange"] = "PastelOrange";
+    HatColorName["PastelRed"] = "PastelRed";
+    HatColorName["PastelYellow"] = "PastelYellow";
+    HatColorName["Pink"] = "Pink";
+    HatColorName["Red"] = "Red";
+    HatColorName["White"] = "White";
+})(HatColorName || (HatColorName = {}));
+exports.default = HatColorName;

package/dist/avatar/top/Hijab.d.ts

@@ -0,0 +1,4 @@
+declare const Hijab: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Hijab;

package/dist/avatar/top/Hijab.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var HatColor_1 = __importDefault(require("./HatColor"));
+var Hijab = function (_a) {
+    var children = _a.children;
+    var filter1 = (0, react_1.useId)();
+    var mask1 = (0, react_1.useId)();
+    var mask2 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path1, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M66.0421575,77.0749852 C71.6795257,45.2058307 99.5129755,21 133,21 L133,21 L133,21 C170.555363,21 201,51.444637 201,89 L201,119.751022 C201.875211,129.554379 202.693946,136.422143 203.456205,140.354314 C204.833317,147.458254 209.150269,145.115419 209.150269,155.220201 C209.150269,165.324983 204.822005,168.720206 204.803237,177.705482 C204.784469,186.690758 220.200444,193.836185 220.200444,205.242606 C220.200444,216.649027 213.126079,270.475928 142.577598,270.475928 C127.507235,270.475928 114.670509,266.188589 104.06742,257.613911 C104.750275,264.103957 105.394468,271.565987 106,280 L59,280 C59.9324304,256.228591 51.7156549,242.936205 51.7156549,216.44564 C51.7156549,189.955074 65.3525844,151.427541 65,142 C65.019981,141.417741 65.0406721,140.728417 65.0620734,139.932027 C65.0208303,138.959828 65,137.982347 65,137 L65,89 L65,89 C65,85.0240875 65.3412247,81.1278723 65.9959868,77.3390417 C65.9973236,77.2261704 65.9986613,77.1131564 66,77 C66.0140661,77.0249783 66.0281186,77.0499734 66.0421575,77.0749852 Z M132.5,53 L132.5,53 C102.400481,53 78,77.4004811 78,107.5 L78,107.5 L78,130.5 C78,160.599519 102.400481,185 132.5,185 L133.5,185 C163.599519,185 188,160.599519 188,130.5 L188,107.5 C188,77.4004811 163.599519,53 133.5,53 L133.5,53 L132.5,53 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-0.8%', y: '-2.0%', width: '101.5%', height: '108.0%', filterUnits: 'objectBoundingBox', id: filter1 }, { children: [(0, jsx_runtime_1.jsx)("feOffset", { dx: '0', dy: '2', in: 'SourceAlpha', result: 'shadowOffsetOuter1' }), (0, jsx_runtime_1.jsx)("feColorMatrix", { values: '0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.16 0', type: 'matrix', in: 'shadowOffsetOuter1', result: 'shadowMatrixOuter1' }), (0, jsx_runtime_1.jsxs)("feMerge", { children: [(0, jsx_runtime_1.jsx)("feMergeNode", { in: 'shadowMatrixOuter1' }), (0, jsx_runtime_1.jsx)("feMergeNode", { in: 'SourceGraphic' })] })] }))] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask1, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask2, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path2 }) })), (0, jsx_runtime_1.jsx)("use", { stroke: 'none', fill: '#3B6BAD', fillRule: 'evenodd', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask2, defaultColor: 'Blue03' }), (0, jsx_runtime_1.jsx)("path", { stroke: 'none', fillOpacity: '0.5', fill: '#FFFFFF', fillRule: 'evenodd', mask: "url(#".concat(mask2, ")"), d: 'M72.0744416,104.959767 C71.3690172,101.246903 71,97.4161983 71,93.5 C71,59.5344879 98.7583455,32 133,32 C167.241654,32 195,59.5344879 195,93.5 C195,97.4161983 194.630983,101.246903 193.925558,104.959767 C192.341315,72.6827942 165.669927,47 133,47 C100.330073,47 73.6586845,72.6827942 72.0744428,104.959774 Z' }), (0, jsx_runtime_1.jsx)("path", { stroke: 'none', fillOpacity: '0.16', fill: '#000000', fillRule: 'evenodd', opacity: '0.899999976', mask: "url(#".concat(mask2, ")"), d: 'M187.929085,104.69543 C188.631457,108.187732 189,111.800827 189,115.5 L189,138.5 C189,168.599519 164.599519,193 134.5,193 L131.5,193 C101.400481,193 77,168.599519 77,138.5 L77,115.5 L77,115.5 C77,111.800827 77.3685433,108.187732 78.0709154,104.69543 C78.0238287,105.624341 78,106.559388 78,107.5 L78,107.5 L78,130.5 C78,160.599519 102.400481,185 132.5,185 L133.5,185 C163.599519,185 188,160.599519 188,130.5 L188,130.5 L188,107.5 C188,106.559388 187.976171,105.624341 187.929085,104.69543 Z M114.16682,206.995462 C120.651206,211.981028 135.663493,213.708321 152.404574,210.756416 C169.145655,207.804512 182.661822,201.046883 187.049987,194.144193 C187.118291,194.396526 187.175421,194.652296 187.221114,194.911435 C188.930607,204.606451 173.985409,215.345413 153.84008,218.897578 C133.694752,222.449742 115.977919,217.469978 114.268426,207.774963 C114.222732,207.515823 114.188938,207.255938 114.166824,206.995464 Z M126.034638,235.921439 C134.227056,241.574977 150.421729,241.843835 167.103682,235.772101 C183.785635,229.700366 196.018656,219.084674 198.660388,209.487828 C198.803116,209.80837 198.935124,210.134883 199.056117,210.46731 C203.582768,222.904181 190.979008,238.909268 170.904831,246.215671 C150.830654,253.522074 130.887742,249.363007 126.361091,236.926135 C126.240098,236.593709 126.131343,236.258733 126.034643,235.921442 Z' }), children] })) }))] })));
+};
+exports.default = Hijab;

package/dist/avatar/top/LongHairBigHair.d.ts

@@ -0,0 +1,4 @@
+declare const LongHairBigHair: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LongHairBigHair;

package/dist/avatar/top/LongHairBigHair.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var facialHair_1 = __importDefault(require("./facialHair"));
+var HairColor_1 = __importDefault(require("./HairColor"));
+var LongHairBigHair = function (_a) {
+    var children = _a.children;
+    var mask1 = (0, react_1.useId)();
+    var mask2 = (0, react_1.useId)();
+    var mask3 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    var path3 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path1, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M222.384814,182.806274 C217.011239,188.518122 211.648364,192.127879 211.831204,198 C212.148076,209.888877 255.439069,245.051165 216.999964,267.00001 L16.0053198,267 C-22.4337677,245.051165 20.8572256,209.888877 21.1740982,198 C21.3569373,192.127879 15.9940628,188.518122 10.6204878,182.806274 C5.24691269,177.094426 -0.137362978,169.280486 0.00267373922,155 C0.944497502,125.971596 31.3716806,128.588232 31.2026676,109 C31.3716806,89.9992744 19.8139454,82.1607482 31.2026676,46 C42.8395963,9.53932757 72.9165934,0.768171773 116.002651,0.0159928999 L116.002651,0 C116.16951,0.002426813 116.336177,0.0049705256 116.502651,0.0076322645 C116.669125,0.0049705256 116.835791,0.002426813 117.002651,0 L117.002651,0.0159928999 C160.088708,0.768171773 190.165705,9.53932757 201.802634,46 C213.191356,82.1607482 201.633621,89.9992744 201.802634,109 C201.633621,128.588232 232.060804,125.971596 233.002628,155 C233.142665,169.280486 227.758389,177.094426 222.384814,182.806274 Z M182.884023,95.3249541 C161.364085,83.7373848 142.890027,67.1442914 130.845581,48.302359 C112.763849,73.9237118 76.5299076,78.5347548 51.2240944,94.679971 C51.0770557,95.4306015 51,96.2063021 51,97 L51,110 C51,116.018625 55.4308707,121.002364 61.2085808,121.867187 C62.9518066,142.114792 75.4692178,159.282984 93,167.610951 L93,186 L89,186 L89,186 C49.235498,186 17,218.235498 17,258 L17,267 L217,267 L217,258 C217,218.235498 184.764502,186 145,186 L141,186 L141,167.610951 C158.530782,159.282984 171.048193,142.114792 172.791419,121.867187 C178.569129,121.002364 183,116.018625 183,110 L183,97 C183,96.4315537 182.960475,95.8723389 182.884023,95.3249541 Z' }), (0, jsx_runtime_1.jsx)("path", { id: path3, d: 'M222.384814,182.806274 C217.011239,188.518122 211.648364,192.127879 211.831204,198 C212.148076,209.888877 255.439069,245.051165 216.999964,267.00001 L16.0053198,267 C-22.4337677,245.051165 20.8572256,209.888877 21.1740982,198 C21.3569373,192.127879 15.9940628,188.518122 10.6204878,182.806274 C5.24691269,177.094426 -0.137362978,169.280486 0.00267373922,155 C0.944497502,125.971596 31.3716806,128.588232 31.2026676,109 C31.3716806,89.9992744 19.8139454,82.1607482 31.2026676,46 C42.8395963,9.53932757 72.9165934,0.768171773 116.002651,0.0159928999 L116.002651,0 C116.16951,0.002426813 116.336177,0.0049705256 116.502651,0.0076322645 C116.669125,0.0049705256 116.835791,0.002426813 117.002651,0 L117.002651,0.0159928999 C160.088708,0.768171773 190.165705,9.53932757 201.802634,46 C213.191356,82.1607482 201.633621,89.9992744 201.802634,109 C201.633621,128.588232 232.060804,125.971596 233.002628,155 C233.142665,169.280486 227.758389,177.094426 222.384814,182.806274 Z M93,186 L89,186 L89,186 C49.235498,186 17,218.235498 17,258 L17,267 L217,267 L217,258 C217,218.235498 184.764502,186 145,186 L141,186 L141,140 L93,140 L93,186 Z' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask2, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask2, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fill: 'none', fillRule: 'evenodd', transform: 'translate(16, 13)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask3, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path2 }) })), (0, jsx_runtime_1.jsx)("use", { fill: '#314756', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask3 })] })), (0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fill: 'none', fillRule: 'evenodd', transform: 'translate(16, 13)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (0, jsx_runtime_1.jsx)("path", { fillOpacity: '0.16', fill: '#000000', mask: "url(#".concat(mask1, ")"), d: 'M30.0988695,115.056827 C27.7250732,118.08281 24.5296181,122.528485 24.3618393,122.19381 C26.2345006,119.810609 27.3747977,117.011661 27.3409475,113.436088 C27.517612,95.334874 15.4366324,87.8674306 27.3409475,53.4185647 C28.0096512,51.5090274 29.1070085,49.7044671 30.585889,48.0048838 C20.2433352,82.4586863 31.3685109,90.3556196 31.2026676,109 C31.2224682,111.294844 30.8223327,113.284923 30.0988695,115.056827 Z M202.419413,48.0048838 C203.898293,49.7044671 204.995651,51.5090274 205.664354,53.4185647 C215.822041,82.8130155 208.516445,92.5627534 206.263744,106.036479 C205.964379,106.841192 206.195125,107.789747 205.880216,108.603009 C175.207016,98.1454461 147.589972,78.5596292 131.494917,55.6119279 C108.710969,85.0357527 58.3544031,85.3732378 33.6737341,110.936101 C34.0607045,110.391798 34.4280855,109.884956 34.7584999,109.446288 C57.2940449,79.527377 108.24688,80.3241416 130.845581,48.302359 C146.243536,72.3904102 172.664446,92.9495135 202.009146,103.926748 C202.310417,103.073073 202.089664,102.077381 202.376063,101.232679 C204.483829,87.4002546 211.215481,77.3069293 202.419413,48.0048838 Z' })] })), (0, jsx_runtime_1.jsx)("path", { fillOpacity: '0.1', fill: '#FFFFFF', fillRule: 'evenodd', d: 'M50.7584999,122.446288 C73.2940449,92.527377 124.24688,93.3241416 146.845581,61.302359 C162.243536,85.3904102 188.664446,105.949514 218.009146,116.926748 C218.310417,116.073073 218.089664,115.077381 218.376063,114.232679 C220.531197,100.089398 227.520377,89.8551619 217.802634,59 C206.165705,22.5393276 176.088708,13.7681718 133.002651,13.0159929 C132.336177,13.0049705 132.16951,13.0024268 132.002651,13 C88.9165934,13.7681718 58.8395963,22.5393276 47.2026676,59 C35.8139454,95.1607482 47.3716806,102.999274 47.2026676,122 C47.2350518,125.753256 46.1441426,128.691293 44.3525888,131.192923 C44.5361111,131.59459 48.5061717,125.436551 50.7584999,122.446288 Z' }), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] })) }))] })));
+};
+exports.default = LongHairBigHair;

package/dist/avatar/top/LongHairBob.d.ts

@@ -0,0 +1,4 @@
+declare const LongHairBob: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LongHairBob;

package/dist/avatar/top/LongHairBob.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var facialHair_1 = __importDefault(require("./facialHair"));
+var HairColor_1 = __importDefault(require("./HairColor"));
+var LongHairBob = function (_a) {
+    var children = _a.children;
+    var mask1 = (0, react_1.useId)();
+    var mask2 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path1, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M38,79.3595521 L38,111 C38,133.339168 51.0804213,152.623239 70,161.610951 L70,174.74565 C50.3625813,177.434228 34.6409914,182.163507 23.3845374,181.000327 C9.16164761,179.530612 1.49623627,150.795665 1,126 C0.382878875,95.1640258 29.3189583,30.7950013 40,18 C47.9231015,8.50878211 69.6952966,0.550643437 94.0001685,1 C118.30504,1.44935656 140.861928,6.81215989 149.000169,17 C161.324059,32.4276364 186.868727,91.0786423 187.000169,126 C187.093514,150.800049 177.46255,175.65995 164.000169,177 C152.920532,178.102871 137.475571,175.511343 118,173.997342 L118,161.610951 C136.919579,152.623239 150,133.339168 150,111 L150,82.9882378 C140.478735,78.1305678 131.863294,72.248172 124.153679,65.3410505 C127.362309,70.6368571 130.848786,75.1475352 134.61311,78.8730846 C107.596314,71.2928169 86.1055278,58.4501118 70.1407506,40.3449693 C62.1597317,56.8095313 51.4461487,69.8143919 38.0000014,79.3595511 Z' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask1, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(39, 19)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask2, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path2 }) })), (0, jsx_runtime_1.jsx)("use", { fill: '#E6E6E6', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask2 })] })), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] })) }))] })));
+};
+exports.default = LongHairBob;

package/dist/avatar/top/LongHairBun.d.ts

@@ -0,0 +1,4 @@
+declare const LongHairBun: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LongHairBun;

package/dist/avatar/top/LongHairBun.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var facialHair_1 = __importDefault(require("./facialHair"));
+var HairColor_1 = __importDefault(require("./HairColor"));
+var LongHairBun = function (_a) {
+    var children = _a.children;
+    var mask1 = (0, react_1.useId)();
+    var mask2 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path2, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M114.939716,28.3372418 C113.953527,28.5587334 112.985531,28.7906134 112.036894,29.0299707 C96.9448338,32.8379559 88.0168242,43.6513048 80.3566792,59.6480618 C76.5956048,67.5028569 74.3660182,76.7914798 74.0230569,85.4813651 C73.8884429,88.8932666 74.3484305,92.415154 75.267729,95.7003546 C75.6049405,96.9061873 77.4232441,101.086987 77.9224658,97.70885 C78.0885348,96.584253 77.4804043,95.0327505 77.4215529,93.8376154 C77.3444374,92.2693977 77.4273028,90.6807875 77.5341822,89.1149098 C77.7340739,86.1874141 78.2559568,83.3154127 79.1847257,80.524647 C80.5119249,76.5367405 82.2013644,72.212859 84.7874413,68.8480942 C91.1883705,60.5205939 95.7648164,43.2055199 133,41.6707324 C170.235184,40.1359449 181.748751,67.461069 185.182761,73.3006826 C189.2479,80.2147477 187.37751,88.7073939 188.619138,96.2008069 C189.091302,99.05041 190.164155,98.986558 190.751315,96.4378281 C191.748406,92.1082634 192.219217,87.6102098 191.901961,83.1592929 C191.183568,73.1114668 187.496636,46.7057251 167.308863,35.006118 C161.866498,31.8520537 156.438352,29.6874962 151.116597,28.2827668 C154.176091,25.3110645 156,21.5675963 156,17.5 C156,7.83501688 145.702549,0 133,0 C120.297451,0 110,7.83501688 110,17.5 C110,21.5924906 111.846303,25.3568736 114.939716,28.3372418 Z' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask2, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path2 }) })), (0, jsx_runtime_1.jsx)("g", __assign({ mask: "url(#".concat(mask2, ")") }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(-1, 0)' }, { children: [(0, jsx_runtime_1.jsx)(facialHair_1.default, {}), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path1 }) })), (0, jsx_runtime_1.jsx)("use", { stroke: 'none', fill: '#28354B', fillRule: 'evenodd', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask1 }), children] })) }))] })));
+};
+exports.default = LongHairBun;

package/dist/avatar/top/LongHairCurly.d.ts

@@ -0,0 +1,4 @@
+declare const LongHairCurly: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LongHairCurly;