@aristobyte-ui/utils 2.16.4 → 2.17.0

package/lib/icons/Copy.js

@@ -37,7 +37,9 @@ exports.Copy = void 0;
 var React = __importStar(require("react"));
 var Copy = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Copy");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
         React.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })));
 };

package/lib/icons/Disabled.js

@@ -37,7 +37,9 @@ exports.Disabled = void 0;
 var React = __importStar(require("react"));
 var Disabled = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Disabled");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
         React.createElement("path", { d: "M4.10748 4.10742L15.8916 15.8924", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M10 18.3334C14.6024 18.3334 18.3334 14.6025 18.3334 10.0001C18.3334 5.39771 14.6024 1.66675 10 1.66675C5.39765 1.66675 1.66669 5.39771 1.66669 10.0001C1.66669 14.6025 5.39765 18.3334 10 18.3334Z", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/lib/icons/Dna.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Dna: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/Dna.js

@@ -0,0 +1,72 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dna = void 0;
+var React = __importStar(require("react"));
+var Dna = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-dna");
+    var primaryGradientId = "".concat(uid, "-dna-primary-gradient");
+    var secondaryGradientId = "".concat(uid, "-dna-secondary-gradient");
+    var tertiaryGradientId = "".concat(uid, "-dna-tertiary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer-1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "11.2", y1: "5", x2: "18", y2: "5", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" })),
+            React.createElement("linearGradient", { id: secondaryGradientId, "data-name": "Orange, yellow", x1: "1", y1: "12", x2: "23", y2: "12", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: tertiaryGradientId, "data-name": "Orange, yellow", x1: "6", y1: "19", x2: "12.8", y2: "19", xlinkHref: "#".concat(primaryGradientId) })),
+        React.createElement("path", { d: "M12,9s0,0,.1,0c.4,0,.7-.2.9-.5l.2.2c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4l-1.1-1.1c.2-.5.4-1,.7-1.5l2,2c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4l-2.3-2.3c0-.1.2-.2.3-.4.4-.4.3-1,0-1.4-.4-.4-1-.3-1.4,0-1.7,1.9-2.7,4-3.1,6.5,0,.5.3,1.1.8,1.1Z", fill: "url(#".concat(primaryGradientId, ")") }),
+        React.createElement("path", { d: "M22.7,8.3c-.4-.4-1-.4-1.4,0-.1.1-.2.2-.4.3l-.3-.3c-.4-.4-1-.4-1.4,0-.4.4-.4,1,0,1.4-.5.3-1,.5-1.5.7l-.6-.6c-.4-.4-1-.4-1.4,0s-.4.7-.2,1.1c-1.2.1-2.4.1-3.6.1-3.5,0-7.1,0-10.7,3.3-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5,0,.7-.3c.1-.1.2-.2.4-.3l.3.3c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4.5-.3,1-.5,1.5-.7l.6.6c.2.2.5.3.7.3s.5,0,.7-.3c.3-.3.4-.7.2-1.1,1.2-.1,2.4-.1,3.6-.1,3.5,0,7,0,10.7-3.3.4-.4.4-1,0-1.4Z", fill: "url(#".concat(secondaryGradientId, ")") }),
+        React.createElement("path", { d: "M12,15c-.4,0-.8.2-1,.5l-.2-.2c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l1.1,1.1c-.2.5-.4,1-.7,1.5l-2-2c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l2.3,2.3c0,.1-.2.2-.3.4-.4.4-.3,1,0,1.4.2.2.4.3.7.3s.5-.1.7-.3c1.7-1.9,2.7-4,3.1-6.5,0-.5-.3-1.1-.8-1.1Z", fill: "url(#".concat(tertiaryGradientId, ")") })));
+};
+exports.Dna = Dna;

package/lib/icons/Dot.js

