@testpig/avataaars 1.0.0

package/dist/avatar/top/ShortHairSides.js

@@ -0,0 +1,30 @@
+"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 ShortHairSides = 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)();
+    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: 'M65.1802189,77.7372986 C67.3631845,76.1045334 80.4065113,75.4786511 82.757829,74.0894494 C83.4916461,73.6553857 84.0610723,73.215719 84.4997781,72.7800074 C84.938814,73.215719 85.5085703,73.6553857 86.2423874,74.0894494 C88.593375,75.4786511 101.636702,76.1045334 103.819667,77.7372986 C106.030032,79.3908276 107.643571,83.1846831 107.466966,86.15095 C107.255041,89.7101408 103.361486,98.2028927 93.6723269,99.1811016 C91.5576925,96.8281927 88.2368647,95.3104528 84.4997781,95.3104528 C80.7633517,95.3104528 77.4421938,96.8281927 75.3275594,99.1811016 C65.6387308,98.2028927 61.7451757,89.7101408 61.5332501,86.15095 C61.3566455,83.1846831 62.9701849,79.3908276 65.1802189,77.7372986 M103.141638,94.9063813 C103.142958,94.9057221 103.144609,94.905063 103.145929,94.9047334 C103.144278,94.905063 103.142958,94.9057221 103.141638,94.9063813 M65.8453747,94.9014375 C65.8493359,94.9030855 65.8565982,94.9057221 65.8618798,94.9076997 C65.8565982,94.9057221 65.8509864,94.9034151 65.8453747,94.9014375 M144.86259,55.9853335 C144.47439,50.0303878 143.277769,44.1519058 142.233986,38.2862777 C141.952739,36.7072349 140.423706,26 139.734783,26 C139.502391,35.1094058 138.701893,44.0803858 137.669664,53.1393651 C137.361018,55.8475668 137.037848,58.5564277 136.825262,61.2741874 C136.653609,63.4695546 136.959614,66.1220564 136.427819,68.2455739 C135.749129,70.9524573 132.348087,73.4783984 129.702978,74.410795 C123.102915,76.7373371 117.597802,67.1077689 111.960977,64.2911336 C104.643272,60.6347152 92.0637391,59.7639895 84.5816434,64.5297918 C76.9361472,59.7639895 64.356614,60.6347152 57.0389092,64.2911336 C51.4024147,67.1077689 45.8969708,76.7373371 39.2972383,74.410795 C36.6521296,73.4783984 33.2504268,70.9524573 32.572397,68.2455739 C32.0402723,66.1220564 32.346277,63.4695546 32.174954,61.2741874 C31.9623682,58.5564277 31.6388681,55.8475668 31.3302226,53.1393651 C30.2983232,44.0803858 29.4974953,35.1094058 29.2654335,26 C28.5761802,26 27.0468169,36.7072349 26.7658999,38.2862777 C25.7221169,44.1519058 24.5258266,50.0303878 24.1376265,55.9853335 C23.738533,62.1047422 24.2148704,68.1674622 25.4695887,74.1632765 C26.0687242,77.0277016 26.7685407,79.8756475 27.518863,82.7041478 C28.352701,85.8467429 27.198994,91.9661516 27.5723395,95.1921317 C28.2787581,101.29572 31.1542781,113.199679 34.3833375,118.45096 C35.9440605,120.989096 37.7734867,122.573742 39.816489,124.619148 C41.7825775,126.58809 42.6038717,129.640049 44.7260985,131.73687 C48.6820428,135.645092 54.4456266,137.971304 60.3656788,138.543134 C65.6773527,143.050212 74.505605,146 84.4997781,146 C94.4946114,146 103.322534,143.050212 108.634538,138.543134 C114.55393,137.971304 120.317843,135.645092 124.274118,131.73687 C126.396015,129.640049 127.217309,126.58809 129.183727,124.619148 C131.2264,122.573742 133.055826,120.989096 134.616879,118.45096 C137.845608,113.199679 140.721458,101.29572 141.427547,95.1921317 C141.800892,91.9661516 140.647185,85.8467429 141.481353,82.7041478 C142.231676,79.8756475 142.931162,77.0277016 143.530628,74.1632765 C144.784686,68.1674622 145.261353,62.1047422 144.86259,55.9853335 Z' }), (0, jsx_runtime_1.jsx)("path", { id: path3, d: 'M6,28 C0.923687084,28.0709555 0,26.9937684 0,23 C1.30010922e-16,17.3439836 4.0408529,6.77808536 8,2 C9.17612094,-0.170695788 11.6189856,-1.43187215 11,3 C8.3404922,11.4766099 11.4173429,27.914487 6,28 Z M120,28 C114.582657,27.914487 117.659508,11.4766099 115,3 C114.381014,-1.43187215 116.823879,-0.170695788 118,2 C121.959147,6.77808536 126,17.3439836 126,23 C126,26.9937684 125.076313,28.0709555 120,28 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.jsx)(facialHair_1.default, {}), (0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(70, 74)' }, { 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)("use", { fill: '#9E7A7A', xlinkHref: '#' + path3 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask1 })] })), children] })) }))] })));
+};
+exports.default = ShortHairSides;

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

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

