@dicebear/identicon 5.0.0-alpha.3 → 5.0.0-alpha.30

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/README.md

@@ -2,7 +2,7 @@
 <p align="center">
   <strong>Avatar Style for <a href="https://dicebear.com/">DiceBear</a></strong><br />
     Identicon
-    by Florian Körner
+      by Florian Körner
 </p>
 
 <p align="center">

package/lib/colors/index.d.ts

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

package/lib/colors/index.js

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

package/lib/colors/row.d.ts

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

package/lib/colors/row.js

@@ -0,0 +1,21 @@
+export const row = {
+    red: 'rgba(229, 57, 53, 1)',
+    amber: 'rgba(255, 179, 0, 1)',
+    blue: 'rgba(30, 136, 229, 1)',
+    blueGray: '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)',
+    teal: 'rgba(0, 137, 123, 1)',
+    yellow: 'rgba(253, 216, 53, 1)',
+};

package/lib/components/index.d.ts

@@ -0,0 +1,5 @@
+export { row1 } from './row1.js';
+export { row2 } from './row2.js';
+export { row3 } from './row3.js';
+export { row4 } from './row4.js';
+export { row5 } from './row5.js';

package/lib/components/index.js

@@ -0,0 +1,5 @@
+export { row1 } from './row1.js';
+export { row2 } from './row2.js';
+export { row3 } from './row3.js';
+export { row4 } from './row4.js';
+export { row5 } from './row5.js';

package/lib/components/row1.d.ts

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

package/lib/components/row1.js

@@ -0,0 +1,10 @@
+import { escape } from '@dicebear/core';
+export const row1 = {
+    xooox: (components, colors) => `<path d="M1 0H0v1h1V0ZM5 0H4v1h1V0Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xxoxx: (components, colors) => `<path d="M2 0H0v1h2V0ZM5 0H3v1h2V0Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xoxox: (components, colors) => `<path d="M0 0h1v1H0V0ZM4 0h1v1H4V0ZM3 0H2v1h1V0Z" fill="${escape.xml(colors.row.value)}"/>`,
+    oxxxo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M1 0h3v1H1z"/>`,
+    xxxxx: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M0 0h5v1H0z"/>`,
+    oxoxo: (components, colors) => `<path d="M2 0H1v1h1V0ZM4 0H3v1h1V0Z" fill="${escape.xml(colors.row.value)}"/>`,
+    ooxoo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M2 0h1v1H2z"/>`,
+};

package/lib/components/row2.d.ts

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

package/lib/components/row2.js

@@ -0,0 +1,10 @@
+import { escape } from '@dicebear/core';
+export const row2 = {
+    xooox: (components, colors) => `<path d="M1 1H0v1h1V1ZM5 1H4v1h1V1Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xxoxx: (components, colors) => `<path d="M2 1H0v1h2V1ZM5 1H3v1h2V1Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xoxox: (components, colors) => `<path d="M0 1h1v1H0V1ZM4 1h1v1H4V1ZM3 1H2v1h1V1Z" fill="${escape.xml(colors.row.value)}"/>`,
+    oxxxo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M1 1h3v1H1z"/>`,
+    xxxxx: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M0 1h5v1H0z"/>`,
+    oxoxo: (components, colors) => `<path d="M2 1H1v1h1V1ZM4 1H3v1h1V1Z" fill="${escape.xml(colors.row.value)}"/>`,
+    ooxoo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M2 1h1v1H2z"/>`,
+};

package/lib/components/row3.d.ts

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

package/lib/components/row3.js

@@ -0,0 +1,10 @@
+import { escape } from '@dicebear/core';
+export const row3 = {
+    xooox: (components, colors) => `<path d="M1 2H0v1h1V2ZM5 2H4v1h1V2Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xxoxx: (components, colors) => `<path d="M2 2H0v1h2V2ZM5 2H3v1h2V2Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xoxox: (components, colors) => `<path d="M0 2h1v1H0V2ZM4 2h1v1H4V2ZM3 2H2v1h1V2Z" fill="${escape.xml(colors.row.value)}"/>`,
+    oxxxo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M1 2h3v1H1z"/>`,
+    xxxxx: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M0 2h5v1H0z"/>`,
+    oxoxo: (components, colors) => `<path d="M2 2H1v1h1V2ZM4 2H3v1h1V2Z" fill="${escape.xml(colors.row.value)}"/>`,
+    ooxoo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M2 2h1v1H2z"/>`,
+};