@@ -37,7 +37,9 @@ exports.Dot = void 0;
 var React = __importStar(require("react"));
 var Dot = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 8" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Dot");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 8 8" },
         React.createElement("rect", { y: "0.5", width: size, height: size, rx: "4", fill: color })));
 };
 exports.Dot = Dot;

package/lib/icons/Error.js

@@ -37,7 +37,9 @@ exports.Error = void 0;
 var React = __importStar(require("react"));
 var Error = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Error");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "m15 9-6 6" }),
         React.createElement("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }),
         React.createElement("path", { d: "m9 9 6 6" })));

package/lib/icons/Eye.js

@@ -37,7 +37,9 @@ exports.Eye = void 0;
 var React = __importStar(require("react"));
 var Eye = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 12", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Eye");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 12", fill: "none" },
         React.createElement("path", { d: "M1.37468 6.232C1.31912 6.08232 1.31912 5.91767 1.37468 5.768C1.91581 4.4559 2.83435 3.33402 4.01386 2.5446C5.19336 1.75517 6.58071 1.33374 8.00001 1.33374C9.41932 1.33374 10.8067 1.75517 11.9862 2.5446C13.1657 3.33402 14.0842 4.4559 14.6253 5.768C14.6809 5.91767 14.6809 6.08232 14.6253 6.232C14.0842 7.54409 13.1657 8.66597 11.9862 9.4554C10.8067 10.2448 9.41932 10.6663 8.00001 10.6663C6.58071 10.6663 5.19336 10.2448 4.01386 9.4554C2.83435 8.66597 1.91581 7.54409 1.37468 6.232Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M8 8C9.10457 8 10 7.10457 10 6C10 4.89543 9.10457 4 8 4C6.89543 4 6 4.89543 6 6C6 7.10457 6.89543 8 8 8Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/lib/icons/Fire.js

@@ -37,7 +37,9 @@ exports.Fire = void 0;
 var React = __importStar(require("react"));
 var Fire = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 19 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Fire");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 19 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M5.24984 14.5832C6.02339 14.5832 6.76525 14.2759 7.31223 13.7289C7.85921 13.1819 8.1665 12.4401 8.1665 11.6665C8.1665 10.0565 7.58317 9.33317 6.99984 8.1665C5.74917 5.66634 6.7385 3.43684 9.33317 1.1665C9.9165 4.08317 11.6665 6.88317 13.9998 8.74984C16.3332 10.6165 17.4998 12.8332 17.4998 15.1665C17.4998 16.239 17.2886 17.3009 16.8782 18.2918C16.4678 19.2826 15.8662 20.1829 15.1079 20.9412C14.3495 21.6996 13.4492 22.3011 12.4584 22.7115C11.4676 23.1219 10.4056 23.3332 9.33317 23.3332C8.26071 23.3332 7.19875 23.1219 6.20792 22.7115C5.2171 22.3011 4.31681 21.6996 3.55847 20.9412C2.80012 20.1829 2.19857 19.2826 1.78815 18.2918C1.37774 17.3009 1.1665 16.239 1.1665 15.1665C1.1665 13.8213 1.67167 12.4902 2.33317 11.6665C2.33317 12.4401 2.64046 13.1819 3.18744 13.7289C3.73442 14.2759 4.47629 14.5832 5.24984 14.5832Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 exports.Fire = Fire;

package/lib/icons/GalleryVertical.js

@@ -37,7 +37,9 @@ exports.GalleryVertical = void 0;
 var React = __importStar(require("react"));
 var GalleryVertical = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-GalleryVertical");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M3 2h18" }),
         React.createElement("rect", { width: "18", height: "12", x: "3", y: "6", rx: "2" }),
         React.createElement("path", { d: "M3 22h18" })));

package/lib/icons/GalleryVerticalEnd.js

@@ -37,7 +37,9 @@ exports.GalleryVerticalEnd = void 0;
 var React = __importStar(require("react"));
 var GalleryVerticalEnd = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-GalleryVerticalEnd");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M7 2h10" }),
         React.createElement("path", { d: "M5 6h14" }),
         React.createElement("rect", { width: "18", height: "12", x: "3", y: "10", rx: "2" })));

