@dicebear/pixel-art 5.0.0-alpha.2 → 5.0.0-alpha.20

package/LICENSE

@@ -1,7 +1,7 @@
 MIT License
 
-Copyright (c) 2021 Florian Körner
-Copyright (c) 2021 Plastic Jam
+Copyright (c) 2022 Florian Körner
+Copyright (c) 2022 Plastic Jam
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/colors/accessories.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const accessories: ColorGroup;

package/lib/colors/accessories.js

@@ -0,0 +1,7 @@
+export const accessories = {
+    gold01: 'rgba(218, 165, 32, 1)',
+    gold02: 'rgba(255, 215, 0, 1)',
+    gold03: 'rgba(250, 250, 210, 1)',
+    silver01: 'rgba(211, 211, 211, 1)',
+    silver02: 'rgba(169, 169, 169, 1)',
+};

package/lib/colors/clothes.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const clothes: ColorGroup;

package/lib/colors/clothes.js

@@ -0,0 +1,14 @@
+export const clothes = {
+    yellow01: 'rgba(255, 238, 173, 1)',
+    yellow02: 'rgba(255, 217, 105, 1)',
+    yellow03: 'rgba(255, 196, 37, 1)',
+    red01: 'rgba(255, 111, 105, 1)',
+    red02: 'rgba(209, 17, 65, 1)',
+    red03: 'rgba(174, 0, 1, 1)',
+    blue01: 'rgba(91, 192, 222, 1)',
+    blue02: 'rgba(66, 139, 202, 1)',
+    blue03: 'rgba(3, 57, 108, 1)',
+    green01: 'rgba(136, 216, 176, 1)',
+    green02: 'rgba(68, 197, 133, 1)',
+    green03: 'rgba(0, 177, 89, 1)',
+};

package/lib/colors/glasses.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const glasses: ColorGroup;

package/lib/colors/glasses.js

@@ -0,0 +1,8 @@
+export const glasses = {
+    green01: 'rgba(95, 112, 92, 1)',
+    blue01: 'rgba(67, 103, 125, 1)',
+    red01: 'rgba(160, 75, 93, 1)',
+    black01: 'rgba(75, 75, 75, 1)',
+    black02: 'rgba(50, 50, 50, 1)',
+    black03: 'rgba(25, 25, 25, 1)',
+};

package/lib/colors/hair.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const hair: ColorGroup;

package/lib/colors/hair.js

@@ -0,0 +1,12 @@
+export const hair = {
+    variant01: 'rgba(202, 177, 136, 1)',
+    variant02: 'rgba(167, 137, 97, 1)',
+    variant03: 'rgba(131, 98, 59, 1)',
+    variant04: 'rgba(96, 58, 20, 1)',
+    variant05: 'rgba(96, 48, 21, 1)',
+    variant06: 'rgba(97, 38, 22, 1)',
+    variant07: 'rgba(97, 28, 23, 1)',
+    variant08: 'rgba(78, 26, 19, 1)',
+    variant09: 'rgba(59, 23, 14, 1)',
+    variant10: 'rgba(40, 21, 10, 1)',
+};

package/lib/colors/hat.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const hat: ColorGroup;

package/lib/colors/hat.js

@@ -0,0 +1,9 @@
+export const hat = {
+    pink01: 'rgba(204, 97, 146, 1)',
+    blue01: 'rgba(38, 99, 163, 1)',
+    green01: 'rgba(61, 138, 107, 1)',
+    purple01: 'rgba(97, 79, 138, 1)',
+    red01: 'rgba(166, 33, 22, 1)',
+    black01: 'rgba(46, 30, 5, 1)',
+    gray01: 'rgba(152, 151, 137, 1)',
+};

package/lib/colors/index.d.ts

@@ -0,0 +1,7 @@
+export { skin } from './skin.js';
+export { hair } from './hair.js';
+export { accessories } from './accessories.js';
+export { mouth } from './mouth.js';
+export { clothes } from './clothes.js';
+export { hat } from './hat.js';
+export { glasses } from './glasses.js';

package/lib/colors/index.js

@@ -0,0 +1,7 @@
+export { skin } from './skin.js';
+export { hair } from './hair.js';
+export { accessories } from './accessories.js';
+export { mouth } from './mouth.js';
+export { clothes } from './clothes.js';
+export { hat } from './hat.js';
+export { glasses } from './glasses.js';

package/lib/colors/mouth.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const mouth: ColorGroup;

package/lib/colors/mouth.js

@@ -0,0 +1,6 @@
+export const mouth = {
+    variant01: 'rgba(210, 153, 133, 1)',
+    variant02: 'rgba(201, 130, 118, 1)',
+    variant03: 'rgba(227, 93, 106, 1)',
+    variant04: 'rgba(222, 15, 13, 1)',
+};

package/lib/colors/skin.d.ts

@@ -0,0 +1,2 @@
+import type { ColorGroup } from '../types.js';
+export declare const skin: ColorGroup;

package/lib/colors/skin.js