package/lib/components/row4.d.ts

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

package/lib/components/row4.js

@@ -0,0 +1,10 @@
+import { escape } from '@dicebear/core';
+export const row4 = {
+    xooox: (components, colors) => `<path d="M1 3H0v1h1V3ZM5 3H4v1h1V3Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xxoxx: (components, colors) => `<path d="M2 3H0v1h2V3ZM5 3H3v1h2V3Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xoxox: (components, colors) => `<path d="M0 3h1v1H0V3ZM4 3h1v1H4V3ZM3 3H2v1h1V3Z" fill="${escape.xml(colors.row.value)}"/>`,
+    oxxxo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M1 3h3v1H1z"/>`,
+    xxxxx: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M0 3h5v1H0z"/>`,
+    oxoxo: (components, colors) => `<path d="M2 3H1v1h1V3ZM4 3H3v1h1V3Z" fill="${escape.xml(colors.row.value)}"/>`,
+    ooxoo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M2 3h1v1H2z"/>`,
+};

package/lib/components/row5.d.ts

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

package/lib/components/row5.js

@@ -0,0 +1,10 @@
+import { escape } from '@dicebear/core';
+export const row5 = {
+    xooox: (components, colors) => `<path d="M1 4H0v1h1V4ZM5 4H4v1h1V4Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xxoxx: (components, colors) => `<path d="M2 4H0v1h2V4ZM5 4H3v1h2V4Z" fill="${escape.xml(colors.row.value)}"/>`,
+    xoxox: (components, colors) => `<path d="M0 4h1v1H0V4ZM4 4h1v1H4V4ZM3 4H2v1h1V4Z" fill="${escape.xml(colors.row.value)}"/>`,
+    oxxxo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M1 4h3v1H1z"/>`,
+    xxxxx: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M0 4h5v1H0z"/>`,
+    oxoxo: (components, colors) => `<path d="M2 4H1v1h1V4ZM4 4H3v1h1V4Z" fill="${escape.xml(colors.row.value)}"/>`,
+    ooxoo: (components, colors) => `<path fill="${escape.xml(colors.row.value)}" d="M2 4h1v1H2z"/>`,
+};

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: 'Identicon',
+        creator: 'Florian Körner',
+        license: {
+            name: 'CC0 1.0',
+            url: 'https://creativecommons.org/publicdomain/zero/1.0/',
+        },
+    },
+    schema: schema,
+    create: ({ prng, options }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        onPreCreate({ prng, options });
+        const components = getComponents({ prng, options });
+        const colors = getColors({ prng, options });
+        onPostCreate({ prng, options, components, colors });
+        return {
+            attributes: {
+                viewBox: '0 0 5 5',
+                fill: 'none',
+                'shape-rendering': 'crispEdges',
+            },
+            body: `${(_b = (_a = components.row1) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}${(_d = (_c = components.row2) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}${(_f = (_e = components.row3) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}${(_h = (_g = components.row4) === null || _g === void 0 ? void 0 : _g.value(components, colors)) !== null && _h !== void 0 ? _h : ''}${(_k = (_j = components.row5) === null || _j === void 0 ? void 0 : _j.value(components, colors)) !== null && _k !== void 0 ? _k : ''}`,
+        };
+    },
+};

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,12 @@
+/*!
+ * Identicon (@dicebear/identicon)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ *
+ * Design "Identicon" by Florian Körner licensed under CC0 1.0.
+ * License: https://creativecommons.org/publicdomain/zero/1.0/
+ */
+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,12 @@
+/*!
+ * Identicon (@dicebear/identicon)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2022 Florian Körner
+ *
+ * Design "Identicon" by Florian Körner licensed under CC0 1.0.
+ * License: https://creativecommons.org/publicdomain/zero/1.0/
+ */
+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,141 @@
+export const schema = {
+    title: 'Options',
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    properties: {
+        row1: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            },
+            default: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            examples: [
+                ['xooox'],
+                ['xxoxx'],
+                ['xoxox'],
+                ['oxxxo'],
+                ['xxxxx'],
+                ['oxoxo'],
+                ['ooxoo'],
+            ],
+        },
+        row2: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            },
+            default: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            examples: [
+                ['xooox'],
+                ['xxoxx'],
+                ['xoxox'],
+                ['oxxxo'],
+                ['xxxxx'],
+                ['oxoxo'],
+                ['ooxoo'],
+            ],
+        },
+        row3: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            },
+            default: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            examples: [
+                ['xooox'],
+                ['xxoxx'],
+                ['xoxox'],
+                ['oxxxo'],
+                ['xxxxx'],
+                ['oxoxo'],
+                ['ooxoo'],
+            ],
+        },
+        row4: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            },
+            default: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            examples: [
+                ['xooox'],
+                ['xxoxx'],
+                ['xoxox'],
+                ['oxxxo'],
+                ['xxxxx'],
+                ['oxoxo'],
+                ['ooxoo'],
+            ],
+        },
+        row5: {
+            type: 'array',
+            items: {
+                type: 'string',
+                enum: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            },
+            default: ['xooox', 'xxoxx', 'xoxox', 'oxxxo', 'xxxxx', 'oxoxo', 'ooxoo'],
+            examples: [
+                ['xooox'],
+                ['xxoxx'],
+                ['xoxox'],
+                ['oxxxo'],
+                ['xxxxx'],
+                ['oxoxo'],
+                ['ooxoo'],
+            ],
+        },
+        rowColor: {
+            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: [
+                'red',
+                'amber',
+                'blue',
+                'blueGray',
+                'brown',
+                'cyan',
+                'deepOrange',
+                'deepPurple',
+                'green',
+                'grey',
+                'indigo',
+                'lightBlue',
+                'lightGreen',
+                'lime',
+                'orange',
+                'pink',
+                'purple',
+                'teal',
+                'yellow',
+            ],
+            examples: [
+                ['red'],
+                ['amber'],
+                ['blue'],
+                ['blueGray'],
+                ['brown'],
+                ['cyan'],
+                ['deepOrange'],
+                ['deepPurple'],
+                ['green'],
+                ['grey'],
+                ['indigo'],
+                ['lightBlue'],
+                ['lightGreen'],
+                ['lime'],
+                ['orange'],
+                ['pink'],
+                ['purple'],
+                ['teal'],
+                ['yellow'],
+            ],
+        },
+    },
+    additionalProperties: false,
+};

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

