@dicebear/shapes 5.0.0-alpha.9 → 5.2.1

package/LICENSE

@@ -1,7 +1,19 @@
+Licenses
+--------
+
+# Design
+Applies to all design files in this package.
+
+Source: Shapes (https://dicebear.com)
+Designer: Florian Körner (https://dicebear.com)
+License: CC0 1.0 (https://creativecommons.org/publicdomain/zero/1.0/)
+
+# Code
+Applies to all non-design files in this package.
+
 MIT License
 
-Copyright (c) 2021 Florian Körner
-Copyright (c) 2021 Daniel Mester Pirttijärvi
+Copyright (c) 2023 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

@@ -1,8 +1,26 @@
-<h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Shapes</h1>
+<h1 align="center"><img src="https://dicebear.com/logo-readme.svg" width="96" /> <br />DiceBear Shapes</h1>
 <p align="center">
   <strong>Avatar Style for <a href="https://dicebear.com/">DiceBear</a></strong><br />
-    <a href="https://github.com/dmester/jdenticon">Jdenticon</a>
-    by Daniel Mester Pirttijärvi
+  <a href="https://dicebear.com">Shapes</a> by <a href="https://dicebear.com">Florian Körner</a>
+</p>
+
+<p align="center">
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Mimi" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Sasha" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Lilly" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Tigger" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Bella" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Zoe" width="64" />
+  <img src="https://api.dicebear.com/5.x/shapes/svg?seed=Kitty" width="64" />
+</p>
+
+<p align="center">
+  The avatar style is based on <a href="https://dicebear.com">Shapes</a> by
+  <a href="https://dicebear.com">Florian Körner</a>, licensed under
+  <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>. / Remix of the original.
+</p>
+<p align="center">
+  See <a href="https://dicebear.com/licenses">license overview</a> for more information.
 </p>
 
 <p align="center">

package/lib/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export { shape1 } from './shape1.js';
+export { shape2 } from './shape2.js';
+export { shape3 } from './shape3.js';

package/lib/components/index.js

@@ -0,0 +1,9 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export { shape1 } from './shape1.js';
+export { shape2 } from './shape2.js';
+export { shape3 } from './shape3.js';

package/lib/components/shape1.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { ComponentGroup } from '../types.js';
+export declare const shape1: ComponentGroup;

package/lib/components/shape1.js

@@ -0,0 +1,16 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { escape } from '@dicebear/core';
+export const shape1 = {
+    'rectangle': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M90 10H10v80h80V10ZM0 0v100h100V0H0Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'rectangleFilled': (components, colors) => `<path d="M0 0h100v100H0V0Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'ellipseFilled': (components, colors) => `<path d="M100 50A50 50 0 1 1 0 50a50 50 0 0 1 100 0Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'ellipse': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 90a40 40 0 1 0 0-80 40 40 0 0 0 0 80Zm0 10A50 50 0 1 0 50 0a50 50 0 0 0 0 100Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'polygonFilled': (components, colors) => `<path d="m50 7 50 86.6H0L50 7Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'polygon': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 7 0 93.6h100L50 7Zm0 20L17.3 83.6h65.4L50 27Z" fill="${escape.xml(`${colors.shape1}`)}"/>`,
+    'line': (components, colors) => `<path fill="${escape.xml(`${colors.shape1}`)}" d="M45-150h10v400H45z"/>`,
+};

package/lib/components/shape2.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { ComponentGroup } from '../types.js';
+export declare const shape2: ComponentGroup;

package/lib/components/shape2.js

@@ -0,0 +1,16 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { escape } from '@dicebear/core';
+export const shape2 = {
+    'rectangle': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M90 10H10v80h80V10ZM0 0v100h100V0H0Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'rectangleFilled': (components, colors) => `<path d="M0 0h100v100H0V0Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'ellipseFilled': (components, colors) => `<path d="M100 50A50 50 0 1 1 0 50a50 50 0 0 1 100 0Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'ellipse': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 90a40 40 0 1 0 0-80 40 40 0 0 0 0 80Zm0 10A50 50 0 1 0 50 0a50 50 0 0 0 0 100Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'polygonFilled': (components, colors) => `<path d="m50 7 50 86.6H0L50 7Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'polygon': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 7 0 93.6h100L50 7Zm0 20L17.3 83.6h65.4L50 27Z" fill="${escape.xml(`${colors.shape2}`)}"/>`,
+    'line': (components, colors) => `<path fill="${escape.xml(`${colors.shape2}`)}" d="M45-150h10v400H45z"/>`,
+};

package/lib/components/shape3.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { ComponentGroup } from '../types.js';
+export declare const shape3: ComponentGroup;

package/lib/components/shape3.js

@@ -0,0 +1,16 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { escape } from '@dicebear/core';
+export const shape3 = {
+    'rectangle': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M90 10H10v80h80V10ZM0 0v100h100V0H0Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'rectangleFilled': (components, colors) => `<path d="M0 0h100v100H0V0Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'ellipseFilled': (components, colors) => `<path d="M100 50A50 50 0 1 1 0 50a50 50 0 0 1 100 0Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'ellipse': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 90a40 40 0 1 0 0-80 40 40 0 0 0 0 80Zm0 10A50 50 0 1 0 50 0a50 50 0 0 0 0 100Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'polygonFilled': (components, colors) => `<path d="m50 7 50 86.6H0L50 7Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'polygon': (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M50 7 0 93.6h100L50 7Zm0 20L17.3 83.6h65.4L50 27Z" fill="${escape.xml(`${colors.shape3}`)}"/>`,
+    'line': (components, colors) => `<path fill="${escape.xml(`${colors.shape3}`)}" d="M45-150h10v400H45z"/>`,
+};

package/lib/hooks/onPreCreate.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { Prng, StyleOptions } from "@dicebear/core";
+import { Options } from "../types.js";
+type Props = {
+    prng: Prng;
+    options: StyleOptions<Options>;
+};
+export declare function onPreCreate({ prng, options }: Props): void;
+export {};

package/lib/hooks/onPreCreate.js

@@ -0,0 +1,24 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export function onPreCreate({ prng, options }) {
+    var _a, _b, _c, _d;
+    const usedColors = new Set();
+    function getAvailableColors(colors) {
+        const filteredColors = colors.filter((color) => !usedColors.has(color));
+        return filteredColors.length > 0 ? filteredColors : colors;
+    }
+    function getColor(colors) {
+        const availableColors = getAvailableColors(colors);
+        const color = prng.pick(availableColors, 'transparent');
+        usedColors.add(color);
+        return color;
+    }
+    options.shape1Color = [getColor((_a = options.shape1Color) !== null && _a !== void 0 ? _a : [])];
+    options.shape2Color = [getColor((_b = options.shape2Color) !== null && _b !== void 0 ? _b : [])];
+    options.shape3Color = [getColor((_c = options.shape3Color) !== null && _c !== void 0 ? _c : [])];
+    options.backgroundColor = getAvailableColors((_d = options.backgroundColor) !== null && _d !== void 0 ? _d : []);
+}

package/lib/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+/*!
+ * Shapes (@dicebear/shapes)
+ *
+ * Code licensed under MIT License.
+ * Copyright (c) 2023 Florian Körner
+ *
+ * Design "Shapes" by Florian Körner licensed under CC0 1.0. / Remix of the original.
+ * Source: https://dicebear.com
+ * Homepage: https://dicebear.com
+ * License: https://creativecommons.org/publicdomain/zero/1.0/
+ */
+import type { StyleCreate, StyleMeta } from '@dicebear/core';
+import type { Options } from './types.js';
+export declare const meta: StyleMeta;
+export declare const create: StyleCreate<Options>;
+export { schema } from './schema.js';
+export type { Options } from './types.js';

package/lib/index.js

@@ -0,0 +1,44 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { getComponents } from './utils/getComponents.js';
+import { getColors } from './utils/getColors.js';
+import { onPreCreate } from './hooks/onPreCreate.js';
+export const meta = {
+    title: 'Shapes',
+    creator: 'Florian Körner',
+    source: 'https://dicebear.com',
+    homepage: 'https://dicebear.com',
+    license: {
+        name: 'CC0 1.0',
+        url: 'https://creativecommons.org/publicdomain/zero/1.0/',
+    },
+};
+export const create = ({ prng, options }) => {
+    var _a, _b, _c, _d, _e, _f;
+    onPreCreate({ prng, options });
+    const components = getComponents({ prng, options });
+    const colors = getColors({ prng, options });
+    return {
+        attributes: {
+            viewBox: '0 0 100 100',
+            fill: 'none',
+            'shape-rendering': 'auto'
+        },
+        body: `<g transform="matrix(1.2 0 0 1.2 -10 -10)">${(_b = (_a = components.shape1) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}</g><g transform="matrix(.8 0 0 .8 10 10)">${(_d = (_c = components.shape2) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}</g><g transform="matrix(.4 0 0 .4 30 30)">${(_f = (_e = components.shape3) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}</g>`,
+        extra: () => ({
+            ...Object.entries(components).reduce((acc, [key, value]) => {
+                acc[key] = value === null || value === void 0 ? void 0 : value.name;
+                return acc;
+            }, {}),
+            ...Object.entries(colors).reduce((acc, [key, value]) => {
+                acc[`${key}Color`] = value;
+                return acc;
+            }, {}),
+        }),
+    };
+};
+export { schema } from './schema.js';

package/lib/schema.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { StyleSchema } from '@dicebear/core';
+export declare const schema: StyleSchema;

package/lib/schema.js

@@ -0,0 +1,249 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export const schema = {
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "properties": {
+        "backgroundColor": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "pattern": "^(transparent|[a-fA-F0-9]{6})$"
+            },
+            "default": [
+                "0a5b83",
+                "1c799f",
+                "69d2e7",
+                "f1f4dc",
+                "f88c49"
+            ]
+        },
+        "shape1": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "enum": [
+                    "rectangle",
+                    "rectangleFilled",
+                    "ellipseFilled",
+                    "ellipse",
+                    "polygonFilled",
+                    "polygon",
+                    "line"
+                ]
+            },
+            "default": [
+                "rectangleFilled",
+                "ellipseFilled",
+                "polygonFilled"
+            ]
+        },
+        "shape1Color": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "pattern": "^(transparent|[a-fA-F0-9]{6})$"
+            },
+            "default": [
+                "0a5b83",
+                "1c799f",
+                "69d2e7",
+                "f1f4dc",
+                "f88c49"
+            ]
+        },
+        "shape1OffsetX": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -65,
+                "maximum": 65
+            },
+            "maxItems": 2,
+            "default": [
+                -65,
+                65
+            ]
+        },
+        "shape1OffsetY": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -45,
+                "maximum": 45
+            },
+            "maxItems": 2,
+            "default": [
+                -45,
+                45
+            ]
+        },
+        "shape1Rotation": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -160,
+                "maximum": 160
+            },
+            "maxItems": 2,
+            "default": [
+                -160,
+                160
+            ]
+        },
+        "shape2": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "enum": [
+                    "rectangle",
+                    "rectangleFilled",
+                    "ellipseFilled",
+                    "ellipse",
+                    "polygonFilled",
+                    "polygon",
+                    "line"
+                ]
+            },
+            "default": [
+                "rectangleFilled",
+                "ellipseFilled",
+                "polygonFilled",
+                "line"
+            ]
+        },
+        "shape2Color": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "pattern": "^(transparent|[a-fA-F0-9]{6})$"
+            },
+            "default": [
+                "0a5b83",
+                "1c799f",
+                "69d2e7",
+                "f1f4dc",
+                "f88c49"
+            ]
+        },
+        "shape2OffsetX": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -40,
+                "maximum": 40
+            },
+            "maxItems": 2,
+            "default": [
+                -40,
+                40
+            ]
+        },
+        "shape2OffsetY": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -40,
+                "maximum": 40
+            },
+            "maxItems": 2,
+            "default": [
+                -40,
+                40
+            ]
+        },
+        "shape2Rotation": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -180,
+                "maximum": 180
+            },
+            "maxItems": 2,
+            "default": [
+                -180,
+                180
+            ]
+        },
+        "shape3": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "enum": [
+                    "rectangle",
+                    "rectangleFilled",
+                    "ellipseFilled",
+                    "ellipse",
+                    "polygonFilled",
+                    "polygon",
+                    "line"
+                ]
+            },
+            "default": [
+                "rectangle",
+                "rectangleFilled",
+                "ellipseFilled",
+                "ellipse",
+                "polygonFilled",
+                "polygon",
+                "line"
+            ]
+        },
+        "shape3Color": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "pattern": "^(transparent|[a-fA-F0-9]{6})$"
+            },
+            "default": [
+                "0a5b83",
+                "1c799f",
+                "69d2e7",
+                "f1f4dc",
+                "f88c49"
+            ]
+        },
+        "shape3OffsetX": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -25,
+                "maximum": 25
+            },
+            "maxItems": 2,
+            "default": [
+                -25,
+                25
+            ]
+        },
+        "shape3OffsetY": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -25,
+                "maximum": 25
+            },
+            "maxItems": 2,
+            "default": [
+                -25,
+                25
+            ]
+        },
+        "shape3Rotation": {
+            "type": "array",
+            "items": {
+                "type": "integer",
+                "minimum": -180,
+                "maximum": 180
+            },
+            "maxItems": 2,
+            "default": [
+                -180,
+                180
+            ]
+        }
+    }
+};