@@ -0,0 +1,10 @@
+export const skin = {
+    variant01: 'rgba(255, 219, 172, 1)',
+    variant02: 'rgba(245, 207, 160, 1)',
+    variant03: 'rgba(234, 195, 147, 1)',
+    variant04: 'rgba(224, 182, 135, 1)',
+    variant05: 'rgba(203, 158, 110, 1)',
+    variant06: 'rgba(182, 134, 85, 1)',
+    variant07: 'rgba(162, 109, 61, 1)',
+    variant08: 'rgba(141, 85, 36, 1)',
+};

package/lib/components/accessories.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const accessories: ComponentGroup;

package/lib/components/accessories.js

@@ -0,0 +1,6 @@
+export const accessories = {
+    variant04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v1h1v-1H3Zm13 0v1h1v-1h-1Z" fill="${colors.accessories.value}"/>`,
+    variant03: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v2h1v-2H3Zm13 0h1v2h-1v-2Z" fill="${colors.accessories.value}"/>`,
+    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M3 10v2h1v-2H3Zm13 0h1v2h-1v-2Z" fill="${colors.accessories.value}"/><path d="M3 10v1h1v-1H3Zm13 0h1v1h-1v-1Z" fill="#fff" fill-opacity=".4"/></g>`,
+    variant01: (components, colors) => `<path d="M4 11H2v2h2v-2ZM18 11h-2v2h2v-2Z" fill="${colors.accessories.value}"/>`,
+};

package/lib/components/beard.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const beard: ComponentGroup;

package/lib/components/beard.js

@@ -0,0 +1,6 @@
+export const beard = {
+    variant04: (components, colors) => `<path opacity=".9" d="M4 10v3h1v1h1v1h8v-1h1v-1h1v-3h-2v1H6v-1H4Z" fill="${colors.hair.value}"/>`,
+    variant03: (components, colors) => `<path opacity=".9" d="M4 13h1v1h1v1h8v-1h1v-1h1v-3h-1v1h-1v1H6v-1H5v-1H4v3Z" fill="${colors.hair.value}"/>`,
+    variant02: (components, colors) => `<path opacity=".9" d="M4 11v2h1v1h1v1h8v-1h1v-1h1v-2H4Z" fill="${colors.hair.value}"/>`,
+    variant01: (components, colors) => `<path opacity=".9" d="M4 8v5h1v1h1v1h8v-1h1v-1h1V8h-1v2h-1v1h-1v1H7v-1H6v-1H5V8H4Z" fill="${colors.hair.value}"/>`,
+};

package/lib/components/clothing.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const clothing: ComponentGroup;

package/lib/components/clothing.js

