@dicebear/bottts-neutral 5.0.0-alpha.2 → 5.0.0-alpha.20

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Florian Körner
+Copyright (c) 2022 Florian Körner
 
 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/base.d.ts

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

package/lib/colors/base.js

@@ -0,0 +1,21 @@
+export const base = {
+    amber: 'rgba(255, 179, 0, 1)',
+    blue: 'rgba(30, 136, 229, 1)',
+    blueGrey: 'rgba(84, 110, 122, 1)',
+    brown: 'rgba(109, 76, 65, 1)',
+    cyan: 'rgba(0, 172, 193, 1)',
+    deepOrange: 'rgba(244, 81, 30, 1)',
+    deepPurple: 'rgba(94, 53, 177, 1)',
+    green: 'rgba(67, 160, 71, 1)',
+    grey: 'rgba(117, 117, 117, 1)',
+    indigo: 'rgba(57, 73, 171, 1)',
+    lightBlue: 'rgba(3, 155, 229, 1)',
+    lightGreen: 'rgba(124, 179, 66, 1)',
+    lime: 'rgba(192, 202, 51, 1)',
+    orange: 'rgba(251, 140, 0, 1)',
+    pink: 'rgba(216, 27, 96, 1)',
+    purple: 'rgba(142, 36, 170, 1)',
+    red: 'rgba(229, 57, 53, 1)',
+    teal: 'rgba(0, 137, 123, 1)',
+    yellow: 'rgba(253, 216, 53, 1)',
+};

package/lib/colors/index.d.ts

@@ -0,0 +1 @@
+export { base } from './base.js';

package/lib/colors/index.js