package/lib/types.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export interface Options {
+    shape1?: ('rectangle' | 'rectangleFilled' | 'ellipseFilled' | 'ellipse' | 'polygonFilled' | 'polygon' | 'line')[];
+    shape1Rotation?: number[];
+    shape1OffsetX?: number[];
+    shape1OffsetY?: number[];
+    shape2?: ('rectangle' | 'rectangleFilled' | 'ellipseFilled' | 'ellipse' | 'polygonFilled' | 'polygon' | 'line')[];
+    shape2Rotation?: number[];
+    shape2OffsetX?: number[];
+    shape2OffsetY?: number[];
+    shape3?: ('rectangle' | 'rectangleFilled' | 'ellipseFilled' | 'ellipse' | 'polygonFilled' | 'polygon' | 'line')[];
+    shape3Rotation?: number[];
+    shape3OffsetX?: number[];
+    shape3OffsetY?: number[];
+    backgroundColor?: string[];
+    shape1Color?: string[];
+    shape2Color?: string[];
+    shape3Color?: string[];
+}
+export type ColorPickCollection = Record<string, string>;
+export type ComponentGroup = Record<string, ComponentGroupItem>;
+export type ComponentGroupCollection = Record<string, ComponentGroup>;
+export type ComponentGroupItem = (components: ComponentPickCollection, colors: ColorPickCollection) => string;
+export type ComponentPickCollection = Record<string, ComponentPick>;
+export type ComponentPick = {
+    name: string;
+    value: ComponentGroupItem;
+    rotation: number | undefined;
+    offsetX: number | undefined;
+    offsetY: number | undefined;
+} | undefined;