package/lib/icons/Github.js

@@ -37,7 +37,9 @@ exports.Github = void 0;
 var React = __importStar(require("react"));
 var Github = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Github");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M10 14.6667V12C10.0928 11.1649 9.85329 10.3268 9.33334 9.66668C11.3333 9.66668 13.3333 8.33334 13.3333 6.00001C13.3867 5.16668 13.1533 4.34668 12.6667 3.66668C12.8533 2.90001 12.8533 2.10001 12.6667 1.33334C12.6667 1.33334 12 1.33334 10.6667 2.33334C8.90667 2.00001 7.09334 2.00001 5.33334 2.33334C4 1.33334 3.33334 1.33334 3.33334 1.33334C3.13334 2.10001 3.13334 2.90001 3.33334 3.66668C2.84792 4.34393 2.61232 5.16853 2.66667 6.00001C2.66667 8.33334 4.66667 9.66668 6.66667 9.66668C6.40667 9.99334 6.21334 10.3667 6.1 10.7667C5.98667 11.1667 5.95334 11.5867 6 12V14.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M5.99998 12C2.99331 13.3333 2.66665 10.6667 1.33331 10.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/lib/icons/GradientSquare.js

@@ -37,10 +37,13 @@ exports.GradientSquare = void 0;
 var React = __importStar(require("react"));
 var GradientSquare = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.colors, colors = _c === void 0 ? ['currentColor'] : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
-        React.createElement("rect", { x: "0.5", y: "0.5", width: size, height: size, rx: "4", fill: "url(#gradient)" }),
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-gradient-square");
+    var squareGradientId = "".concat(uid, "-gradient-square-fill");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
+        React.createElement("rect", { x: "0.5", y: "0.5", width: size, height: size, rx: "4", fill: "url(#".concat(squareGradientId, ")") }),
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "gradient", x1: "0.5", y1: "8.5", x2: "16.5", y2: "8.5", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: squareGradientId, x1: "0.5", y1: "8.5", x2: "16.5", y2: "8.5", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { stopColor: colors[0] }),
                 React.createElement("stop", { offset: "1", stopColor: colors[1] })))));
 };

package/lib/icons/Heart.js

@@ -37,7 +37,9 @@ exports.Heart = void 0;
 var React = __importStar(require("react"));
 var Heart = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 12", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Heart");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 12", fill: "none" },
         React.createElement("path", { d: "M1.24426 4.12523C1.24427 3.47609 1.44119 2.84223 1.80901 2.30736C2.17682 1.77249 2.69823 1.36178 3.30437 1.12946C3.9105 0.897142 4.57285 0.854153 5.20394 1.00617C5.83502 1.15819 6.40514 1.49806 6.83901 1.98089C6.86957 2.01357 6.90652 2.03962 6.94756 2.05743C6.9886 2.07524 7.03286 2.08443 7.0776 2.08443C7.12233 2.08443 7.16659 2.07524 7.20763 2.05743C7.24868 2.03962 7.28562 2.01357 7.31618 1.98089C7.74869 1.49492 8.31894 1.15219 8.95105 0.998328C9.58316 0.844464 10.2471 0.886762 10.8546 1.11959C11.4621 1.35242 11.9842 1.76474 12.3516 2.30167C12.7189 2.8386 12.914 3.47467 12.9109 4.12523C12.9109 5.46106 12.0359 6.45856 11.1609 7.33356L7.95726 10.4328C7.84857 10.5576 7.71455 10.6579 7.56412 10.727C7.41369 10.796 7.25029 10.8323 7.08476 10.8334C6.91924 10.8344 6.75539 10.8002 6.6041 10.7331C6.4528 10.6659 6.31753 10.5673 6.20726 10.4439L2.99426 7.33356C2.11926 6.45856 1.24426 5.46689 1.24426 4.12523Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 exports.Heart = Heart;

package/lib/icons/Info.js

@@ -37,7 +37,9 @@ exports.Info = void 0;
 var React = __importStar(require("react"));
 var Info = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Info");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
         React.createElement("path", { d: "M12 16v-4" }),
         React.createElement("path", { d: "M12 8h.01" })));