@@ -0,0 +1 @@
+export { base } from './base.js';

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,16 @@
+export const eyes = {
+    bulging: (components, colors) => `<circle cx="28" cy="24" r="18" fill="#000" fill-opacity=".2"/><circle cx="74" cy="24" r="18" fill="#000" fill-opacity=".2"/><circle cx="28" cy="24" r="15" fill="#F1EEDA"/><circle cx="74" cy="24" r="15" fill="#F1EEDA"/><rect x="26" y="15" width="10" height="10" rx="2" fill="#000" fill-opacity=".8"/><rect x="74" y="15" width="10" height="10" rx="2" fill="#000" fill-opacity=".8"/>`,
+    dizzy: (components, colors) => `<path d="m25 27.2 5.5 5.5c.5.4 1.2.4 1.6 0l1.6-1.6c.4-.5.4-1.2 0-1.6L28.2 24l5.5-5.5c.4-.5.4-1.2 0-1.6l-1.6-1.6c-.5-.4-1.2-.4-1.6 0L25 20.8l-5.5-5.5c-.5-.4-1.2-.4-1.6 0l-1.6 1.6c-.4.4-.4 1.1 0 1.6l5.5 5.5-5.5 5.5c-.4.5-.4 1.2 0 1.6l1.6 1.6c.5.4 1.2.4 1.6 0l5.5-5.5ZM79 27.2l5.5 5.5c.5.4 1.2.4 1.6 0l1.6-1.6c.4-.5.4-1.2 0-1.6L82.2 24l5.5-5.5c.4-.5.4-1.2 0-1.6l-1.6-1.6c-.5-.4-1.2-.4-1.6 0L79 20.8l-5.5-5.5c-.5-.4-1.2-.4-1.6 0l-1.6 1.6c-.4.4-.4 1.1 0 1.6l5.5 5.5-5.5 5.5c-.4.5-.4 1.2 0 1.6l1.6 1.6c.5.4 1.2.4 1.6 0l5.5-5.5Z" fill="#000" fill-opacity=".8"/>`,
+    eva: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M53 0c34.75 0 49 17.47 49 31 0 13.53-19.59 17-49 17-29.05 0-51-3.47-51-17S17.11 0 53 0Z" fill="#000" fill-opacity=".8"/><path d="M28.82 34.65c-6.53-1.35-11.24-6.34-10.52-11.14.72-4.79 6.6-7.58 13.12-6.23 6.53 1.36 11.24 6.35 10.52 11.15-.72 4.8-6.6 7.59-13.12 6.23ZM75.42 34.65c-6.52 1.36-12.4-1.43-13.12-6.23-.72-4.8 4-9.8 10.52-11.15 6.52-1.35 12.4 1.44 13.12 6.24.72 4.81-4 9.8-10.52 11.15Z" fill="#25A6F5"/></g>`,
+    frame1: (components, colors) => `<rect y="4" width="104" height="42" rx="4" fill="#000" fill-opacity=".8"/><rect x="28" y="25" width="10" height="11" rx="2" fill="#8BDDFF"/><rect x="66" y="25" width="10" height="11" rx="2" fill="#8BDDFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 4h8L12 46H4L21 4Z" fill="#fff" fill-opacity=".4"/>`,
+    frame2: (components, colors) => `<rect x="8" y="10" width="88" height="36" rx="4" fill="#000" fill-opacity=".8"/><rect x="28" y="21" width="10" height="17" rx="2" fill="#5EF2B8"/><rect x="66" y="21" width="10" height="17" rx="2" fill="#5EF2B8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83 10h5L76 46h-5l12-36Z" fill="#fff" fill-opacity=".4"/>`,
+    glow: (components, colors) => `<g fill="#fff"><circle cx="21" cy="30" r="15" fill-opacity=".1"/><circle cx="83" cy="30" r="15" fill-opacity=".1"/><circle cx="21" cy="30" r="12" fill-opacity=".1"/><circle cx="83" cy="30" r="12" fill-opacity=".1"/><circle cx="21" cy="30" r="6" fill-opacity=".8"/><circle cx="83" cy="30" r="6" fill-opacity=".8"/><circle cx="21" cy="30" r="3" fill-opacity=".8"/><circle cx="83" cy="30" r="3" fill-opacity=".8"/></g>`,
+    happy: (components, colors) => `<path d="m18 19 12-2M20 31c0-3.31 2.9-6 7-6 3.1 0 6 2.69 6 6M86 20l-12-3M84 31c0-3.31-2.9-6-6-6-4.1 0-7 2.69-7 6" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>`,
+    hearts: (components, colors) => `<path d="M29.27 9.68c-2.55.13-4.96 2.24-6.25 4.15-1.48-1.76-4.1-3.6-6.65-3.47-5.48.28-8.85 3.8-8.63 8.1.3 5.72 4.88 8.89 9.7 12.24 1.71 1.15 5 4.15 5.42 4.82.42.67 2.14.6 2.58-.13a37.8 37.8 0 0 1 4.9-5.36c4.43-3.84 8.66-7.47 8.36-13.2-.23-4.3-3.95-7.44-9.43-7.15ZM87.63 10.36c-2.55-.14-5.17 1.7-6.65 3.47-1.3-1.9-3.7-4.02-6.25-4.15-5.48-.29-9.2 2.86-9.43 7.16-.3 5.72 3.93 9.35 8.36 13.19 1.6 1.32 4.55 4.64 4.9 5.36.35.7 2.06.82 2.58.13.51-.7 3.7-3.67 5.42-4.82 4.81-3.35 9.4-6.52 9.7-12.24.22-4.3-3.15-7.82-8.63-8.1Z" fill="#FF5353" fill-opacity=".8"/>`,
+    robocop: (components, colors) => `<rect x="7" y="16" width="91" height="16" rx="4" fill="#000" fill-opacity=".8"/><mask id="eyesRobocop-a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="16" width="91" height="16"><rect x="7" y="16" width="91" height="16" rx="4" fill="#fff"/></mask><g mask="url(#eyesRobocop-a)" fill-rule="evenodd" clip-rule="evenodd" fill="#fff" fill-opacity=".8"><path d="M76 7h18L82 37H64L76 7ZM52 7h9L49 37h-9L52 7Z"/></g>`,
+    round: (components, colors) => `<g fill="#fff"><circle cx="24" cy="30" r="6"/><circle cx="80" cy="30" r="6"/></g>`,
+    roundFrame01: (components, colors) => `<rect y="12" width="104" height="32" rx="16" fill="#000" fill-opacity=".8"/><rect x="24" y="22" width="10" height="12" rx="2" fill="#F4F4F4"/><rect x="70" y="22" width="10" height="12" rx="2" fill="#F4F4F4"/>`,
+    roundFrame02: (components, colors) => `<rect y="11" width="104" height="34" rx="17" fill="#000" fill-opacity=".8"/><circle cx="29" cy="28" r="13" fill="#F1EEDA"/><circle cx="75" cy="28" r="13" fill="#F1EEDA"/><rect x="24" y="23" width="10" height="10" rx="2" fill="#000" fill-opacity=".8"/><rect x="70" y="23" width="10" height="10" rx="2" fill="#000" fill-opacity=".8"/>`,
+    sensor: (components, colors) => `<path d="M28 44a20 20 0 0 0 19.9-18h41.52a5 5 0 1 0 0-4H47.9A20 20 0 1 0 28 44Z" fill="#000" fill-opacity=".2"/><circle cx="94" cy="24" r="2" fill="#fff"/><circle cx="28" cy="24" r="16" fill="#000" fill-opacity=".6"/><circle cx="34" cy="16" r="3" fill="#fff"/>`,
+    shade01: (components, colors) => `<path d="M0 10a8 8 0 0 1 8-8h88a8 8 0 0 1 8 8v18a8 8 0 0 1-8 8H82.98c-3.27.17-5.48 1.14-6.98 2.35l-1.48 1.24c-2.47 2.12-5.15 4.4-8.24 4.4H38.67c-3.14 0-5.94-2.12-8.62-4.16-.95-.72-1.89-1.44-2.82-2.04A12.38 12.38 0 0 0 21.02 36H8a8 8 0 0 1-8-8V10Z" fill="#000" fill-opacity=".8"/><mask id="eyesShade01-a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="2" width="104" height="42"><path d="M0 10a8 8 0 0 1 8-8h88a8 8 0 0 1 8 8v18a8 8 0 0 1-8 8H82.98c-3.27.17-5.48 1.14-6.98 2.35l-1.48 1.24c-2.47 2.12-5.15 4.4-8.24 4.4H38.67c-3.14 0-5.94-2.12-8.62-4.16-.95-.72-1.89-1.44-2.82-2.04A12.38 12.38 0 0 0 21.02 36H8a8 8 0 0 1-8-8V10Z" fill="#000" fill-opacity=".8"/></mask><g mask="url(#eyesShade01-a)"><path d="M12 19a5 5 0 0 1 5-5h70a5 5 0 0 1 5 5v2a5 5 0 0 1-5 5H74.98c-3.27.17-5.48 1.14-6.98 2.35l-1.48 1.24c-2 1.72-4.14 3.54-6.52 4.18V34H46.67c-3.14 0-5.94-2.13-8.62-4.17-.95-.72-1.89-1.44-2.82-2.04A12.38 12.38 0 0 0 29.02 26H17a5 5 0 0 1-5-5v-2Z" fill="#FF3D3D"/><path d="M12 44 32-2h-4L8 44h4ZM50-2H39L19 44h11L50-2Z" fill="#fff" fill-opacity=".2"/></g>`,
+};

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export { mouth } from './mouth.js';
+export { eyes } from './eyes.js';