package/dist/avatar/top/ShortHairTheCaesar.js

@@ -0,0 +1,30 @@
+"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 ShortHairTheCaesar = 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: 'M1,64 C1.34685629,65.488448 2.67275588,65.2226722 3,64 C2.53726005,62.445722 6.29594493,35.2480719 16,28 C19.618222,25.4833872 39.0082164,23.2319099 58.3126144,23.245568 C77.4086061,23.2590787 96.4208396,25.5105561 100,28 C109.704055,35.2480719 113.46274,62.445722 113,64 C113.327244,65.2226722 114.653144,65.488448 115,64 C115.719178,53.7019177 115,0.274362825 58,1 C1,1.72563718 0.280821545,53.7019177 1,64 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)(facialHair_1.default, {}), (0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(75, 34)' }, { 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: '#28354B', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask2 })] })), children] })) }))] })));
+};
+exports.default = ShortHairTheCaesar;

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

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

package/dist/avatar/top/ShortHairTheCaesarSidePart.js

@@ -0,0 +1,30 @@
+"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 ShortHairTheCaesarSidePart = 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: 'M82.0179468,24.3784638 C74.9860629,23.6847351 66.6573358,23.2514721 58.3126144,23.245568 C39.0082164,23.2319099 19.618222,25.4833872 16,28 C6.29594493,35.2480719 2.53726005,62.445722 3,64 C2.67275588,65.2226722 1.34685629,65.488448 1,64 C0.280821545,53.7019177 1,1.72563718 58,1 C115,0.274362825 115.719178,53.7019177 115,64 C114.653144,65.488448 113.327244,65.2226722 113,64 C113.46274,62.445722 109.704055,35.2480719 100,28 C98.2407122,26.7763475 92.7526689,25.6101897 85.3587425,24.7390449 L89,16 L82.0179468,24.3784638 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)(facialHair_1.default, {}), (0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(75, 34)' }, { 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: '#28354B', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)(HairColor_1.default, { maskID: mask2 })] })), children] })) }))] })));
+};
+exports.default = ShortHairTheCaesarSidePart;

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

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

package/dist/avatar/top/Top.js