package/lib/icons/Instagram.js

@@ -37,7 +37,9 @@ exports.Instagram = void 0;
 var React = __importStar(require("react"));
 var Instagram = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Instagram");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
         React.createElement("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
         React.createElement("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })));

package/lib/icons/Layers.js

@@ -37,7 +37,9 @@ exports.Layers = void 0;
 var React = __importStar(require("react"));
 var Layers = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Layers");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M14.9684 2.54342C14.6644 2.40476 14.3342 2.33301 14 2.33301C13.6659 2.33301 13.3357 2.40476 13.0317 2.54342L3.03337 7.09342C2.82635 7.18471 2.65033 7.33422 2.52676 7.52376C2.40319 7.71329 2.3374 7.93467 2.3374 8.16092C2.3374 8.38718 2.40319 8.60856 2.52676 8.79809C2.65033 8.98763 2.82635 9.13714 3.03337 9.22842L13.0434 13.7901C13.3474 13.9287 13.6776 14.0005 14.0117 14.0005C14.3458 14.0005 14.676 13.9287 14.98 13.7901L24.99 9.24009C25.1971 9.14881 25.3731 8.99929 25.4966 8.80976C25.6202 8.62022 25.686 8.39885 25.686 8.17259C25.686 7.94633 25.6202 7.72496 25.4966 7.53542C25.3731 7.34589 25.1971 7.19638 24.99 7.10509L14.9684 2.54342Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M2.3335 14C2.33295 14.2231 2.3964 14.4418 2.51634 14.6299C2.63627 14.8181 2.80766 14.9679 3.01017 15.0617L13.0435 19.6233C13.3459 19.7603 13.674 19.8311 14.006 19.8311C14.338 19.8311 14.6661 19.7603 14.9685 19.6233L24.9785 15.0733C25.185 14.9805 25.36 14.8296 25.4823 14.639C25.6045 14.4484 25.6686 14.2264 25.6668 14", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M2.3335 19.8333C2.33295 20.0564 2.3964 20.275 2.51634 20.4632C2.63627 20.6514 2.80766 20.8012 3.01017 20.8949L13.0435 25.4566C13.3459 25.5935 13.674 25.6644 14.006 25.6644C14.338 25.6644 14.6661 25.5935 14.9685 25.4566L24.9785 20.9066C25.185 20.8138 25.36 20.6629 25.4823 20.4723C25.6045 20.2817 25.6686 20.0597 25.6668 19.8333", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" })));

package/lib/icons/Link.js

@@ -37,7 +37,9 @@ exports.Link = void 0;
 var React = __importStar(require("react"));
 var Link = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 10 10", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Link");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 10 10", fill: "none" },
         React.createElement("path", { d: "M6.5 0.5H9.5V3.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M4 6L9.5 0.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M8 5.5V8.5C8 8.76522 7.89464 9.01957 7.70711 9.20711C7.51957 9.39464 7.26522 9.5 7 9.5H1.5C1.23478 9.5 0.98043 9.39464 0.792893 9.20711C0.605357 9.01957 0.5 8.76522 0.5 8.5V3C0.5 2.73478 0.605357 2.48043 0.792893 2.29289C0.98043 2.10536 1.23478 2 1.5 2H4.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" })));

package/lib/icons/LinkedIn.js

@@ -37,7 +37,9 @@ exports.LinkedIn = void 0;
 var React = __importStar(require("react"));
 var LinkedIn = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-LinkedIn");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }),
         React.createElement("rect", { width: "4", height: "12", x: "2", y: "9" }),
         React.createElement("circle", { cx: "4", cy: "4", r: "2" })));