package/lib/components/index.js

@@ -0,0 +1,2 @@
+export { mouth } from './mouth.js';
+export { eyes } from './eyes.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,11 @@
+export const mouth = {
+    bite: (components, colors) => `<rect x="4" y="5" width="68" height="22" rx="5" fill="#000" fill-opacity=".2"/><rect x="8" y="9" width="60" height="14" rx="2" fill="#000" fill-opacity=".6"/><path fill-rule="evenodd" clip-rule="evenodd" d="m20 17 6-8H14l6 8ZM32 17l6-8H26l6 8ZM44 17l6-8H38l6 8ZM56 17l6-8H50l6 8Z" fill="#E1E6E8"/>`,
+    diagram: (components, colors) => `<rect x="4" y="4" width="68" height="24" rx="5" fill="#000" fill-opacity=".2"/><rect x="8" y="8" width="60" height="16" rx="2" fill="#000" fill-opacity=".8"/><path d="M9 17h11l2-4 3 7 4-8 2 9 3-11 3 10 3-3h15l3-4 2 7 3-3h4" stroke="#4EFAC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+    grill01: (components, colors) => `<g fill="#000" fill-opacity=".6"><rect x="12" y="12" width="4" height="8" rx="2"/><rect x="36" y="12" width="4" height="8" rx="2"/><rect x="24" y="12" width="4" height="8" rx="2"/><rect x="48" y="12" width="4" height="8" rx="2"/><rect x="60" y="12" width="4" height="8" rx="2"/></g>`,
+    grill02: (components, colors) => `<g fill="#000" fill-opacity=".6"><rect x="28" y="10" width="6" height="14" rx="2"/><rect x="14" y="10" width="6" height="14" rx="2"/><rect x="42" y="10" width="6" height="14" rx="2"/><rect x="56" y="10" width="6" height="14" rx="2"/></g>`,
+    grill03: (components, colors) => `<rect x="4" y="5" width="68" height="22" rx="5" fill="#000" fill-opacity=".2"/><rect x="8" y="9" width="60" height="14" rx="2" fill="#fff"/><path fill="#000" fill-opacity=".1" d="M18 9h4v14h-4zM42 9h4v14h-4zM30 9h4v14h-4zM54 9h4v14h-4z"/>`,
+    smile01: (components, colors) => `<path d="M27.05 8.44a2 2 0 1 1 3.9-.88C31.72 10.96 34.4 13 38 13c3.6 0 6.28-2.04 7.05-5.44a2 2 0 1 1 3.9.88C47.75 13.7 43.43 17 38 17s-9.76-3.3-10.95-8.56Z" fill="#000" fill-opacity=".6"/>`,
+    smile02: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M18 10.22C18 21.78 24.47 28 38 28c13.52 0 20-6.34 20-17.78C58 9.5 57.17 8 55 8H21c-2.05 0-3 1.38-3 2.22Z" fill="#000" fill-opacity=".8"/><mask id="mouthSmile02-a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="18" y="8" width="40" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 10.22C18 21.78 24.47 28 38 28c13.52 0 20-6.34 20-17.78C58 9.5 57.17 8 55 8H21c-2.05 0-3 1.38-3 2.22Z" fill="#fff"/></mask><g mask="url(#mouthSmile02-a)"><rect x="30" y="2" width="16" height="14" rx="2" fill="#fff"/></g>`,
+    square01: (components, colors) => `<rect x="24" y="6" width="27" height="8" rx="4" fill="#000" fill-opacity=".8"/>`,
+    square02: (components, colors) => `<rect x="16" y="8" width="44" height="4" rx="2" fill="#000" fill-opacity=".8"/>`,
+};

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,33 @@
+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: 'Bottts',
+        creator: 'Pablo Stanley',
+        source: 'https://bottts.com/',
+        license: {
+            name: 'Free for personal and commercial use',
+            url: 'https://bottts.com/',
+        },
+    },
+    schema: schema,
+    create: ({ prng, options }) => {
+        var _a, _b, _c, _d;
+        onPreCreate({ prng, options });
+        const components = getComponents({ prng, options });
+        const colors = getColors({ prng, options });
+        onPostCreate({ prng, options, components, colors });
+        options.backgroundColor = [colors.background.value];
+        return {
+            attributes: {
+                viewBox: '0 0 120 120',
+                fill: 'none',
+                'shape-rendering': 'auto',
+            },
+            body: `<g transform="translate(22 68)">${(_b = (_a = components.mouth) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}</g><g transform="translate(8 20)">${(_d = (_c = components.eyes) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}</g>`,
+        };
+    },
+};

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 @@
+/*!
+ * Bottts Neutral (@dicebear/bottts-neutral)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ *
+ * Design "Bottts" by Pablo Stanley licensed under Free for personal and commercial use.
+ * Source: https://bottts.com/
+ * License: https://bottts.com/
+ */
+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 @@
+/*!
+ * Bottts Neutral (@dicebear/bottts-neutral)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ *
+ * Design "Bottts" by Pablo Stanley licensed under Free for personal and commercial use.
+ * Source: https://bottts.com/
+ * License: https://bottts.com/
+ */
+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;