@@ -0,0 +1,128 @@
+"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 react_1 = require("react");
+var AvatarContext_1 = __importDefault(require("../AvatarContext"));
+var Eyepatch_1 = __importDefault(require("./Eyepatch"));
+var Hat_1 = __importDefault(require("./Hat"));
+var Hijab_1 = __importDefault(require("./Hijab"));
+var LongHairBigHair_1 = __importDefault(require("./LongHairBigHair"));
+var LongHairBob_1 = __importDefault(require("./LongHairBob"));
+var LongHairBun_1 = __importDefault(require("./LongHairBun"));
+var LongHairCurly_1 = __importDefault(require("./LongHairCurly"));
+var LongHairCurvy_1 = __importDefault(require("./LongHairCurvy"));
+var LongHairDreads_1 = __importDefault(require("./LongHairDreads"));
+var LongHairFrida_1 = __importDefault(require("./LongHairFrida"));
+var LongHairFro_1 = __importDefault(require("./LongHairFro"));
+var LongHairFroBand_1 = __importDefault(require("./LongHairFroBand"));
+var LongHairMiaWallace_1 = __importDefault(require("./LongHairMiaWallace"));
+var LongHairNotTooLong_1 = __importDefault(require("./LongHairNotTooLong"));
+var LongHairShavedSides_1 = __importDefault(require("./LongHairShavedSides"));
+var LongHairStraight_1 = __importDefault(require("./LongHairStraight"));
+var LongHairStraight2_1 = __importDefault(require("./LongHairStraight2"));
+var LongHairStraightStrand_1 = __importDefault(require("./LongHairStraightStrand"));
+var NoHair_1 = __importDefault(require("./NoHair"));
+var PrinceCut_1 = __importDefault(require("./PrinceCut"));
+var ShortHairDreads01_1 = __importDefault(require("./ShortHairDreads01"));
+var ShortHairDreads02_1 = __importDefault(require("./ShortHairDreads02"));
+var ShortHairFrizzle_1 = __importDefault(require("./ShortHairFrizzle"));
+var ShortHairShaggyMullet_1 = __importDefault(require("./ShortHairShaggyMullet"));
+var ShortHairShortCurly_1 = __importDefault(require("./ShortHairShortCurly"));
+var ShortHairShortFlat_1 = __importDefault(require("./ShortHairShortFlat"));
+var ShortHairShortRound_1 = __importDefault(require("./ShortHairShortRound"));
+var ShortHairShortWaved_1 = __importDefault(require("./ShortHairShortWaved"));
+var ShortHairSides_1 = __importDefault(require("./ShortHairSides"));
+var ShortHairTheCaesar_1 = __importDefault(require("./ShortHairTheCaesar"));
+var ShortHairTheCaesarSidePart_1 = __importDefault(require("./ShortHairTheCaesarSidePart"));
+var TopType_1 = __importDefault(require("./TopType"));
+var Turban_1 = __importDefault(require("./Turban"));
+var WinterHat1_1 = __importDefault(require("./WinterHat1"));
+var WinterHat2_1 = __importDefault(require("./WinterHat2"));
+var WinterHat3_1 = __importDefault(require("./WinterHat3"));
+var WinterHat4_1 = __importDefault(require("./WinterHat4"));
+var Top = function (_a) {
+    var _b;
+    var children = _a.children;
+    var type = (_b = (0, react_1.useContext)(AvatarContext_1.default).topType) !== null && _b !== void 0 ? _b : TopType_1.default.LongHairStraight;
+    switch (type) {
+        case TopType_1.default.NoHair:
+            return (0, jsx_runtime_1.jsx)(NoHair_1.default, { children: children });
+        case TopType_1.default.Eyepatch:
+            return (0, jsx_runtime_1.jsx)(Eyepatch_1.default, {});
+        case TopType_1.default.Hat:
+            return (0, jsx_runtime_1.jsx)(Hat_1.default, { children: children });
+        case TopType_1.default.Hijab:
+            return (0, jsx_runtime_1.jsx)(Hijab_1.default, { children: children });
+        case TopType_1.default.Turban:
+            return (0, jsx_runtime_1.jsx)(Turban_1.default, { children: children });
+        case TopType_1.default.WinterHat1:
+            return (0, jsx_runtime_1.jsx)(WinterHat1_1.default, { children: children });
+        case TopType_1.default.WinterHat2:
+            return (0, jsx_runtime_1.jsx)(WinterHat2_1.default, { children: children });
+        case TopType_1.default.WinterHat3:
+            return (0, jsx_runtime_1.jsx)(WinterHat3_1.default, { children: children });
+        case TopType_1.default.WinterHat4:
+            return (0, jsx_runtime_1.jsx)(WinterHat4_1.default, { children: children });
+        case TopType_1.default.LongHairBigHair:
+            return (0, jsx_runtime_1.jsx)(LongHairBigHair_1.default, { children: children });
+        case TopType_1.default.LongHairBob:
+            return (0, jsx_runtime_1.jsx)(LongHairBob_1.default, { children: children });
+        case TopType_1.default.LongHairBun:
+            return (0, jsx_runtime_1.jsx)(LongHairBun_1.default, { children: children });
+        case TopType_1.default.LongHairCurly:
+            return (0, jsx_runtime_1.jsx)(LongHairCurly_1.default, { children: children });
+        case TopType_1.default.LongHairCurvy:
+            return (0, jsx_runtime_1.jsx)(LongHairCurvy_1.default, { children: children });
+        case TopType_1.default.LongHairDreads:
+            return (0, jsx_runtime_1.jsx)(LongHairDreads_1.default, { children: children });
+        case TopType_1.default.LongHairFrida:
+            return (0, jsx_runtime_1.jsx)(LongHairFrida_1.default, { children: children });
+        case TopType_1.default.LongHairFro:
+            return (0, jsx_runtime_1.jsx)(LongHairFro_1.default, { children: children });
+        case TopType_1.default.LongHairFroBand:
+            return (0, jsx_runtime_1.jsx)(LongHairFroBand_1.default, { children: children });
+        case TopType_1.default.LongHairNotTooLong:
+            return (0, jsx_runtime_1.jsx)(LongHairNotTooLong_1.default, { children: children });
+        case TopType_1.default.LongHairShavedSides:
+            return (0, jsx_runtime_1.jsx)(LongHairShavedSides_1.default, { children: children });
+        case TopType_1.default.LongHairMiaWallace:
+            return (0, jsx_runtime_1.jsx)(LongHairMiaWallace_1.default, { children: children });
+        case TopType_1.default.LongHairStraight:
+            return (0, jsx_runtime_1.jsx)(LongHairStraight_1.default, { children: children });
+        case TopType_1.default.LongHairStraight2:
+            return (0, jsx_runtime_1.jsx)(LongHairStraight2_1.default, { children: children });
+        case TopType_1.default.LongHairStraightStrand:
+            return (0, jsx_runtime_1.jsx)(LongHairStraightStrand_1.default, { children: children });
+        case TopType_1.default.ShortHairDreads01:
+            return (0, jsx_runtime_1.jsx)(ShortHairDreads01_1.default, { children: children });
+        case TopType_1.default.ShortHairDreads02:
+            return (0, jsx_runtime_1.jsx)(ShortHairDreads02_1.default, { children: children });
+        case TopType_1.default.ShortHairFrizzle:
+            return (0, jsx_runtime_1.jsx)(ShortHairFrizzle_1.default, { children: children });
+        /* XXX: broken, fix it later
+        case TopType.ShortHairShaggy:
+          return <ShortHairShaggy>{children}</ShortHairShaggy>*/
+        case TopType_1.default.ShortHairShaggyMullet:
+            return (0, jsx_runtime_1.jsx)(ShortHairShaggyMullet_1.default, { children: children });
+        case TopType_1.default.ShortHairShortCurly:
+            return (0, jsx_runtime_1.jsx)(ShortHairShortCurly_1.default, { children: children });
+        case TopType_1.default.ShortHairShortFlat:
+            return (0, jsx_runtime_1.jsx)(ShortHairShortFlat_1.default, { children: children });
+        case TopType_1.default.ShortHairShortRound:
+            return (0, jsx_runtime_1.jsx)(ShortHairShortRound_1.default, { children: children });
+        case TopType_1.default.ShortHairShortWaved:
+            return (0, jsx_runtime_1.jsx)(ShortHairShortWaved_1.default, { children: children });
+        case TopType_1.default.ShortHairSides:
+            return (0, jsx_runtime_1.jsx)(ShortHairSides_1.default, { children: children });
+        case TopType_1.default.ShortHairTheCaesar:
+            return (0, jsx_runtime_1.jsx)(ShortHairTheCaesar_1.default, { children: children });
+        case TopType_1.default.ShortHairTheCaesarSidePart:
+            return (0, jsx_runtime_1.jsx)(ShortHairTheCaesarSidePart_1.default, { children: children });
+        case TopType_1.default.PrinceCut:
+            return (0, jsx_runtime_1.jsx)(PrinceCut_1.default, { children: children });
+    }
+};
+exports.default = Top;

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