@@ -0,0 +1,27 @@
+export const clothing = {
+    variant25: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M5 20v-2h1v-1h8v1h1v2h-2v-1h-2v1H9v-1H7v1H5Z" fill="#fff" fill-opacity=".2"/>`,
+    variant24: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M8 16H4v1H3v3h14v-3h-1v-1h-4v1h1v1h-1v1h-1v-1H9v1H8v-1H7v-1h1v-1Z" fill="#fff" fill-opacity=".2"/><path d="M9 16v1h2v-1H9Z" fill="#fff"/>`,
+    variant23: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16H4v1H3v3h6v-2H8v-1h1v-1Zm2 0h5v1h1v3h-6v-2h1v-1h-1v-1Z" fill="#fff" fill-opacity=".3"/>`,
+    variant22: (components, colors) => `<path d="M3 20v-3h1v-1h3v2h6v-2h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 16H4v1H3v3h2v-4Zm1 0h1v2h6v-2h1v4H6v-4Zm9 0h1v1h1v3h-2v-4Z" fill="#fff" fill-opacity=".2"/>`,
+    variant21: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 17v-1h3v1H4Zm9 0v-1h3v1h-3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant20: (components, colors) => `<path d="M3 20v-3h1v-1h3v-1h1v1h1v1h2v-1h1v-1h1v1h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 16H4v1H3v3h6v-2H8v-1H6v-1Zm2 0h1-1Zm3 0h1-1Zm2 0h1v1h-2v1h-1v2h6v-3h-1v-1h-3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant19: (components, colors) => `<path d="M5 16H4v1H3v3h14v-3h-1v-1h-3v1H7v-1H5Z" fill="${colors.clothes.value}"/><path d="M10 20v-1h3v1h-3Z" fill="#fff" fill-opacity=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 16H4v1H3v3h1v-1h1v-3Zm1 0h1v1h6v-1h1v2H6v-2Zm9 0h1v1h1v3h-1v-1h-1v-3Z" fill="#fff" fill-opacity=".8"/>`,
+    variant18: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-1h1v1H3Zm2 0v-1h1v1H5Zm2 0v-1h1v1H7Zm2 0v-1h1v1H9Zm2 0v-1h1v1h-1Zm2 0v-1h1v1h-1Zm2 0v-1h1v1h-1Zm1-2h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1H8v-1Zm-2 0h1v1H6v-1Zm-2 0h1v1H4v-1Zm-1-1h1v1H3v-1Zm2 0h1v1H5v-1Zm2 0h1v1H7v-1Zm2 0h1v1H9v-1Zm2 0h1v1h-1v-1Zm2 0h1v1h-1v-1Zm2 0h1v1h-1v-1ZM4 16h1v1H4v-1Zm2 0h1v1H6v-1Zm6 0h1v1h-1v-1Zm2 0h1v1h-1v-1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant17: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-2h1v2H3Zm3 0v-2h2v2H6Zm4 0v-2h2v2h-2Zm4 0v-2h2v2h-2Zm2-3v1h1v-1h-1Zm-2 1v-2h-2v2h2Zm-6-1v1h2v-1H8Zm-4-1v2h2v-2H4Z" fill="#fff" fill-opacity=".2"/>`,
+    variant16: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 19h14v1H3v-1Zm0-2h14v1H3v-1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant15: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
+    variant14: (components, colors) => `<path d="M3 20v-3h1v-1h4v-1h4v1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="#fff" fill-opacity=".2"/><path d="M12 20v-1h3v1h-3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant13: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
+    variant12: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M4 16v4h4v-1H7v-1H6v-1H5v-1H4Zm12 0v4h-4v-1h1v-1h1v-1h1v-1h1Z" fill="${colors.clothes.value}"/>`,
+    variant11: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M5 16h1v2h1v1h1v1H5v-4Zm9 0h1v4h-3v-1h1v-1h1v-2Z" fill="${colors.clothes.value}"/>`,
+    variant10: (components, colors) => `<path d="M4 20v-2h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v2H4Z" fill="${colors.clothes.value}"/>`,
+    variant09: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M3 20v-3h1v-1h2v1h1v1h1v1h4v-1h1v-1h1v-1h2v1h1v3H3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant08: (components, colors) => `<path d="M3 20v-3h1v-1h5v1h2v-1h5v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-2h1v1h3v1H3Zm14 0v-2h-1v1h-3v1h4Z" fill="#fff" fill-opacity=".4"/><path d="M7 16H4v1H3v1h1v1h3v1h6v-1h3v-1h1v-1h-1v-1h-3v1H7v-1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant07: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M15 20h2v-3h-1v-1h-4v1H8v-1H4v1H3v3h2v-2h10v2Z" fill="#fff" fill-opacity=".4"/>`,
+    variant06: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M6 16v1h1v1h1v1h4v-1h1v-1h1v-1h-2v1h-1v1H9v-1H8v-1H6Z" fill="#fff" fill-opacity=".4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 20v-1h2v1h-2Zm1-4v1h2v-1h-2Zm-8 0H4v1h2v-1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant05: (components, colors) => `<path d="M3 20v-3h1v-1h3v1h1v1h1v1h2v-1h1v-1h1v-1h3v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
+    variant04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-3h1v-1h2v1h1v1h1v1h1v1H3Zm14 0v-3h-1v-1h-2v1h-1v1h-1v1h-1v1h6Z" fill="${colors.clothes.value}"/>`,
+    variant03: (components, colors) => `<path d="M4 16v4h4v-1H7v-1H6v-2H4ZM16 20v-4h-2v2h-1v1h-1v1h4Z" fill="${colors.clothes.value}"/>`,
+    variant02: (components, colors) => `<path d="M3 20v-3h1v-1h3v1h1v1h1v1h2v-1h1v-1h1v-1h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M6 16v1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v-1h-1v1h-1v1h-1v1H9v-1H8v-1H7v-1H6Z" fill="#fff" fill-opacity=".4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 16v1h-1v1h-1v1h-1v1h-1v-1h1v-1h1v-1h1v-1h1ZM5 16v1h1v1h1v1h1v1h1v-1H8v-1H7v-1H6v-1H5Z" fill="#fff" fill-opacity=".2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20h1v-3h1v1h1v1h1v1h1v-1H7v-1H6v-1H5v-1H4v1H3v3Zm14 0v-3h-1v-1h-1v1h-1v1h-1v1h-1v1h1v-1h1v-1h1v-1h1v3h1Z" fill="#fff" fill-opacity=".1"/>`,
+    variant01: (components, colors) => `<path d="M3 20v-3h1v-1h5v1h2v-1h5v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 17h14v1H3v-1Zm0 2v1h14v-1H3Z" fill="#fff" fill-opacity=".2"/>`,
+};

package/lib/components/eyebrows.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const eyebrows: ComponentGroup;

package/lib/components/eyebrows.js