package/lib/types.js

@@ -0,0 +1,7 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export {};

package/lib/utils/convertColor.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export declare function convertColor(color: string): string;

package/lib/utils/convertColor.js

@@ -0,0 +1,9 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+export function convertColor(color) {
+    return 'transparent' === color ? color : `#${color}`;
+}

package/lib/utils/getColors.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { Prng } from '@dicebear/core';
+import type { Options, ColorPickCollection } from '../types.js';
+type Props = {
+    prng: Prng;
+    options: Options;
+};
+export declare function getColors({ prng, options }: Props): ColorPickCollection;
+export {};

package/lib/utils/getColors.js

@@ -0,0 +1,16 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import { convertColor } from './convertColor.js';
+export function getColors({ prng, options }) {
+    var _a, _b, _c;
+    return {
+        'shape1': convertColor(prng.pick((_a = options.shape1Color) !== null && _a !== void 0 ? _a : [], 'transparent')),
+        'shape2': convertColor(prng.pick((_b = options.shape2Color) !== null && _b !== void 0 ? _b : [], 'transparent')),
+        'shape3': convertColor(prng.pick((_c = options.shape3Color) !== null && _c !== void 0 ? _c : [], 'transparent')),
+    };
+}
+;

package/lib/utils/getComponents.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Do not change this file manually! This file was generated with the "Dicebear Exporter"-Plugin for Figma.
+ *
+ * Plugin: https://www.figma.com/community/plugin/1005765655729342787
+ * File: https://www.figma.com/file/bX8ZT8jK2fo5Uy8G6j2Qic/%40dicebear%2Fshapes
+ */
+import type { Prng } from '@dicebear/core';
+import type { Options, ComponentPickCollection } from '../types.js';
+type Props = {
+    prng: Prng;
+    options: Options;
+};
+export declare function getComponents({ prng, options }: Props): ComponentPickCollection;
+export {};