@@ -0,0 +1,39 @@
+declare enum TopType {
+    NoHair = "NoHair",
+    Eyepatch = "Eyepatch",
+    Hat = "Hat",
+    Hijab = "Hijab",
+    Turban = "Turban",
+    WinterHat1 = "WinterHat1",
+    WinterHat2 = "WinterHat2",
+    WinterHat3 = "WinterHat3",
+    WinterHat4 = "WinterHat4",
+    LongHairBigHair = "LongHairBigHair",
+    LongHairBob = "LongHairBob",
+    LongHairBun = "LongHairBun",
+    LongHairCurly = "LongHairCurly",
+    LongHairCurvy = "LongHairCurvy",
+    LongHairDreads = "LongHairDreads",
+    LongHairFrida = "LongHairFrida",
+    LongHairFro = "LongHairFro",
+    LongHairFroBand = "LongHairFroBand",
+    LongHairNotTooLong = "LongHairNotTooLong",
+    LongHairShavedSides = "LongHairShavedSides",
+    LongHairMiaWallace = "LongHairMiaWallace",
+    LongHairStraight = "LongHairStraight",
+    LongHairStraight2 = "LongHairStraight2",
+    LongHairStraightStrand = "LongHairStraightStrand",
+    ShortHairDreads01 = "ShortHairDreads01",
+    ShortHairDreads02 = "ShortHairDreads02",
+    ShortHairFrizzle = "ShortHairFrizzle",
+    ShortHairShaggyMullet = "ShortHairShaggyMullet",
+    ShortHairShortCurly = "ShortHairShortCurly",
+    ShortHairShortFlat = "ShortHairShortFlat",
+    ShortHairShortRound = "ShortHairShortRound",
+    ShortHairShortWaved = "ShortHairShortWaved",
+    ShortHairSides = "ShortHairSides",
+    ShortHairTheCaesar = "ShortHairTheCaesar",
+    ShortHairTheCaesarSidePart = "ShortHairTheCaesarSidePart",
+    PrinceCut = "PrinceCut"
+}
+export default TopType;

package/dist/avatar/top/TopType.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var TopType;
+(function (TopType) {
+    TopType["NoHair"] = "NoHair";
+    TopType["Eyepatch"] = "Eyepatch";
+    TopType["Hat"] = "Hat";
+    TopType["Hijab"] = "Hijab";
+    TopType["Turban"] = "Turban";
+    TopType["WinterHat1"] = "WinterHat1";
+    TopType["WinterHat2"] = "WinterHat2";
+    TopType["WinterHat3"] = "WinterHat3";
+    TopType["WinterHat4"] = "WinterHat4";
+    TopType["LongHairBigHair"] = "LongHairBigHair";
+    TopType["LongHairBob"] = "LongHairBob";
+    TopType["LongHairBun"] = "LongHairBun";
+    TopType["LongHairCurly"] = "LongHairCurly";
+    TopType["LongHairCurvy"] = "LongHairCurvy";
+    TopType["LongHairDreads"] = "LongHairDreads";
+    TopType["LongHairFrida"] = "LongHairFrida";
+    TopType["LongHairFro"] = "LongHairFro";
+    TopType["LongHairFroBand"] = "LongHairFroBand";
+    TopType["LongHairNotTooLong"] = "LongHairNotTooLong";
+    TopType["LongHairShavedSides"] = "LongHairShavedSides";
+    TopType["LongHairMiaWallace"] = "LongHairMiaWallace";
+    TopType["LongHairStraight"] = "LongHairStraight";
+    TopType["LongHairStraight2"] = "LongHairStraight2";
+    TopType["LongHairStraightStrand"] = "LongHairStraightStrand";
+    TopType["ShortHairDreads01"] = "ShortHairDreads01";
+    TopType["ShortHairDreads02"] = "ShortHairDreads02";
+    TopType["ShortHairFrizzle"] = "ShortHairFrizzle";
+    TopType["ShortHairShaggyMullet"] = "ShortHairShaggyMullet";
+    TopType["ShortHairShortCurly"] = "ShortHairShortCurly";
+    TopType["ShortHairShortFlat"] = "ShortHairShortFlat";
+    TopType["ShortHairShortRound"] = "ShortHairShortRound";
+    TopType["ShortHairShortWaved"] = "ShortHairShortWaved";
+    TopType["ShortHairSides"] = "ShortHairSides";
+    TopType["ShortHairTheCaesar"] = "ShortHairTheCaesar";
+    TopType["ShortHairTheCaesarSidePart"] = "ShortHairTheCaesarSidePart";
+    TopType["PrinceCut"] = "PrinceCut";
+})(TopType || (TopType = {}));
+exports.default = TopType;

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

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