@@ -0,0 +1,15 @@
+export const eyebrows = {
+    variant13: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M8 4v1H7v1H5V5h2V4h1Zm4 0h1v1h2v1h-2V5h-1V4Z" fill="${colors.hair.value}"/><path d="M8 4v1H7v1H5V5h2V4h1Zm4 0h1v1h2v1h-2V5h-1V4Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant12: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h3v2H8V6H6V5Zm5 0h3v1h-2v1h-1V5Z" fill="${colors.hair.value}"/><path d="M6 5h3v2H8V6H6V5Zm5 0h3v1h-2v1h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant11: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 5h3v1h1v1H8V6H5V5Zm10 0h-3v1h-1v1h1V6h3V5Z" fill="${colors.hair.value}"/><path d="M5 5h3v1h1v1H8V6H5V5Zm10 0h-3v1h-1v1h1V6h3V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant10: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5H4v2h1V6h1V5Zm8 0h2v2h-1V6h-1V5Z" fill="${colors.hair.value}"/><path d="M6 5H4v2h1V6h1V5Zm8 0h2v2h-1V6h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant09: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 6h2v1H5V6Zm8 0h2v1h-2V6Z" fill="${colors.hair.value}"/><path d="M5 6h2v1H5V6Zm8 0h2v1h-2V6Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant08: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h1v1h1v1H5V6h1V5Zm7 0h1v1h1v1h-3V6h1V5Z" fill="${colors.hair.value}"/><path d="M6 5h1v1h1v1H5V6h1V5Zm7 0h1v1h1v1h-3V6h1V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h2v1h1v1H8V6H6V5Zm8 0h-2v1h-1v1h1V6h2V5Z" fill="${colors.hair.value}"/><path d="M6 5h2v1h1v1H8V6H6V5Zm8 0h-2v1h-1v1h1V6h2V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M12 7V6h1V5h1v1h1v1h-1V6h-1v1h-1ZM5 7V6h1V5h1v1h1v1H7V6H6v1H5Z" fill="${colors.hair.value}"/><path d="M12 7V6h1V5h1v1h1v1h-1V6h-1v1h-1ZM5 7V6h1V5h1v1h1v1H7V6H6v1H5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5v1H5v1H4V6h1V5h2Zm6 0h2v1h1v1h-1V6h-2V5Z" fill="${colors.hair.value}"/><path d="M7 5v1H5v1H4V6h1V5h2Zm6 0h2v1h1v1h-1V6h-2V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 7V5h3v1H5v1H4Zm12-2v2h-1V6h-2V5h3Z" fill="${colors.hair.value}"/><path d="M4 7V5h3v1H5v1H4Zm12-2v2h-1V6h-2V5h3Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5h1v1h1v1H8V6H7V5Zm6 0v1h-1v1h-1V6h1V5h1Z" fill="${colors.hair.value}"/><path d="M7 5h1v1h1v1H8V6H7V5Zm6 0v1h-1v1h-1V6h1V5h1Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 7V6h1V5h1v1H5v1H4Zm10-2h1v1h1v1h-1V6h-1V5Z" fill="${colors.hair.value}"/><path d="M4 7V6h1V5h1v1H5v1H4Zm10-2h1v1h1v1h-1V6h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
+    variant01: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5v1H5v1H4V6h1V5h2Zm7 0v1h-2v1h-1V6h1V5h2Z" fill="${colors.hair.value}"/><path d="M7 5v1H5v1H4V6h1V5h2Zm7 0v1h-2v1h-1V6h1V5h2Z" fill="#000" fill-opacity=".1"/></g>`,
+};

package/lib/components/eyes.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const eyes: ComponentGroup;

package/lib/components/eyes.js

@@ -0,0 +1,15 @@
+export const eyes = {
+    variant13: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 9V7h3v2H5Zm7-2h3v2h-3V7Z" fill="#fff"/><path d="M7 8v1h1V8H7Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant12: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 1V8h1v1h-1Z" fill="#000"/></g>`,
+    variant11: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm5 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant10: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 7h1v1h1v1H6V7Zm6 0h1v1h1v1h-2V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm6 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant09: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant08: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm5 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7v1h3V7H5Zm7 0h3v1h-3V7Z" fill="#fff"/><path d="M5 9V8h1V7h1v1h1v1H5Zm7 0V8h1V7h1v1h1v1h-3Z" fill="#000"/><path d="M5 9V8h1V7h1v1h1v1H7V8H6v1H5Zm7 0V8h1V7h1v1h1v1h-1V8h-1v1h-1Z" fill="#fff" fill-opacity=".5"/></g>`,
+    variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#000"/></g>`,
+    variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
+    variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M6 7h2v2H6V7Zm7 0h2v2h-2V7Z" fill="#000"/><path d="M6 7v1h1v1h1V8H7V7H6Zm7 0v1h1v1h1V8h-1V7h-1Z" fill="#fff" fill-opacity=".4"/><path d="M7 7v1h1V7H7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".7"/></g>`,
+    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#000"/><path d="M5 8h1v1H5V8Zm7 0h1v1h-1V8Z" fill="#fff" fill-opacity=".7"/></g>`,
+    variant01: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 7h1v2H5V8h1V7Zm7 0h1v2h-2V8h1V7Z" fill="#fff"/><path d="M7 7v1H6v1h2V7H7Zm7 0v1h-1v1h2V7h-1Z" fill="#000"/><path d="M7 7v1h1V7H7ZM6 8v1h1V8H6Zm8-1v1h1V7h-1Zm-1 1v1h1V8h-1Z" fill="#fff" fill-opacity=".5"/></g>`,
+};

package/lib/components/glasses.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const glasses: ComponentGroup;

package/lib/components/glasses.js