package/lib/schema.js

@@ -0,0 +1,149 @@
+export const schema = {
+    title: 'Options',
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    properties: {
+        backgroundColor: {
+            type: 'array',
+            items: {
+                type: 'string',
+                pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
+            },
+            default: [
+                'amber',
+                'blue',
+                'blueGrey',
+                'brown',
+                'cyan',
+                'deepOrange',
+                'deepPurple',
+                'green',
+                'grey',
+                'indigo',
+                'lightBlue',
+                'lightGreen',
+                'lime',
+                'orange',
+                'pink',
+                'purple',
+                'red',
+                'teal',
+                'yellow',
+            ],
+            examples: [
+                ['amber'],
+                ['blue'],
+                ['blueGrey'],
+                ['brown'],
+                ['cyan'],
+                ['deepOrange'],
+                ['deepPurple'],
+                ['green'],
+                ['grey'],
+                ['indigo'],
+                ['lightBlue'],
+                ['lightGreen'],
+                ['lime'],
+                ['orange'],
+                ['pink'],
+                ['purple'],
+                ['red'],
+                ['teal'],
+                ['yellow'],
+            ],
+        },
+        eyes: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: [
+                    'bulging',
+                    'dizzy',
+                    'eva',
+                    'frame1',
+                    'frame2',
+                    'glow',
+                    'happy',
+                    'hearts',
+                    'robocop',
+                    'round',
+                    'roundFrame01',
+                    'roundFrame02',
+                    'sensor',
+                    'shade01',
+                ],
+            },
+            default: [
+                'bulging',
+                'dizzy',
+                'eva',
+                'frame1',
+                'frame2',
+                'glow',
+                'happy',
+                'hearts',
+                'robocop',
+                'round',
+                'roundFrame01',
+                'roundFrame02',
+                'sensor',
+                'shade01',
+            ],
+            examples: [
+                ['bulging'],
+                ['dizzy'],
+                ['eva'],
+                ['frame1'],
+                ['frame2'],
+                ['glow'],
+                ['happy'],
+                ['hearts'],
+                ['robocop'],
+                ['round'],
+                ['roundFrame01'],
+                ['roundFrame02'],
+                ['sensor'],
+                ['shade01'],
+            ],
+        },
+        mouth: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: [
+                    'bite',
+                    'diagram',
+                    'grill01',
+                    'grill02',
+                    'grill03',
+                    'smile01',
+                    'smile02',
+                    'square01',
+                    'square02',
+                ],
+            },
+            default: [
+                'bite',
+                'diagram',
+                'grill01',
+                'grill02',
+                'grill03',
+                'smile01',
+                'smile02',
+                'square01',
+                'square02',
+            ],
+            examples: [
+                ['bite'],
+                ['diagram'],
+                ['grill01'],
+                ['grill02'],
+                ['grill03'],
+                ['smile01'],
+                ['smile02'],
+                ['square01'],
+                ['square02'],
+            ],
+        },
+    },
+    additionalProperties: false,
+};