package/dist/avatar/top/Turban.js

@@ -0,0 +1,32 @@
+"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 HatColor_1 = __importDefault(require("./HatColor"));
+var Turban = 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 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: '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,61.072054 162.927946,36 132,36 C101.072054,36 76,61.072054 76,92 L76,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.jsx)("path", { id: path3, d: 'M83.9715543,55.8170792 C107.404232,69.414362 145.114919,82.1112884 139,138 C158.377483,132.360101 168.044149,116.801277 168,91.3235294 C167.918252,44.1482824 115.850571,6.80154462e-15 86,0 C85.3259486,0 84.6559706,0.0296343787 83.9916946,0.0880669528 C83.3328225,0.0296343217 82.6684563,0 82.0002187,0 C52.0737254,6.80154462e-15 0.0804892181,44.1482783 0.00021866091,91.3235294 C-0.0442202163,117.440393 9.62244645,132.999216 29.0002187,138 C22.8618971,82.1112789 60.5101967,69.4143577 83.9715662,55.8170722 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)(facialHair_1.default, {}), (0, jsx_runtime_1.jsx)("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: '#' + path2 }) })) })), (0, jsx_runtime_1.jsxs)("g", __assign({ strokeWidth: '1', fillRule: 'evenodd', transform: 'translate(1, 0)' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#EDECE3', d: 'M74.5304294,97.5 C73.529284,95.0905557 73,92.5798498 73,90 C73,71.7746033 99.4151998,57 132,57 C164.5848,57 191,71.7746033 191,90 C191,92.5798498 190.470716,95.0905557 189.469571,97.5 C183.398106,82.8878805 159.972341,72 132,72 C104.027659,72 80.6018941,82.8878805 74.5304294,97.5 Z' }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(48, 3)' }, { children: [(0, jsx_runtime_1.jsx)("mask", __assign({ id: mask3, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (0, jsx_runtime_1.jsx)("use", { fill: '#124C74', xlinkHref: '#' + path3 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask3, defaultColor: 'Blue03' })] })), (0, jsx_runtime_1.jsx)("path", { fillOpacity: '0.16', fill: '#000000', d: 'M48.0110963,96.0123559 C48.3807929,121.112082 58.0438337,136.107963 77.0002187,141 C57.6224465,136.289117 47.9557798,121.632254 48.0002187,97.0294118 C48.0008313,96.6902213 48.0044682,96.351197 48.0110963,96.0123559 Z M152.645822,30.4681115 C153.39011,36.1953086 152.126202,42.8891982 148.000219,50.135763 C136.847465,71.5667661 76.561434,72.0039826 76.3339794,129.679698 C76.1051437,67.7612631 136.805324,67.3799133 148.000219,44.5441176 C150.669864,39.5668152 152.141299,34.8351296 152.645822,30.4681115 Z' })] })), children] })) }))] })));
+};
+exports.default = Turban;

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

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