@@ -1,16 +1,24 @@
-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 {
+    row1?: ('xooox' | 'xxoxx' | 'xoxox' | 'oxxxo' | 'xxxxx' | 'oxoxo' | 'ooxoo')[];
+    row2?: ('xooox' | 'xxoxx' | 'xoxox' | 'oxxxo' | 'xxxxx' | 'oxoxo' | 'ooxoo')[];
+    row3?: ('xooox' | 'xxoxx' | 'xoxox' | 'oxxxo' | 'xxxxx' | 'oxoxo' | 'ooxoo')[];
+    row4?: ('xooox' | 'xxoxx' | 'xoxox' | 'oxxxo' | 'xxxxx' | 'oxoxo' | 'ooxoo')[];
+    row5?: ('xooox' | 'xxoxx' | 'xoxox' | 'oxxxo' | 'xxxxx' | 'oxoxo' | 'ooxoo')[];
+    rowColor?: 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 {
+        row: pickColor({
+            prng,
+            group: 'row',
+            values: options.rowColor,
+        }),
+    };
+}

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,35 @@
+import { pickComponent } from './pickComponent.js';
+export function getComponents({ prng, options, }) {
+    const row1Component = pickComponent({
+        prng,
+        group: 'row1',
+        values: options.row1,
+    });
+    const row2Component = pickComponent({
+        prng,
+        group: 'row2',
+        values: options.row2,
+    });
+    const row3Component = pickComponent({
+        prng,
+        group: 'row3',
+        values: options.row3,
+    });
+    const row4Component = pickComponent({
+        prng,
+        group: 'row4',
+        values: options.row4,
+    });
+    const row5Component = pickComponent({
+        prng,
+        group: 'row5',
+        values: options.row5,
+    });
+    return {
+        row1: row1Component,
+        row2: row2Component,
+        row3: row3Component,
+        row4: row4Component,
+        row5: row5Component,
+    };
+}

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;
+    }
+}