@@ -0,0 +1,9 @@
+export const glasses = {
+    variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M12 10V7h3v3h-3Zm-1-4v1H9V6H4v1H3v1h1v3h5V8h2v3h5V8h1V7h-1V6h-5Zm-6 4V7h3v3H5Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M5 7v2h3V7H5ZM4 6v1H3v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7h-1V6h-5v1H9V6H4Zm8 1v2h3V7h-3Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path opacity=".2" d="M7 8h1v1H7V8Zm7 0h1v1h-1V8Z" fill="#fff"/><path d="M5 8v1h3V8H5ZM3 7v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7H3Zm9 1v1h3V8h-3Z" fill="${colors.glasses.value}"/><path d="M3 7v1h1V7H3Zm6 0v1h2V7H9Zm7 0v1h1V7h-1Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M12 7v2h3V7h-3ZM8 6H5v1H3v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7h-2V6h-3v1H8V6ZM5 7v2h3V7H5Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 8H3V7h1V6h5v1h2V6h5v1h1v1h-1v2h-5V8H9v2H4V8Zm1 0V7h3v2H5V8Zm7-1v2h3V7h-3Z" fill="${colors.glasses.value}"/><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M14 7h1v1h-1V7ZM7 7h1v1H7V7Z" fill="#fff"/><path d="M3 8V7h1v1H3Zm6-1v1h2V7H9Zm7 0v1h1V7h-1Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 8H3V7h14v1h-1v2h-5V8H9v2H4V8Zm1 0h3v1H5V8Zm7 0h3v1h-3V8Z" fill="${colors.glasses.value}"/><path opacity=".2" d="M7 8v1h1V8H7Zm7 0v1h1V8h-1Z" fill="#fff"/><path opacity=".2" d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path d="M3 7v1h1V7H3Zm13 0v1h1V7h-1ZM9 7v1h2V7H9Z" fill="#fff" fill-opacity=".2"/></g>`,
+    variant01: (components, colors) => `<path d="M3 8V7h1V6h2v1h1V6h2v1h2V6h2v1h1V6h2v1h1v1h-1v1h-1v1h-1v1h-1v-1h-1V9h-1V8H9v1H8v1H7v1H6v-1H5V9H4V8H3Z" fill="${colors.glasses.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 7v1h1V7h1V6H4v1H3Zm5-1v1h1v1h2V7h1V6h-1v1H9V6H8Zm7 0v1h1v1h1V7h-1V6h-1Z" fill="#fff" fill-opacity=".2"/>`,
+};

package/lib/components/hair.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const hair: ComponentGroup;

package/lib/components/hair.js