package/dist/avatar/top/WinterHat1.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 HatColor_1 = __importDefault(require("./HatColor"));
+var WinterHat1 = 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)();
+    var path3 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path3, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M120,54 L20,54 L20,155 C20,160.522847 15.5228475,165 10,165 C4.4771525,165 6.76353751e-16,160.522847 0,155 L0,54 L0,44 C-2.9759565e-15,19.699471 19.699471,4.46393476e-15 44,0 L96,0 C120.300529,-4.46393476e-15 140,19.699471 140,44 L140,54 L140,155 C140,160.522847 135.522847,165 130,165 C124.477153,165 120,160.522847 120,155 L120,54 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-0.8%', y: '-2.8%', width: '101.7%', height: '111.1%', 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.1 0', type: 'matrix', in: 'shadowOffsetOuter1' })] })), (0, jsx_runtime_1.jsx)("rect", { id: path2, x: '74', y: '50', width: '118', height: '36', rx: '8' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (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(63, 20)' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#F4F4F4', d: 'M1,48 L23.6714286,48 L23.6714286,153.664286 C23.6714286,159.924828 18.5962564,165 12.3357143,165 C6.07517216,165 1,159.924828 1,153.664286 L1,48 Z M116.328571,48 L139,48 L139,153.664286 C139,159.924828 133.924828,165 127.664286,165 C121.403744,165 116.328571,159.924828 116.328571,153.664286 L116.328571,48 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)("use", { fill: '#D8D8D8', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask2, defaultColor: 'Red' })] })), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("use", { fill: 'black', fillOpacity: '1', filter: "url(#".concat(path2, ")"), xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)("use", { fill: '#F4F4F4', fillRule: 'evenodd', xlinkHref: '#' + path2 })] }), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] }))] }));
+};
+exports.default = WinterHat1;

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

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

package/dist/avatar/top/WinterHat2.js

@@ -0,0 +1,30 @@
+"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 HatColor_1 = __importDefault(require("./HatColor"));
+var WinterHat2 = 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)();
+    var path3 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path3, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M72,21 C126.772655,21 144,68.8032255 144,103.04488 L144,176.910255 C144,196.404852 121.366901,196.446757 121.366901,165.988782 L121.366901,86.5347425 C121.366901,80.4596103 117.635097,77.5347425 111.551408,77.5347425 L72,77.5347425 L32.4485915,77.5347425 C26.3649028,77.5347425 22.6330986,80.4596103 22.6330986,86.5347425 L22.6330986,165.988782 C22.6330986,196.446757 -1.41137102e-14,196.404852 0,176.910255 L0,103.04488 C-7.11930515e-15,68.8032255 17.2273451,21 72,21 Z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M101.428403,98.1685688 C98.9148372,100.462621 96.23722,101.494309 92.8529444,100.772863 C92.2705777,100.648833 89.8963391,96.2345713 83.9998344,96.2345713 C78.1033297,96.2345713 75.7294253,100.648833 75.1467245,100.772863 C71.7624488,101.494309 69.0848316,100.462621 66.5712661,98.1685688 C61.8461772,93.855604 57.9166219,87.9081858 60.2778299,81.4191814 C61.5083844,78.0369425 63.5097479,74.3237342 67.1506257,73.2459109 C71.0384163,72.0955419 76.4968931,73.2439051 80.4147542,72.4582708 C81.6840664,72.2035248 83.0706538,71.7508657 83.9998344,71 C84.929015,71.7508657 86.3159365,72.2035248 87.5845805,72.4582708 C91.5027758,73.2439051 96.9612525,72.0955419 100.849043,73.2459109 C104.489921,74.3237342 106.491284,78.0369425 107.722173,81.4191814 C110.083381,87.9081858 106.153826,93.855604 101.428403,98.1685688 M140.081033,26 C136.670693,34.4002532 137.987774,44.8580348 137.356666,53.6758724 C136.844038,60.8431942 135.33712,71.5857526 128.972858,76.214531 C125.718361,78.5816138 119.79436,82.5598986 115.54187,81.4501943 C112.614539,80.6863848 112.302182,72.290096 108.455284,69.1469801 C104.09172,65.5823153 98.6429854,64.0160432 93.1491481,64.2578722 C90.7785381,64.3622683 85.9841367,64.3374908 83.9999331,66.1604584 C82.0157295,64.3374908 77.2216647,64.3622683 74.8510547,64.2578722 C69.3568808,64.0160432 63.9081467,65.5823153 59.5445817,69.1469801 C55.6976839,72.290096 55.3856641,80.6863848 52.4583326,81.4501943 C48.2058427,82.5598986 42.2818421,78.5816138 39.0270077,76.214531 C32.6624096,71.5857526 31.1561652,60.8431942 30.642864,53.6758724 C30.0120926,44.8580348 31.3291729,34.4002532 27.9188335,26 C26.2597768,26 27.3540339,42.1288693 27.3540339,42.1288693 L27.3540339,62.4851205 C27.3856735,77.7732046 36.935095,100.655445 58.1080116,109.393004 C63.2861266,111.52982 75.0153111,115 83.9999331,115 C92.9845551,115 104.71374,111.860188 109.891855,109.723371 C131.064771,100.985813 140.614193,77.7732046 140.646169,62.4851205 L140.646169,42.1288693 C140.646169,42.1288693 141.740089,26 140.081033,26', id: path2 })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (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(61, 0)' }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(0, 176)', fill: '#F4F4F4' }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: '9', cy: '65', r: '9' }), (0, jsx_runtime_1.jsx)("rect", { x: '8', y: '0', width: '2', height: '58' })] })), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(126, 168)', fill: '#F4F4F4' }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: '9', cy: '65', r: '9' }), (0, jsx_runtime_1.jsx)("rect", { x: '8', y: '0', width: '2', height: '58' })] })), (0, jsx_runtime_1.jsx)("circle", { fill: '#F4F4F4', cx: '72', cy: '20', r: '20' }), (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)("use", { fill: '#F4F4F4', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask2, defaultColor: 'Blue01' }), (0, jsx_runtime_1.jsx)("rect", { fillOpacity: '0.2', fill: '#000000', x: '-1', y: '21', width: '146', height: '46', mask: "url(#".concat(mask2, ")") }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(29, 32)', fill: '#FFFFFF', fillOpacity: '0.5' }, { children: [(0, jsx_runtime_1.jsx)("polygon", { transform: 'translate(12.500000, 9) rotate(180) translate(-12.500000, -9)', points: '12.5 0 25 18 0 18' }), (0, jsx_runtime_1.jsx)("polygon", { transform: 'translate(43.500000, 9) rotate(180) translate(-43.500000, -9)', points: '43.5 0 56 18 31 18' }), (0, jsx_runtime_1.jsx)("polygon", { transform: 'translate(74.500000, 9) rotate(180) translate(-74.500000, -9)', points: '74.5 0 87 18 62 18' })] })), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: 'translate(13, 41)', fill: '#000000', fillOpacity: '0.5' }, { children: [(0, jsx_runtime_1.jsx)("polygon", { points: '12.5 0 25 18 0 18' }), (0, jsx_runtime_1.jsx)("polygon", { points: '43.5 0 56 18 31 18' }), (0, jsx_runtime_1.jsx)("polygon", { points: '74.5 0 87 18 62 18' }), (0, jsx_runtime_1.jsx)("polygon", { points: '105.5 0 118 18 93 18' })] }))] })), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] }))] }));
+};
+exports.default = WinterHat2;

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

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