package/lib/icons/Npm.js

@@ -37,7 +37,9 @@ exports.Npm = void 0;
 var React = __importStar(require("react"));
 var Npm = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { height: size, width: size, viewBox: "0 0 700 700", fill: "#cb3837", "aria-hidden": "true" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Npm");
+    return (React.createElement("svg", { id: svgId, height: size, width: size, viewBox: "0 0 700 700", fill: "#cb3837", "aria-hidden": "true" },
         React.createElement("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
         React.createElement("polygon", { fill: "#ffffff", points: "150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 " })));
 };

package/lib/icons/OpenedBook.js

@@ -37,7 +37,9 @@ exports.OpenedBook = void 0;
 var React = __importStar(require("react"));
 var OpenedBook = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-OpenedBook");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M8 3.66667V13", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.99998 11C1.82317 11 1.6536 10.9298 1.52858 10.8047C1.40355 10.6797 1.33331 10.5101 1.33331 10.3333V1.66667C1.33331 1.48986 1.40355 1.32029 1.52858 1.19526C1.6536 1.07024 1.82317 1 1.99998 1H5.33331C6.04056 1 6.71883 1.28095 7.21893 1.78105C7.71903 2.28115 7.99998 2.95942 7.99998 3.66667C7.99998 2.95942 8.28093 2.28115 8.78103 1.78105C9.28113 1.28095 9.9594 1 10.6666 1H14C14.1768 1 14.3464 1.07024 14.4714 1.19526C14.5964 1.32029 14.6666 1.48986 14.6666 1.66667V10.3333C14.6666 10.5101 14.5964 10.6797 14.4714 10.8047C14.3464 10.9298 14.1768 11 14 11H9.99998C9.46955 11 8.96084 11.2107 8.58577 11.5858C8.21069 11.9609 7.99998 12.4696 7.99998 13C7.99998 12.4696 7.78927 11.9609 7.41419 11.5858C7.03912 11.2107 6.53041 11 5.99998 11H1.99998Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/lib/icons/Package.js

@@ -37,7 +37,9 @@ exports.Package = void 0;
 var React = __importStar(require("react"));
 var Package = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Package");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 16", fill: "none" },
         React.createElement("path", { d: "M6.33333 14.4867C6.53603 14.6037 6.76595 14.6653 7 14.6653C7.23405 14.6653 7.46397 14.6037 7.66667 14.4867L12.3333 11.82C12.5358 11.7031 12.704 11.535 12.821 11.3325C12.938 11.1301 12.9998 10.9005 13 10.6667V5.33332C12.9998 5.0995 12.938 4.86986 12.821 4.66743C12.704 4.465 12.5358 4.29689 12.3333 4.17999L7.66667 1.51332C7.46397 1.39629 7.23405 1.33469 7 1.33469C6.76595 1.33469 6.53603 1.39629 6.33333 1.51332L1.66667 4.17999C1.46418 4.29689 1.29599 4.465 1.17897 4.66743C1.06196 4.86986 1.00024 5.0995 1 5.33332V10.6667C1.00024 10.9005 1.06196 11.1301 1.17897 11.3325C1.29599 11.535 1.46418 11.7031 1.66667 11.82L6.33333 14.4867Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7 14.6667V8", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.19336 4.66666L7.00003 7.99999L12.8067 4.66666", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/lib/icons/Palette.js

@@ -37,7 +37,9 @@ exports.Palette = void 0;
 var React = __importStar(require("react"));
 var Palette = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Palette");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 16", fill: "none" },
         React.createElement("path", { d: "M7.99998 14.6667C6.23187 14.6667 4.53618 13.9643 3.28593 12.7141C2.03569 11.4638 1.33331 9.76815 1.33331 8.00004C1.33331 6.23193 2.03569 4.53624 3.28593 3.286C4.53618 2.03575 6.23187 1.33337 7.99998 1.33337C9.76809 1.33337 11.4638 1.96551 12.714 3.09073C13.9643 4.21595 14.6666 5.74208 14.6666 7.33337C14.6666 8.21743 14.3155 9.06528 13.6903 9.6904C13.0652 10.3155 12.2174 10.6667 11.3333 10.6667H9.83331C9.61665 10.6667 9.40427 10.727 9.21996 10.8409C9.03565 10.9549 8.88671 11.1178 8.78981 11.3116C8.69292 11.5054 8.6519 11.7224 8.67136 11.9381C8.69082 12.1539 8.76998 12.36 8.89998 12.5334L9.09998 12.8C9.22998 12.9734 9.30914 13.1795 9.3286 13.3953C9.34806 13.6111 9.30704 13.828 9.21014 14.0218C9.11325 14.2156 8.9643 14.3786 8.78 14.4925C8.59569 14.6064 8.38331 14.6667 8.16665 14.6667H7.99998Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M9.00002 4.66667C9.18412 4.66667 9.33335 4.51743 9.33335 4.33333C9.33335 4.14924 9.18412 4 9.00002 4C8.81593 4 8.66669 4.14924 8.66669 4.33333C8.66669 4.51743 8.81593 4.66667 9.00002 4.66667Z", fill: color, stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M11.6666 7.33329C11.8507 7.33329 12 7.18405 12 6.99996C12 6.81586 11.8507 6.66663 11.6666 6.66663C11.4826 6.66663 11.3333 6.81586 11.3333 6.99996C11.3333 7.18405 11.4826 7.33329 11.6666 7.33329Z", fill: color, stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/lib/icons/PaperCode.js

@@ -37,7 +37,9 @@ exports.PaperCode = void 0;
 var React = __importStar(require("react"));
 var PaperCode = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 12 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-PaperCode");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 12 16", fill: "none" },
         React.createElement("path", { d: "M4.66665 8.33337L3.33331 10L4.66665 11.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7.33331 8.33337L8.66665 10L7.33331 11.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7.33331 1.33337V4.00004C7.33331 4.35366 7.47379 4.6928 7.72384 4.94285C7.97389 5.1929 8.31302 5.33337 8.66665 5.33337H11.3333", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/lib/icons/Play.js

@@ -37,7 +37,9 @@ exports.Play = void 0;
 var React = __importStar(require("react"));
 var Play = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 13 14", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Play");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 13 14", fill: "none" },
         React.createElement("path", { d: "M1.33331 2.33336C1.33324 2.09876 1.39508 1.86829 1.51257 1.66522C1.63006 1.46216 1.79905 1.29369 2.00248 1.17683C2.20591 1.05996 2.43657 0.998845 2.67117 0.999641C2.90578 1.00044 3.13602 1.06312 3.33865 1.18136L11.3366 5.8467C11.5385 5.96382 11.7061 6.13186 11.8226 6.33403C11.9392 6.5362 12.0006 6.76543 12.0008 6.99879C12.001 7.23215 11.94 7.46148 11.8238 7.66385C11.7076 7.86623 11.5403 8.03456 11.3386 8.15203L3.33865 12.8187C3.13602 12.9369 2.90578 12.9996 2.67117 13.0004C2.43657 13.0012 2.20591 12.9401 2.00248 12.8232C1.79905 12.7064 1.63006 12.5379 1.51257 12.3348C1.39508 12.1318 1.33324 11.9013 1.33331 11.6667V2.33336Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 exports.Play = Play;

package/lib/icons/Plug.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Plug: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/Plug.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Plug = void 0;
+var React = __importStar(require("react"));
+var Plug = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-plug");
+    var primaryGradientId = "".concat(uid, "-plug-primary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "5", y1: "12", x2: "19", y2: "12", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" }))),
+        React.createElement("path", { d: "M18,7h-2V2c0-.6-.4-1-1-1s-1,.4-1,1v5h-4V2c0-.6-.4-1-1-1s-1,.4-1,1v5h-2c-.6,0-1,.4-1,1v5c0,2.8,2.2,5,5,5h1v4c0,.6.4,1,1,1s1-.4,1-1v-4h1c2.8,0,5-2.2,5-5v-5c0-.6-.4-1-1-1ZM17,13c0,1.7-1.3,3-3,3h-4c-1.7,0-3-1.3-3-3v-4h10v4Z", fill: "url(#".concat(primaryGradientId, ")") })));
+};
+exports.Plug = Plug;