@@ -0,0 +1,28 @@
+export const hair = {
+    short11: (components, colors) => `<path d="M4 4v2h1V5h1V4h8v1h1v1h1V4h-1V3H5v1H4Z" fill="${colors.hair.value}"/>`,
+    short10: (components, colors) => `<path d="M6 2h8v1h1v1h1v3h-1V6h-1V5h-1V4H9v1H7v1H6v1H4V4h1V3h1V2Z" fill="${colors.hair.value}"/>`,
+    short09: (components, colors) => `<path d="M4 7h1V5h1V4h2v1h1v1h2V5h1V4h2v1h1v2h1V5h-1V4h-1V3H6v1H5v1H4v2Z" fill="${colors.hair.value}"/>`,
+    short08: (components, colors) => `<path d="M3 8h1V5h12v3h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
+    short07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v1h2V5h1V3H4v1H3v1H2Zm6-1h2v1h2V4h1V3H8v1Zm6 1h1v2h2V6h1V5h-1V4h-1V3h-2v2Z" fill="${colors.hair.value}"/>`,
+    short06: (components, colors) => `<path d="M3 8h1V5h2V3h8v1h1v1h1v3h1V3h-2V2h-2V1h-1v1h-2V1H9v1H8V1H7v1H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
+    short05: (components, colors) => `<path d="M11 5V4h1V3H8v1h1v1h2Z" fill="${colors.hair.value}"/>`,
+    short04: (components, colors) => `<path d="M3 8h1V6h2V5h2V4h1v1h2v1h2v1h2v1h2V5h-1V4h-1V3H5v1H4v1H3v3Z" fill="${colors.hair.value}"/>`,
+    short03: (components, colors) => `<path d="M5 5h10V4h-1V3H6v1H5v1Z" fill="${colors.hair.value}"/>`,
+    short02: (components, colors) => `<path d="M3 5H2v3h2V5h1V4h1v1h2V4h4V3h1v1h1v1h1v1h1v2h1V7h1V5h-1V4h-1V3h-1V2h-1V1h-1v1h-2V1h-1v1H7V1H5v1H4v1H3v2Z" fill="${colors.hair.value}"/>`,
+    long15: (components, colors) => `<path d="M1 7h1v5h1v1h1V7h1V6h1V4h1V3h6v1h1v1h1v1h1v7h1v-2h1V7h-1V6h1V4h-1v1h-1V3h1V2h-1v1h-1V2h-1V1h-1V0h-1v1H6V0H5v1H4V0H3v1h1v2H3V2H2v1h1v1H2v2H1v1Z" fill="${colors.hair.value}"/>`,
+    short01: (components, colors) => `<path d="M6 3v1H5v1H4v3h2V7h1V6h4V5h1V4h1v1h-1v1h1v1h1v1h2V5h-1V4h-1V3H6Z" fill="${colors.hair.value}"/>`,
+    long14: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v6h1v-1h4v-1H6v-1H5v-1H4v-2H3Zm0-3h2V5h10v3h2V4h-1V3H4v1H3v4Zm13 3h1v6h-1v-1h-4v-1h2v-1h1v-1h1v-2Z" fill="${colors.hair.value}"/>`,
+    long13: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v5h2v-3H4v-2H3Zm0-3h2V5h10v3h2V4h-1V3H4v1H3v4Zm13 3h1v5h-2v-3h1v-2Z" fill="${colors.hair.value}"/>`,
+    long12: (components, colors) => `<path d="M4 13h1v1H3V4h1V3h1V2h10v1h1v1h1v10h-2v-1h1V5H4v8Z" fill="${colors.hair.value}"/>`,
+    long11: (components, colors) => `<path d="M2 18h2v-1h4v-2H6v-1H5v-1H4V5h1V4h1v1h1V4h1v1h1V4h6v1h1v8h-1v1h-1v1h-2v2h4v1h2V4h-1V3h-1V2H4v1H3v1H2v14Z" fill="${colors.hair.value}"/>`,
+    long10: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 14.1V11h1v2h1v1l-2 .1ZM17 11v3h-2v-1h1v-2h1ZM3 8h1V5h1V4h1V3h8v1h1v1h1v3h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
+    long09: (components, colors) => `<path d="M2 15h2V5h12v10h2V4h-1V3h-1V2H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
+    long08: (components, colors) => `<path d="M2 14h2V7h1V6h1V5h1V4h1V3h6v1h1v1h1v9h2V3h-1V2h-1V1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
+    long07: (components, colors) => `<path d="M4 5v3h1V5h2v1h1V5h1v1h1V5h5v3h1V5h1V3h-1V2h-2v1H6V2H4v1H3v2h1Z" fill="${colors.hair.value}"/>`,
+    long06: (components, colors) => `<path d="M3 11h1V9h1V8h1V7h1V6h1V5h5v1h3V5h-1V4h-1V3H5v1H4v1H3v6Z" fill="${colors.hair.value}"/>`,
+    long05: (components, colors) => `<path d="M2 17h2v-1h4v-1H6v-1H5v-1H4v-2H3V8h1V5h1V4h6V3h1v1h1V3h1v1h1v1h1v3h1v3h-1v2h-1v1h-1v1h-2v1h4v1h2V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v13Z" fill="${colors.hair.value}"/>`,
+    long04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 14h2v-1H4v-2H3v3Zm12 0h2v-3h-1v2h-1v1Zm2-6V3h-1V2H4v1H3v5h1V5h1V4h1V3h8v1h1v1h1v3h1Z" fill="${colors.hair.value}"/>`,
+    long03: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 13v1H2v2H1v1h1v-1h1v-1h1v-1h1v-1H4v-2H3v2Zm0-5h1V7h1V6h1V5h8v1h1v1h1v1h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
+    long02: (components, colors) => `<path d="M2 15h4v-1H5v-1H4V6h2V5h2V4h1V3h4v1h1v1h1v1h1v7h-1v1h-1v1h4V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
+    long01: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v3H2v2H1v1h1v-1h1v-1h1v-1h1v-1H4v-2H3Zm14 0v3h1v2h1v1h-1v-1h-1v-1h-1v-1h-1v-1h1v-2h1Zm-1-3h1V4h-1V3h-1V2H5v1H4v1H3v4h1V7h1V6h1V5h8v1h1v1h1v1Z" fill="${colors.hair.value}"/>`,
+};

package/lib/components/hat.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const hat: ComponentGroup;

package/lib/components/hat.js