package/dist/avatar/top/WinterHat3.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 HatColor_1 = __importDefault(require("./HatColor"));
+var WinterHat3 = 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)();
+    var path3 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path3, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M66,0 L66,0 C102.450793,-6.69590214e-15 132,29.5492065 132,66 L132,71 L0,71 L0,66 C-4.46393476e-15,29.5492065 29.5492065,6.69590214e-15 66,0 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-0.7%', y: '-1.7%', width: '101.4%', height: '106.8%', 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.1 0', type: 'matrix', in: 'shadowOffsetOuter1' })] })), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M67.2846026,61.4514246 C83.229708,49.8171415 105.159178,44 133.073012,44 C160.985408,44 182.871592,49.8165424 198.731564,61.4496271 L198.731562,61.4496305 C200.786183,62.956669 202.000006,65.3523289 202.000006,67.900394 L202.000004,98.3697692 C202.000004,100.578907 200.209144,102.369768 198.000006,102.369768 C197.244444,102.369768 196.504332,102.155773 195.865355,101.752558 C179.223261,91.2508526 158.536251,86 133.804323,86 C108.883259,86 87.640395,91.3314713 70.0757313,101.994414 L70.0757317,101.994414 C68.1873241,103.140806 65.7271332,102.539283 64.5807417,100.650875 C64.2008775,100.02514 64.0000054,99.3071624 64.0000054,98.5751499 L64,67.914014 C64,65.358892 65.2205159,62.9574773 67.2846026,61.4514246 Z' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (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(67, 12)' }, { children: [(0, jsx_runtime_1.jsx)("circle", { fill: '#F4F4F4', cx: '66', cy: '8', r: '20' }), (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)("use", { fill: '#D8D8D8', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask2, defaultColor: 'Red' })] })), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("use", { fill: 'black', fillOpacity: '1', filter: "url(#".concat(path2, ")"), xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)("use", { fill: '#F4F4F4', fillRule: 'evenodd', xlinkHref: '#' + path2 })] }), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] }))] }));
+};
+exports.default = WinterHat3;

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

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

package/dist/avatar/top/WinterHat4.js