package/{dist/static-types.d.ts → lib/types.d.ts}

@@ -1,16 +1,21 @@
-export declare type ColorGroup = Record<string, ColorGroupItem>;
-export declare type ColorGroupCollection = Record<string, ColorGroup>;
-export declare type ColorGroupItem = string;
-export declare type ColorPickCollection = Record<string, ColorPick>;
-export declare type ColorPick = {
-    name: string;
-    value: ColorGroupItem;
-};
-export declare type ComponentGroup = Record<string, ComponentGroupItem>;
-export declare type ComponentGroupCollection = Record<string, ComponentGroup>;
-export declare type ComponentGroupItem = (components: ComponentPickCollection, colors: ColorPickCollection) => string;
-export declare type ComponentPickCollection = Record<string, ComponentPick>;
-export declare type ComponentPick = {
-    name: string;
-    value: ComponentGroupItem;
-} | undefined;
+export interface Options {
+    mouth?: ('bite' | 'diagram' | 'grill01' | 'grill02' | 'grill03' | 'smile01' | 'smile02' | 'square01' | 'square02')[];
+    eyes?: ('bulging' | 'dizzy' | 'eva' | 'frame1' | 'frame2' | 'glow' | 'happy' | 'hearts' | 'robocop' | 'round' | 'roundFrame01' | 'roundFrame02' | 'sensor' | 'shade01')[];
+    backgroundColor?: string[];
+}
+export declare type ColorGroup = Record<string, ColorGroupItem>;
+export declare type ColorGroupCollection = Record<string, ColorGroup>;
+export declare type ColorGroupItem = string;
+export declare type ColorPickCollection = Record<string, ColorPick>;
+export declare type ColorPick = {
+    name: string;
+    value: ColorGroupItem;
+};
+export declare type ComponentGroup = Record<string, ComponentGroupItem>;
+export declare type ComponentGroupCollection = Record<string, ComponentGroup>;
+export declare type ComponentGroupItem = (components: ComponentPickCollection, colors: ColorPickCollection) => string;
+export declare type ComponentPickCollection = Record<string, ComponentPick>;
+export declare type ComponentPick = {
+    name: string;
+    value: ComponentGroupItem;
+} | undefined;