@@ -0,0 +1,14 @@
+export const hat = {
+    variant01: (components, colors) => `<path d="M4 1v2H2v2h16V3h-2V1H4Z" fill="${colors.hat.value}"/>`,
+    variant02: (components, colors) => `<path d="M4 4H2v1h16V4h-2V1H4v3Z" fill="${colors.hat.value}"/>`,
+    variant03: (components, colors) => `<path d="M3 4v2h14V4h-1V3h-1V2H5v1H4v1H3Z" fill="${colors.hat.value}"/>`,
+    variant04: (components, colors) => `<path d="M6 1v1H5v1H4v2h14V4h-2V3h-1V2h-1V1H6Z" fill="${colors.hat.value}"/>`,
+    variant05: (components, colors) => `<path d="M3 5V3h2V1h10v2h2v2H3Z" fill="${colors.hat.value}"/><path d="M4 1v2h12V1H4Z" fill="#fff" fill-opacity=".2"/>`,
+    variant06: (components, colors) => `<path d="M3 5V4h2V1h10v3h2v1H3Z" fill="${colors.hat.value}"/><path d="M5 1v3h10V1H5Z" fill="#fff" fill-opacity=".2"/>`,
+    variant07: (components, colors) => `<path d="M3 6V4h1V3h1V2h10v1h1v1h1v2H3Z" fill="${colors.hat.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3v1h12V3H4ZM3 5v1h14V5H3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant08: (components, colors) => `<path d="M14 2H6v1H5v1H4v2h14V5h-2V4h-1V3h-1V2Z" fill="${colors.hat.value}"/><path d="M5 6h1V5h1V4h1V3H7v1H6v1H5v1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant09: (components, colors) => `<path d="M5 1v2H3v2h14V3h-2V1H5Z" fill="${colors.hat.value}"/><path d="M14 3V0h-1v3h1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant10: (components, colors) => `<path d="M4 0v5H2v1h16V5h-2V0H4Z" fill="${colors.hat.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3V0h-1v3h1Zm-2-3v2h-1V0h1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant11: (components, colors) => `<path d="M3 3v2h14V3h-1V2h-1V1H5v1H4v1H3Z" fill="${colors.hat.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 1v4h-1V1h1Zm-2 0v4h-1V1h1Z" fill="#fff" fill-opacity=".2"/>`,
+    variant12: (components, colors) => `<path d="M5 4H4v2h14V5h-2V4h-1V3h-1V2H6v1H5v1Z" fill="${colors.hat.value}"/><path d="M14 4h-3v1h3V4Z" fill="#fff" fill-opacity=".2"/>`,
+};

package/lib/components/index.d.ts

@@ -0,0 +1,9 @@
+export { beard } from './beard.js';
+export { eyes } from './eyes.js';
+export { eyebrows } from './eyebrows.js';
+export { mouth } from './mouth.js';
+export { hair } from './hair.js';
+export { accessories } from './accessories.js';
+export { glasses } from './glasses.js';
+export { hat } from './hat.js';
+export { clothing } from './clothing.js';

package/lib/components/index.js

@@ -0,0 +1,9 @@
+export { beard } from './beard.js';
+export { eyes } from './eyes.js';
+export { eyebrows } from './eyebrows.js';
+export { mouth } from './mouth.js';
+export { hair } from './hair.js';
+export { accessories } from './accessories.js';
+export { glasses } from './glasses.js';
+export { hat } from './hat.js';
+export { clothing } from './clothing.js';

package/lib/components/mouth.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentGroup } from '../types.js';
+export declare const mouth: ComponentGroup;

package/lib/components/mouth.js

@@ -0,0 +1,22 @@
+export const mouth = {
+    surprised03: (components, colors) => `<path d="M9 12v2h2v-2H9Z" fill="${colors.mouth.value}"/>`,
+    surprised02: (components, colors) => `<path d="M9 13v1h1v-1H9Z" fill="${colors.mouth.value}"/>`,
+    happy09: (components, colors) => `<path d="M7 12v1h1v1h4v-1H8v-1H7Z" fill="${colors.mouth.value}"/>`,
+    happy08: (components, colors) => `<path d="M10 12v1H9v1h2v-2h-1Z" fill="${colors.mouth.value}"/>`,
+    happy07: (components, colors) => `<path d="M8 13v1h4v-1h1v-1h-1v1H8Z" fill="${colors.mouth.value}"/>`,
+    happy06: (components, colors) => `<path d="M9 12v2h2v-1h-1v-1H9Z" fill="${colors.mouth.value}"/><path d="M11 14v-1h-1v-1H9v1h1v1h1Z" fill="#fff" fill-opacity=".2"/>`,
+    happy05: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1H8Z" fill="${colors.mouth.value}"/>`,
+    happy04: (components, colors) => `<path d="M9 13v1h2v-1h1v-1h-1v1H9Z" fill="${colors.mouth.value}"/>`,
+    happy03: (components, colors) => `<path d="M8 12v1h1v1h2v-1H9v-1H8Z" fill="${colors.mouth.value}"/>`,
+    happy02: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1h-1v-1H9v1H8Z" fill="${colors.mouth.value}"/><path d="M9 12v1h2v-1H9Z" fill="#fff"/>`,
+    happy01: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1h-1v-1H9v1H8Z" fill="${colors.mouth.value}"/><path d="M9 12v1h2v-1H9Z" fill="#fff" fill-opacity=".2"/>`,
+    sad08: (components, colors) => `<path d="M9 12v1H8v1h4v-1h-1v-1H9Z" fill="${colors.mouth.value}"/>`,
+    sad07: (components, colors) => `<path d="M11 12v1H9v1H8v-1h1v-1h2Z" fill="${colors.mouth.value}"/>`,
+    sad06: (components, colors) => `<path d="M8 12h3v1H8v-1Z" fill="${colors.mouth.value}"/>`,
+    sad05: (components, colors) => `<path d="M8 12h4v1H8v-1Z" fill="${colors.mouth.value}"/>`,
+    sad04: (components, colors) => `<path d="M9 12h2v1H9v-1Z" fill="${colors.mouth.value}"/>`,
+    sad03: (components, colors) => `<path d="M8 12v1h3v1h1v-1h-1v-1H8Z" fill="${colors.mouth.value}"/>`,
+    sad02: (components, colors) => `<path d="M8 13v1h1v-1h3v-1H9v1H8Z" fill="${colors.mouth.value}"/>`,
+    sad01: (components, colors) => `<path d="M10 12v1h1v1h1v-2h-2Z" fill="${colors.mouth.value}"/>`,
+    surprised01: (components, colors) => `<path d="M8 12v2h4v-2H8Z" fill="#fff"/>`,
+};

package/{dist → lib}/core.d.ts

@@ -1,3 +1,3 @@
-import type { Style } from '@dicebear/core';
-import type { Options } from './options';
-export declare const style: Style<Options>;
+import type { Style } from '@dicebear/core';
+import type { Options } from './types.js';
+export declare const style: Style<Options>;