@@ -0,0 +1,35 @@
+"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 HatColor_1 = __importDefault(require("./HatColor"));
+var WinterHat4 = 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 mask3 = (0, react_1.useId)();
+    var mask4 = (0, react_1.useId)();
+    var path1 = (0, react_1.useId)();
+    var path2 = (0, react_1.useId)();
+    var path3 = (0, react_1.useId)();
+    var path4 = (0, react_1.useId)();
+    var path5 = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("rect", { id: path5, x: '0', y: '0', width: '264', height: '280' }), (0, jsx_runtime_1.jsx)("path", { id: path1, d: 'M129.659138,38.3566287 C132.459581,45.3577056 134,52.9989608 134,61 L134,69 L2,69 L2,61 C2,52.9748603 3.54971254,45.3116754 6.36620203,38.2933809 C-0.0371821146,24.8304767 -1.28053094,13.7727805 2.63615554,5.12029235 C10.141056,2.84355825 18.8342301,4.64979084 28.7156778,10.5389901 C38.4862647,3.88774159 50.289117,-4.77047603e-15 63,-7.10542736e-15 L73,-7.10542736e-15 C85.7221104,-9.44244112e-15 97.5345852,3.89461262 107.310208,10.5566215 C117.203883,4.65339747 125.906912,2.84128775 133.419297,5.12029235 C137.342115,13.7863263 136.088729,24.8651051 129.659138,38.3566287 Z' }), (0, jsx_runtime_1.jsx)("path", { id: path2, d: 'M28.7156857,10.5389848 C18.758718,17.3171083 10.9122881,26.9651756 6.36620203,38.2933809 C-0.0371821146,24.8304767 -1.28053094,13.7727805 2.63615554,5.12029235 C10.1410556,2.84355836 18.8342292,4.64979066 28.7156763,10.5389892 Z M129.659138,38.3566287 C125.120833,27.0109143 117.273404,17.34646 107.310208,10.5566215 C117.203883,4.65339747 125.906912,2.84128775 133.419297,5.12029235 C137.342115,13.7863263 136.088729,24.8651051 129.659138,38.3566287 Z' }), (0, jsx_runtime_1.jsx)("path", { id: path3, d: 'M21.8615933,15.9591438 C17.3889306,20.0465694 13.5271638,24.7913314 10.4291788,30.040544 C7.50356643,21.9322189 7.00287124,16.3214118 8.92709323,13.2081228 C11.5782173,12.0615989 15.8897174,12.9786059 21.8615933,15.9591438 Z M125.352616,29.6737564 C122.278044,24.5465519 118.471613,19.9084198 114.077736,15.903773 C119.880509,13.0520429 124.083178,12.1889392 126.68574,13.3144617 C128.572308,16.3668294 128.127934,21.8199276 125.352616,29.6737564 Z' }), (0, jsx_runtime_1.jsxs)("filter", __assign({ x: '-0.7%', y: '-1.7%', width: '101.4%', height: '106.8%', 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.1 0', type: 'matrix', in: 'shadowOffsetOuter1' })] })), (0, jsx_runtime_1.jsx)("path", { id: path4, d: 'M67.2846026,61.4514246 C83.229708,49.8171415 105.159178,44 133.073012,44 C160.985408,44 182.871592,49.8165424 198.731564,61.4496271 L198.731562,61.4496305 C200.786183,62.956669 202.000006,65.3523289 202.000006,67.900394 L202.000004,98.3697692 C202.000004,100.578907 200.209144,102.369768 198.000006,102.369768 C197.244444,102.369768 196.504332,102.155773 195.865355,101.752558 C179.223261,91.2508526 158.536251,86 133.804323,86 C108.883259,86 87.640395,91.3314713 70.0757313,101.994414 L70.0757317,101.994414 C68.1873241,103.140806 65.7271332,102.539283 64.5807417,100.650875 C64.2008775,100.02514 64.0000054,99.3071624 64.0000054,98.5751499 L64,67.914014 C64,65.358892 65.2205159,62.9574773 67.2846026,61.4514246 Z' })] }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask1, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path5 }) })), (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(65, 4)' }, { 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)("use", { fill: '#D8D8D8', xlinkHref: '#' + path1 }), (0, jsx_runtime_1.jsx)(HatColor_1.default, { maskID: mask2, defaultColor: 'Red' }), (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", { fillOpacity: '0.24', fill: '#000000', xlinkHref: '#' + path2 }), (0, jsx_runtime_1.jsx)("mask", __assign({ id: mask4, fill: 'white' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#' + path3 }) })), (0, jsx_runtime_1.jsx)("use", { fillOpacity: '0.300000012', fill: '#FFFFFF', xlinkHref: '#' + path3 })] })), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("use", { fill: 'black', fillOpacity: '1', filter: "url(#".concat(path4, ")"), xlinkHref: '#' + path4 }), (0, jsx_runtime_1.jsx)("use", { fill: '#F4F4F4', fillRule: 'evenodd', xlinkHref: '#' + path4 })] }), (0, jsx_runtime_1.jsx)(facialHair_1.default, {}), children] }))] }));
+};
+exports.default = WinterHat4;

package/dist/avatar/top/accessories/AccessoriesType.d.ts

@@ -0,0 +1,10 @@
+declare enum AccessoriesType {
+    Blank = "Blank",
+    Prescription01 = "Prescription01",
+    Prescription02 = "Prescription02",
+    Round = "Round",
+    Sunglasses = "Sunglasses",
+    Wayfarers = "Wayfarers",
+    Kurt = "Kurt"
+}
+export default AccessoriesType;

package/dist/avatar/top/accessories/AccessoriesType.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var AccessoriesType;
+(function (AccessoriesType) {
+    AccessoriesType["Blank"] = "Blank";
+    AccessoriesType["Prescription01"] = "Prescription01";
+    AccessoriesType["Prescription02"] = "Prescription02";
+    AccessoriesType["Round"] = "Round";
+    AccessoriesType["Sunglasses"] = "Sunglasses";
+    AccessoriesType["Wayfarers"] = "Wayfarers";
+    AccessoriesType["Kurt"] = "Kurt";
+})(AccessoriesType || (AccessoriesType = {}));
+exports.default = AccessoriesType;

package/dist/avatar/top/accessories/Accessory.d.ts

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