package/lib/types.js

@@ -0,0 +1 @@
+export {};

package/{dist → lib}/utils/getColors.d.ts

@@ -1,9 +1,8 @@
-import type { Prng } from '@dicebear/core';
-import type { Options } from '../options';
-import type { ColorPickCollection } from '../static-types';
-declare type Props = {
-    prng: Prng;
-    options: Options;
-};
-export declare function getColors({ prng, options }: Props): ColorPickCollection;
-export {};
+import type { Prng } from '@dicebear/core';
+import type { Options, ColorPickCollection } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    options: Options;
+};
+export declare function getColors({ prng, options }: Props): ColorPickCollection;
+export {};

package/lib/utils/getColors.js

@@ -0,0 +1,10 @@
+import { pickColor } from './pickColor.js';
+export function getColors({ prng, options }) {
+    return {
+        background: pickColor({
+            prng,
+            group: 'base',
+            values: options.backgroundColor,
+        }),
+    };
+}

package/{dist → lib}/utils/getComponents.d.ts

@@ -1,9 +1,8 @@
-import type { Prng } from '@dicebear/core';
-import type { Options } from '../options';
-import type { ComponentPickCollection } from '../static-types';
-declare type Props = {
-    prng: Prng;
-    options: Options;
-};
-export declare function getComponents({ prng, options, }: Props): ComponentPickCollection;
-export {};
+import type { Prng } from '@dicebear/core';
+import type { Options, ComponentPickCollection } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    options: Options;
+};
+export declare function getComponents({ prng, options, }: Props): ComponentPickCollection;
+export {};

package/lib/utils/getComponents.js

@@ -0,0 +1,17 @@
+import { pickComponent } from './pickComponent.js';
+export function getComponents({ prng, options, }) {
+    const mouthComponent = pickComponent({
+        prng,
+        group: 'mouth',
+        values: options.mouth,
+    });
+    const eyesComponent = pickComponent({
+        prng,
+        group: 'eyes',
+        values: options.eyes,
+    });
+    return {
+        mouth: mouthComponent,
+        eyes: eyesComponent,
+    };
+}

package/{dist → lib}/utils/pickColor.d.ts