package/lib/icons/Pnpm.js

@@ -37,35 +37,46 @@ exports.Pnpm = void 0;
 var React = __importStar(require("react"));
 var Pnpm = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "66.09157809474142 33.5 184.5 184.49999999999997", width: size, height: size },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-pnpm");
+    var baseShapeId = "".concat(uid, "-pnpm-base");
+    var topRightShapeId = "".concat(uid, "-pnpm-top-right");
+    var topMidShapeId = "".concat(uid, "-pnpm-top-mid");
+    var topLeftShapeId = "".concat(uid, "-pnpm-top-left");
+    var midRightShapeId = "".concat(uid, "-pnpm-mid-right");
+    var midMidShapeId = "".concat(uid, "-pnpm-mid-mid");
+    var bottomMidShapeId = "".concat(uid, "-pnpm-bottom-mid");
+    var bottomRightShapeId = "".concat(uid, "-pnpm-bottom-right");
+    var bottomLeftShapeId = "".concat(uid, "-pnpm-bottom-left");
+    return (React.createElement("svg", { id: svgId, preserveAspectRatio: "xMidYMid meet", viewBox: "66.09157809474142 33.5 184.5 184.49999999999997", width: size, height: size },
         React.createElement("defs", null,
-            React.createElement("path", { d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z", id: "b2JZZcA3fT" }),
-            React.createElement("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
-            React.createElement("path", { d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z", id: "dkDSTzPj3" }),
-            React.createElement("path", { d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z", id: "a4vNdcNLpF" }),
-            React.createElement("path", { d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z", id: "h2t4Zj1jSU" }),
-            React.createElement("path", { d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z", id: "b4t5pngwvT" }),
-            React.createElement("path", { d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z", id: "b9s1gd5m2" }),
-            React.createElement("path", { d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z", id: "cmt9WLvz7" }),
-            React.createElement("path", { d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z", id: "bJUNqgFSg" })),
+            React.createElement("path", { d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z", id: baseShapeId }),
+            React.createElement("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: topRightShapeId }),
+            React.createElement("path", { d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z", id: topMidShapeId }),
+            React.createElement("path", { d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z", id: topLeftShapeId }),
+            React.createElement("path", { d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z", id: midRightShapeId }),
+            React.createElement("path", { d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z", id: midMidShapeId }),
+            React.createElement("path", { d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z", id: bottomMidShapeId }),
+            React.createElement("path", { d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z", id: bottomRightShapeId }),
+            React.createElement("path", { d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z", id: bottomLeftShapeId })),
         React.createElement("g", null,
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b2JZZcA3fT", opacity: "1", fill: "#ffffff", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(baseShapeId), opacity: "1", fill: "#ffffff", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#bj0tb0Y8q", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topRightShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#dkDSTzPj3", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topMidShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#a4vNdcNLpF", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topLeftShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#h2t4Zj1jSU", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(midRightShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b4t5pngwvT", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(midMidShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b9s1gd5m2", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(bottomMidShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#cmt9WLvz7", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(bottomRightShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#bJUNqgFSg", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })))));
+                React.createElement("use", { xlinkHref: "#".concat(bottomLeftShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })))));
 };
 exports.Pnpm = Pnpm;

package/lib/icons/Puzzle.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Puzzle: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/Puzzle.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Puzzle = void 0;
+var React = __importStar(require("react"));
+var Puzzle = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-puzzle");
+    var primaryGradientId = "".concat(uid, "-puzzle-primary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "1", y1: "12", x2: "23", y2: "12", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" }))),
+        React.createElement("path", { d: "M4.5,23c-.3,0-.5,0-.8,0-.9-.2-1.7-.8-2.2-1.6-.5-.8-.6-1.7-.4-2.6.3-1.3,1.3-2.3,2.6-2.6l-1.7-1.7c-.6-.6-1-1.5-1-2.4s.4-1.8,1-2.4l1.7-1.7c.4-.4.9-.6,1.4-.6h0c.5,0,1,.2,1.4.6.3.3.4.6.5.9,0,.4.3.7.7.9.3.2.7.3,1.1.2.4,0,.7-.3.9-.7.2-.3.3-.7.2-1.1-.1-.6-.6-1-1.1-1.1-1.1-.3-1.7-1.3-1.5-2.4,0-.4.3-.7.5-1l1.7-1.7c1.3-1.3,3.5-1.3,4.8,0l1.7,1.7c.2-.9.8-1.7,1.6-2.2.8-.5,1.7-.6,2.6-.4.9.2,1.7.8,2.2,1.6.5.8.6,1.7.4,2.6-.3,1.3-1.3,2.3-2.6,2.6l1.7,1.7c1.3,1.3,1.3,3.5,0,4.8l-1.7,1.7c-.8.8-2,.8-2.8,0-.3-.3-.4-.6-.5-1,0-.4-.3-.7-.7-.9-.3-.2-.7-.3-1.1-.2-.4,0-.7.3-.9.7-.2.3-.3.7-.2,1.1.1.6.6,1,1.1,1.1,1.1.3,1.7,1.3,1.5,2.4,0,.4-.3.7-.5,1l-1.7,1.7c-1.3,1.3-3.5,1.3-4.8,0l-1.7-1.7c-.4,1.6-1.8,2.7-3.4,2.7ZM5.1,9.3l-1.7,1.7c-.3.3-.4.6-.4,1s.1.7.4,1l1.7,1.7c.3.3.4.6.5.9.3,1.1-.4,2.2-1.5,2.4-.6.1-1,.6-1.1,1.1,0,.4,0,.8.2,1.1.2.3.5.6.9.7.8.2,1.6-.3,1.8-1.1,0-.4.3-.7.5-.9.4-.4.9-.6,1.4-.6h0c.5,0,1,.2,1.4.6l1.7,1.7c.6.6,1.4.6,2,0l1.7-1.7c-1.3-.3-2.3-1.3-2.6-2.6-.2-.9,0-1.8.4-2.6.5-.8,1.3-1.4,2.2-1.6.9-.2,1.8,0,2.6.4.8.5,1.4,1.3,1.6,2.2l1.7-1.7c.6-.6.6-1.4,0-2l-1.7-1.7c-.3-.3-.4-.6-.5-.9-.3-1.1.4-2.2,1.5-2.4.6-.1,1-.6,1.1-1.1,0-.4,0-.8-.2-1.1-.2-.3-.5-.6-.9-.7s-.8,0-1.1.2c-.3.2-.6.5-.7.9,0,.4-.3.7-.5.9-.8.8-2.1.8-2.8,0h0l-1.7-1.7c-.5-.5-1.5-.5-2,0l-1.7,1.7c1.3.3,2.3,1.3,2.6,2.6.2.9,0,1.8-.4,2.6-.5.8-1.3,1.4-2.2,1.6-.9.2-1.8,0-2.6-.4-.8-.5-1.4-1.3-1.6-2.2Z", fill: "url(#".concat(primaryGradientId, ")") })));
+};
+exports.Puzzle = Puzzle;