package/lib/core.js

@@ -0,0 +1,31 @@
+import { schema } from './schema.js';
+import { getComponents } from './utils/getComponents.js';
+import { getColors } from './utils/getColors.js';
+import { onPreCreate } from './hooks/onPreCreate.js';
+import { onPostCreate } from './hooks/onPostCreate.js';
+export const style = {
+    meta: {
+        title: 'Pixel Art',
+        creator: 'Plastic Jam',
+        license: {
+            name: 'MIT',
+            url: 'https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE',
+        },
+    },
+    schema: schema,
+    create: ({ prng, options }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        onPreCreate({ prng, options });
+        const components = getComponents({ prng, options });
+        const colors = getColors({ prng, options });
+        onPostCreate({ prng, options, components, colors });
+        return {
+            attributes: {
+                viewBox: '0 0 20 20',
+                fill: 'none',
+                'shape-rendering': 'auto',
+            },
+            body: `<path d="M6 4V3h8v1h1v1h1v3h1v3h-1v2h-1v1h-1v1h-2v1h4v1h1v3H3v-3h1v-1h4v-1H6v-1H5v-1H4v-2H3V8h1V5h1V4h1Z" fill="${colors.skin.value}"/><path d="M6 3v1H5v1H4v3H3v3h1v2h1v1h1v1h8v-1h1v-1h1v-2h1V8h-1V5h-1V4h-1V3H6Z" fill="#fff" fill-opacity=".1"/>${(_b = (_a = components.beard) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}${(_d = (_c = components.eyes) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}${(_f = (_e = components.eyebrows) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}${(_h = (_g = components.mouth) === null || _g === void 0 ? void 0 : _g.value(components, colors)) !== null && _h !== void 0 ? _h : ''}${(_k = (_j = components.hair) === null || _j === void 0 ? void 0 : _j.value(components, colors)) !== null && _k !== void 0 ? _k : ''}${(_m = (_l = components.accessories) === null || _l === void 0 ? void 0 : _l.value(components, colors)) !== null && _m !== void 0 ? _m : ''}${(_p = (_o = components.glasses) === null || _o === void 0 ? void 0 : _o.value(components, colors)) !== null && _p !== void 0 ? _p : ''}${(_r = (_q = components.hat) === null || _q === void 0 ? void 0 : _q.value(components, colors)) !== null && _r !== void 0 ? _r : ''}${(_t = (_s = components.clothing) === null || _s === void 0 ? void 0 : _s.value(components, colors)) !== null && _t !== void 0 ? _t : ''}`,
+        };
+    },
+};

package/{dist → lib}/hooks/onPostCreate.d.ts

@@ -1,12 +1,10 @@
-import { Prng, StyleOptions } from '@dicebear/core';
-import { Options } from '../options';
-import { ColorPickCollection, ComponentPickCollection } from '../static-types';
-declare type Props = {
-    prng: Prng;
-    options: StyleOptions<Options>;
-    components: ComponentPickCollection;
-    colors: ColorPickCollection;
-    preview: boolean;
-};
-export declare function onPostCreate({ prng, options, components, colors, preview, }: Props): void;
-export {};
+import { Prng, StyleOptions } from '@dicebear/core';
+import { Options, ColorPickCollection, ComponentPickCollection } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    options: StyleOptions<Options>;
+    components: ComponentPickCollection;
+    colors: ColorPickCollection;
+};
+export declare function onPostCreate({ prng, options, components, colors }: Props): void;
+export {};

package/lib/hooks/onPostCreate.js

@@ -0,0 +1,3 @@
+export function onPostCreate({ prng, options, components, colors }) {
+    // Write your modifications here
+}

package/lib/hooks/onPreCreate.d.ts

@@ -0,0 +1,8 @@
+import { Prng, StyleOptions } from '@dicebear/core';
+import { Options } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    options: StyleOptions<Options>;
+};
+export declare function onPreCreate({ prng, options }: Props): void;
+export {};

package/lib/hooks/onPreCreate.js

@@ -0,0 +1,3 @@
+export function onPreCreate({ prng, options }) {
+    // Write your modifications here
+}

package/lib/index.d.ts

@@ -0,0 +1,13 @@
+/*!
+ * Pixel Art (@dicebear/pixel-art)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ * Copyright (c) 2022 Plastic Jam
+ *
+ * Design "Pixel Art" by Plastic Jam licensed under MIT.
+ * License: https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE
+ */
+declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
+export { create, meta, schema };
+export type { Options } from './types.js';

package/lib/index.js

@@ -0,0 +1,13 @@
+/*!
+ * Pixel Art (@dicebear/pixel-art)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ * Copyright (c) 2022 Plastic Jam
+ *
+ * Design "Pixel Art" by Plastic Jam licensed under MIT.
+ * License: https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE
+ */
+import { style } from './core.js';
+const { create, meta, schema } = style;
+export { create, meta, schema };

package/lib/schema.d.ts

@@ -0,0 +1,2 @@
+import type { StyleSchema } from '@dicebear/core';
+export declare const schema: StyleSchema;