@@ -1,9 +1,9 @@
-import type { Prng } from '@dicebear/core';
-import type { ColorPick } from '../static-types';
-declare type Props = {
-    prng: Prng;
-    group: string;
-    values?: string[];
-};
-export declare function pickColor({ prng, group, values }: Props): ColorPick;
-export {};
+import type { Prng } from '@dicebear/core';
+import type { ColorPick } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    group: string;
+    values?: string[];
+};
+export declare function pickColor({ prng, group, values }: Props): ColorPick;
+export {};

package/lib/utils/pickColor.js

@@ -0,0 +1,13 @@
+import * as colors from '../colors/index.js';
+export function pickColor({ prng, group, values = [] }) {
+    var _a;
+    const colorCollection = colors;
+    if (values.length === 0) {
+        values.push('transparent');
+    }
+    const key = prng.pick(values);
+    return {
+        name: key,
+        value: (_a = colorCollection[group][key]) !== null && _a !== void 0 ? _a : key,
+    };
+}

package/{dist → lib}/utils/pickComponent.d.ts

@@ -1,9 +1,9 @@
-import type { Prng } from '@dicebear/core';
-import type { ComponentPick } from '../static-types';
-declare type Props = {
-    prng: Prng;
-    group: string;
-    values?: string[];
-};
-export declare function pickComponent({ prng, group, values, }: Props): ComponentPick;
-export {};
+import type { Prng } from '@dicebear/core';
+import type { ComponentPick } from '../types.js';
+declare type Props = {
+    prng: Prng;
+    group: string;
+    values?: string[];
+};
+export declare function pickComponent({ prng, group, values, }: Props): ComponentPick;
+export {};

package/lib/utils/pickComponent.js

@@ -0,0 +1,14 @@
+import * as components from '../components/index.js';
+export function pickComponent({ prng, group, values = [], }) {
+    const componentCollection = components;
+    const key = prng.pick(values);
+    if (componentCollection[group][key]) {
+        return {
+            name: key,
+            value: componentCollection[group][key],
+        };
+    }
+    else {
+        return undefined;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dicebear/bottts-neutral",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.20",
   "description": "Avatar style for DiceBear",
   "keywords": [
     "dicebear"
@@ -13,39 +13,35 @@
     "url": "git+https://github.com/dicebear/dicebear.git"
   },
   "license": "MIT",
-  "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "browser": "dist/index.umd.js",
-  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "files": [
     "LICENSE",
-    "README.md",
-    "dist"
+    "lib",
+    "README.md"
   ],
   "scripts": {
-    "test": "jest",
+    "prebuild": "del-cli lib",
+    "build": "tsc",
     "prepublishOnly": "npm run build",
-    "prebuild": "shx rm -rf dist",
-    "build": "dicebear-project build DiceBear.BotttsNeutral"
+    "test": "uvu tests"
   },
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.2",
-    "@tsconfig/recommended": "^1.0.0",
-    "@types/jest": "^26.0.22",
-    "@types/node": "^10.11.6",
-    "dicebear-project": "^5.0.0-alpha.2",
-    "jest": "^26.6.3",
-    "shx": "^0.3.3",
-    "ts-jest": "^26.5.4",
-    "typescript": "^4.2.3",
-    "utility-types": "^3.10.0"
+    "@dicebear/core": "^5.0.0-alpha.20",
+    "@tsconfig/recommended": "^1.0.1",
+    "del-cli": "^4.0.1",
+    "typescript": "^4.6.3",
+    "uvu": "^0.5.3"
   },
   "peerDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.2"
+    "@dicebear/core": "^5.0.0-alpha.16"
+  },
+  "engines": {
+    "node": "^14.13.1 || >=16.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a29200fdf7cc9a6ddbb363c9b7f275844b005361"
+  "gitHead": "6b1c2bd64294365be21d0a133a362ede5ed62b5a"
 }

package/dist/colors/base.d.ts

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

package/dist/colors/index.d.ts

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

package/dist/components/eyes.d.ts

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